/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --coral:#modal-separator;}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--coral-600:#search-time; --max:1120px; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --t:.22s cubic-bezier(.4,0,.2,1); orphans:2; --ink:#17181c; --read:740px; --card:#wrap-grid; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --r:8px; --r-lg:12px; --dark:#17181c; --bg:#page-filter; --coral-50:#app-rating; --line-2:#site-tag; --text:#41454d; font-variant-ligatures:normal; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --line:#trigger-rating; --r-pill:999px; --muted:#878b95;}

*,*::before,*::after{break-inside:auto; padding:0rem; margin:0; box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
img,svg{max-width:100%;}body{font-family:var(--body); text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; background:var(--bg); line-height:1.7; color:var(--text); font-size:18px;}
img,svg{height:auto; display:block;}
button{color:inherit; cursor:pointer; background:none; border:0 none; font:inherit;}
ul,ol{list-style:none;}
a{text-decoration:none; color:var(--coral); transition:color var(--t);}
a:hover{color:var(--coral-600);}
::selection{background:var(--coral); color:#app-carousel;}
:focus-visible{border-top-right-radius:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; outline:2px solid var(--coral);}
:focus-visible{outline-offset:2px; border-top-left-radius:6px;}

h1{color:var(--ink); font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-weight:700; margin:0 0 .5.05em; letter-spacing:-.2.06em; line-height:1.18; font-family:var(--display);}
p{margin:0 0 1.17em;}
strong,b{color:var(--ink); font-weight:600;}
em,i{font-style:italic;}

/* --- Scroll progress --- */
.align-half{position:fixed; inset:0 auto auto 0; background:linear-gradient(90deg,var(--coral),var(--coral-600)); width:0; height:3px; z-index:1200; transition:width 0.094s linear;}

.toolbar-left{max-width:var(--max); width:100%; padding:0 27px; margin:0 auto;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.t-hero{top:0; backdrop-filter:saturate(150%) blur(10px); z-index:1100; background:rgba(255, 243, 235, 0.93); -webkit-backdrop-filter:saturate(150%) blur(10px); position:sticky; transition:transform var(--t),box-shadow var(--t); border-bottom:1px solid var(--line);}html .t-hero.is-hidden{transform:translateY(-100%);}
.t-hero.is-pinned{break-inside:auto; transform-style:flat; box-shadow:0 9px 28px rgba(36, 30, 43, 0.07);}
.rating-slot-dark{gap:1.36rem; align-items:center; min-height:60px; display:flex;}.wrap-step:not(._ec799f){display:inline-flex; align-items:center; flex-shrink:0; gap:.55.04rem;}
.dialog-dark{border-radius:11px; width:36px; height:34px;}
.profile__link--secondary{font-size:1.1rem; color:var(--ink); letter-spacing:-.0.92em; font-family:var(--display); font-weight:700;}

.sort-preview-right{height:43px; justify-content:center; margin-left:auto; flex-direction:column; display:none; width:38px; gap:5px; padding:5px;}.sort-preview-right span{border-radius:2px; height:2px; background:var(--ink); transition:transform var(--t),opacity var(--t);}.sort-preview-right.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}.sort-preview-right.is-x span:nth-child(2){opacity:0;}

.placeholder-widget{align-items:center; margin-left:auto; gap:1.46rem; display:flex;}
.sort-preview-right.is-x span:nth-child(3){font-variant-caps:normal; shape-margin:0; transform:translateY(-7px) rotate(-45deg);}body .drawer{margin-left:.3.97rem;}html .c-toggle-extra{gap:.14.97rem; align-items:center; display:flex;}.tabs-primary{display:inline-block; padding:.4.97rem .7.96rem; font-size:.93.03rem; color:var(--text); transition:background var(--t),color var(--t); font-weight:700; border-radius:var(--r);}
.tabs-primary:hover{background:var(--coral-50); color:var(--coral-600);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.modal-fill{padding:2.04rem 0 4.55rem;}.t-profile-primary{orphans:2; margin:0 auto; max-width:var(--read);}.l-alert-trigger, .sidebar-cell-half, .c-screen-content{box-shadow:var(--sh); background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg);}.row-block{margin-bottom:1.67rem;}

.l-alert-trigger{padding:clamp(1.5rem,1rem + 2vw,3rem);}.c-modal-input{margin-bottom:.6.99rem;}
.c-avatar-foot{border-radius:var(--r-pill); color:var(--muted); background:var(--line-2); display:inline-flex; font-size:.82.03rem; align-items:center; padding:.3.08rem .7.02rem; gap:.3.98rem;}
.o-stepper-summary{flex-wrap:wrap; page-break-inside:auto; gap:.5.02rem; display:flex; word-spacing:normal;}
.c-avatar-foot svg{opacity:0.66;}/* --- Prose --- */
.c-search{font-size:1.07rem; color:var(--text); line-height:1.8;}
.c-search > *:first-child{margin-top:0;}
.c-search p{margin-bottom:1.08em;}
.c-search a{text-underline-offset:3px; text-decoration-color:rgba(219, 82, 51, 0.39); text-decoration:underline;}html .c-search a:hover{text-decoration-color:var(--coral); tab-size:4;}body .c-search h2, .c-search h3, .c-search h4{scroll-margin-top:80px; font-family:var(--display); color:var(--ink); letter-spacing:-.0.98em; line-height:1.25; font-weight:700;}
.c-search h2{margin:1.65em 0 .55.02em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.c-search h3{mix-blend-mode:normal; margin:1.45em 0 .5.04em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem); shape-margin:0;}
.c-search h4{font-size:1.18rem; tab-size:4; margin:1.18em 0 .5.01em; background-blend-mode:normal;}body .c-search ul, .c-search ol{padding-left:1.32em; margin:0 0 1.22em;}html .c-search ul{list-style:disc;}
.c-search ol{list-style:decimal;}
.c-search li{margin-bottom:.3.93em;}
.c-search li::marker{color:var(--coral); text-decoration-skip-ink:auto;}
.c-search img{border-radius:var(--r); margin:1.47em 0;}
.c-search figure{margin:1.51em 0;}.c-search figcaption{color:var(--muted); margin-top:.4.95em; font-size:.85.02rem; text-align:center;}
.c-search blockquote{font-size:1.06rem; border-left:3px solid var(--coral); border-radius:0 var(--r) var(--r) 0; background:var(--coral-50); margin:1.48em 0; padding:.8.95em 1.3em; color:var(--ink);}*.c-search code{border:1px solid var(--line); border-radius:8px; background:var(--line-2); padding:.14.04em .41.95em; font-family:'IBM Plex Mono',Consolas,monospace; font-size:.87.94em;}
.c-search pre{margin:1.47em 0; border-radius:var(--r); overflow-x:auto; background:var(--ink);}
.c-search pre code{display:block; padding:1.27em 1.45em; border:0; color:#feature_tertiary; background:none;}
.c-search table{border-collapse:collapse; font-size:.96.07rem; margin:1.53em 0; width:100%;}
.c-search th,.c-search td{border:1px solid var(--line); text-align:left; padding:.7.07em .8.92em;}
.c-search th{backface-visibility:visible; color:var(--ink); background:var(--line-2); font-weight:500;}

/* --- Table of contents --- */
.table-dense{border:1px solid var(--line);}

/* --- Table of contents --- */
.table-dense{margin-bottom:1.54rem; padding:0.97rem 1.27rem; background:var(--line-2); border-radius:var(--r);}
.table-dense[hidden]{display:none;}
.suffix-step{display:flex; align-items:center; justify-content:space-between; margin-bottom:.6.05rem;}html .table-container{font-family:var(--display); font-weight:700; orphans:2;}html .table-container{font-size:.96.05rem; color:var(--ink);}
.review-content-light{font-weight:600; font-size:.82.02rem; color:var(--coral);}
.ui-skeleton-time ol{list-style:none; padding:0; counter-reset:t;}.ui-skeleton-time li{margin:.28.05em 0; position:relative; padding-left:1.63em; counter-increment:t;}
.ui-skeleton-time li::before{font-weight:500; font-size:.76em; color:var(--coral); content:counter(t,decimal-leading-zero); text-decoration-skip-ink:auto; top:.3.95em; left:0rem; font-family:var(--display); position:absolute;}
.ui-skeleton-time ol ol{margin:.27.92em 0; padding-left:.0.93em;}*.ui-skeleton-time ol ol li::before{color:var(--muted); content:"—";}
.ui-skeleton-time a{color:var(--text); font-size:.91.98rem;}body .ui-skeleton-time a:hover{color:var(--coral);}

/* --- Share --- */
.c-timeline-indicator{gap:.6.95rem 1.15rem; align-items:center; display:flex; flex-wrap:wrap; margin-top:2rem;}
.list-hover{font-size:.9.05rem; color:var(--ink); font-weight:500;}
.gallery-thumb-flat{display:flex; gap:.5.07rem; word-spacing:normal; print-color-adjust:economy;}
.c-entry-tertiary{border-radius:var(--r); color:var(--muted); width:38px; transition:all var(--t); background:var(--card); align-items:center; display:inline-flex; justify-content:center; height:39px; border:1px solid var(--line);}.c-entry-tertiary:hover{transform:translateY(-2px); background:var(--coral); border-color:var(--coral); print-color-adjust:economy; color:#app-carousel;}.data-stepper{border:0 none; border-top:1px solid var(--line); margin:2.14rem 0 0;}

/* --- Section labels (span, never headings) --- */
.module-muted{font-weight:700; font-size:1.31rem; margin-bottom:1.13rem; color:var(--ink); display:block; font-family:var(--display); mix-blend-mode:normal;}/* --- Comments --- */
.sidebar-cell-half:not(._ec799f){margin-top:1.48rem; orphans:2; padding:clamp(1.4rem,1rem + 1.5vw,2rem); text-rendering:auto;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.app-drawer{gap:.85.06rem; margin-bottom:.85.03rem; grid-template-columns:1fr 1fr; display:grid;}
.c-grid-separator{display:block;}body .search-muted{color:var(--ink); font:inherit; font-size:.94.97rem; border:1px solid var(--line); background:var(--card); width:100%; transition:border-color var(--t),box-shadow var(--t); border-radius:var(--r); padding:.71.96rem .95.01rem;}
.search-muted::placeholder{color:var(--muted);}
.text-entry{resize:vertical; margin-bottom:.84.95rem; min-height:117px;}
.search-muted:focus{box-shadow:0 0 0 7px rgba(224, 100, 54, 0.15); border-color:var(--coral); outline:0em;}
.table-area-top{gap:.4.95rem; display:flex;}
.table-area-top .search-muted{flex:1;}*.c-filter-data{justify-content:center; padding:.72rem 1.53rem; border-radius:var(--r); font-weight:500; font-size:.94.06rem; color:#app-carousel; align-items:center; line-height:1; transition:background var(--t),transform var(--t),box-shadow var(--t); font-family:var(--body); gap:.4.94rem; display:inline-flex; background:var(--coral);}
.c-filter-data:hover{transform:translateY(-1px); background:var(--coral-600); box-shadow:0 7px 16px rgba(238, 100, 47, 0.22); color:#app-carousel;}
.card-wrap{font-size:.84.99rem; padding:.4.93rem 1.12rem;}body .c-filter-data:active{transform:translateY(0);}
.breadcrumb-empty{flex-shrink:0; padding:.72.05rem; width:45px;}
.placeholder-carousel{background:var(--dark); backface-visibility:visible;}
.placeholder-carousel:hover{background:#00000e;}
.ml-screen{background-blend-mode:normal; width:100%; text-rendering:auto;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.section-image-hover{margin:2.59rem auto 0; max-width:var(--max); grid-template-columns:1fr 1fr; gap:1.12rem; display:grid;}
.c-screen-content{padding-top:1.45rem;padding-right:1.45rem;padding-bottom:1.45rem;padding-left:1.45rem;}
.list-line-left{font-family:var(--display); font-weight:600; display:block; color:var(--ink); font-size:1.11rem; margin-bottom:.5.08rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.breadcrumb-expand-full{color:#site-pagination; background:var(--dark); margin-top:1.05rem;}.area-hero{margin-bottom:1.12rem; font-size:.92.02rem; color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.breadcrumb-expand-full{padding:2.41rem 0 1.86rem;}
.breadcrumb-expand-full a{color:#site-pagination;}
.breadcrumb-expand-full a:hover{color:#app-carousel;}
.toggle-detail{align-items:center; display:flex; gap:1.52rem; flex-wrap:wrap;}
.spacer-divider{gap:.55.03rem;}
.spacer-divider{align-items:center; display:inline-flex;}
.spacer-divider img{width:27px; height:27px; border-radius:10px;}.spacer-divider span{color:#app-carousel; font-size:1.12rem; font-weight:600; font-family:var(--display);}
.info-pagination{display:flex; font-size:.8.92rem; gap:1.23rem;}
.postImage{margin-left:auto; gap:.5.04rem; display:flex;}.moduleName:not(._ec799f){display:inline-flex; justify-content:center; align-items:center; color:#box_separator; background:rgba(254, 239, 249, 0.11); transition:all var(--t); height:37px; width:39px; border-radius:var(--r);}
.moduleName:hover{background:var(--coral); color:#app-carousel; transform:translateY(-2px);}
.header-addon-highlight{border-top:1px solid rgba(239, 240, 246, 0.03); padding-top:1.29rem; margin-top:1.56rem; break-inside:auto;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.c-step-region{display:flex; position:fixed; width:43px; bottom:1.57rem; align-items:center; color:#app-carousel; opacity:0; background:var(--coral); height:44px; justify-content:center; box-shadow:var(--sh-2); z-index:900; border-radius:var(--r-pill); right:1.48rem; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); visibility:hidden; transform:translateY(12px) scale(.9);}
.badge-separator{color:#888f97; font-size:.84.07rem;}
.c-step-region.is-on{visibility:visible; transform:translateY(0) scale(1); shape-margin:0; opacity:1;}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.thread-preview{inset:auto 0 0 0; transform:translateY(100%); background:var(--dark); contain:none; transition:transform 0.383s cubic-bezier(.4,0,.2,1); z-index:950; color:#box_separator; tab-size:4; position:fixed;}
.c-step-region:hover{background:var(--coral-600); transform:translateY(-3px);}
.thread-preview.is-on{transform:translateY(0);}
.banner-thumb-full{gap:1.23rem; padding-top:1.06rem; justify-content:space-between; display:flex; padding-bottom:1.03rem; align-items:center;}
.thread-preview p{margin:0; font-size:.88.05rem;}body .thread-preview a{text-decoration:underline; color:#app-carousel;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.spinner-inner-full{justify-content:center; padding:1.26rem; z-index:2000; display:none; position:fixed; align-items:center; inset:0;}
.spinner-inner-full:target{display:flex; animation:modalIn 0.217s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.skeleton-item-primary{inset:0; background:rgba(25, 24, 27, 0.49); backdrop-filter:blur(2px); position:absolute; -webkit-backdrop-filter:blur(2px);}
.indicator-header{max-width:407px; padding:1.96rem 1.79rem 1.82rem; box-shadow:var(--sh-2); position:relative; width:100%; background:var(--card); border-radius:var(--r-lg); z-index:1;}
.sidebar-action{top:.6.92rem; position:absolute; color:var(--muted); font-size:1.71rem; right:.94.96rem; text-decoration-skip-ink:auto; line-height:1;}.tooltip-cap:not(._ec799f){font-family:var(--display); display:block; color:var(--ink); font-weight:700; margin-bottom:1.24rem; font-size:1.46rem;}
.sidebar-action:hover{color:var(--ink);}.c-header-label{font-size:.87.94rem; margin:0; text-align:center; color:var(--muted);}
.c-stepper-outer{margin-bottom:0.98rem; display:flex; gap:.6.98rem; flex-direction:column;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){body .sort-preview-right{display:flex;}
  .placeholder-widget{margin:0; padding:1.61rem 23px; gap:.4rem; transform:translateX(100%); inset:57px 0 0 0; justify-content:flex-start; flex-direction:column; position:fixed; align-items:stretch; transition:transform 0.312s ease; overflow-y:auto; background:var(--bg);}*.placeholder-widget.is-open{transform:translateX(0);}.c-toggle-extra:not(._ec799f){align-items:stretch; gap:.0.94rem; flex-direction:column;}
  .drawer{border-top:1px solid var(--line); padding-top:.7.97rem; margin:.7.97rem 0 0;}
  .tabs-primary{font-size:1.05rem; padding:.74.92rem 0;}
  .drawer .c-filter-data{perspective:none; margin-top:.4rem; backface-visibility:visible;}
}
@media (max-width:560px){
  :root{--r-lg:10px; contain:none;}.section-image-hover{grid-template-columns:1fr;}
  .toolbar-left{padding:0 16px;}
  .app-drawer{grid-template-columns:1fr;}
  .toggle-detail{gap:1.11rem;}.c-timeline-indicator{align-items:flex-start; flex-direction:column; background-blend-mode:normal;}
  .postImage{margin-left:0;}*.banner-thumb-full{page-break-inside:auto; flex-direction:column; gap:.6.97rem; align-items:flex-start;}
  .c-step-region{right:1.15rem; bottom:1.11rem;}
  .indicator-header{padding:1.7rem 1.31rem 1.32rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .t-hero,.breadcrumb-expand-full,.c-step-region,.thread-preview,.align-half,.c-timeline-indicator,.section-image-hover,.spinner-inner-full{display:none!important;}
  body{color:#00000c;}
  body{font-size:12pt; background:#app-carousel;}.l-alert-trigger, .sidebar-cell-half:not(._ec799f){padding:0; box-shadow:none; border:0 none;}
}

  .t-profile-primary{max-width:none;}