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

:root{--card:#slider_zone; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --line:#main-select; --text:#41454d; --coral-600:#box_overlay; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --r-pill:999px; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --bg:#drawerExtra; --ink:#17181c; --r:8px; --line-2:#site-tabs; --dark:#17181c; --coral-50:#app-reply; --coral:#region-progress; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --muted:#878b95; --max:1120px; --r-lg:12px; --t:.22s cubic-bezier(.4,0,.2,1); --read:740px;}

*,*::before,*::after{margin:0; box-sizing:border-box; padding:0;}
html{scroll-behavior:smooth; mix-blend-mode:normal;}body{line-height:1.7; background:var(--bg); text-rendering:optimizeLegibility; font-size:19px; -webkit-font-smoothing:antialiased; font-family:var(--body); color:var(--text);}
html{-webkit-text-size-adjust:100%;}
img,svg{height:auto; max-width:100%; display:block;}
button{background:none; cursor:pointer; font:inherit; color:inherit; border:0; hyphens:manual; text-rendering:auto;}
ul,ol{list-style:none;}a{transition:color var(--t); color:var(--coral); text-decoration:none;}::selection{color:#page-hero; background:var(--coral);}
a:hover{color:var(--coral-600);}

h1{line-height:1.18; letter-spacing:-.2.02em; margin:0 0 .5.03em; color:var(--ink); font-weight:700; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-family:var(--display);}:focus-visible{border-radius:0; outline:2px solid var(--coral); outline-offset:2px;}
p{margin:0 0 1.06em;}
strong,b{color:var(--ink); font-weight:700; contain:none; isolation:auto;}
em,i{will-change:auto; font-style:italic;}/* --- Scroll progress --- */
.sectionThumb{z-index:1200; height:7px; position:fixed; inset:0 auto auto 0; transition:width 0.036s linear; background:linear-gradient(90deg,var(--coral),var(--coral-600)); width:0;}

.stepExpand{padding:0 24px; max-width:var(--max); margin:0 auto; width:100%;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.dialog{transition:transform var(--t),box-shadow var(--t); background:rgba(255, 249, 251, 0.92); top:0; position:sticky; -webkit-backdrop-filter:saturate(150%) blur(10px); z-index:1100; backdrop-filter:saturate(150%) blur(10px); border-bottom:1px solid var(--line);}
.dialog.is-hidden{transform:translateY(-100%);}body .dialog.is-pinned{box-shadow:0 5px 28px rgba(26, 40, 36, 0);}
.progressPrefix{gap:1.4rem; min-height:64px; align-items:center; display:flex;}*.tooltipArea{gap:.55.05rem; display:inline-flex; align-items:center; flex-shrink:0;}
.gap-1{height:34px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; width:28px;}
.viewColumn{font-family:var(--display); font-weight:500; color:var(--ink); letter-spacing:-.0.99em;}
.viewColumn{font-size:1.12rem;}

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

.h-2{margin-left:auto; display:flex; align-items:center; gap:1.4rem;}
.stepPlaceholder{gap:.15.07rem; display:flex; align-items:center;}*.align-6{margin-left:.4.05rem;}.searchFoot{padding:.4.94rem .8.01rem; color:var(--text); font-weight:600; display:inline-block; font-size:.92.94rem; transition:background var(--t),color var(--t);}.searchFoot{border-radius:var(--r);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.dropdownSubtitle{padding:2.04rem 0 4.42rem;}
.searchFoot:hover{font-synthesis:weight style small-caps; backface-visibility:visible; color:var(--coral-600); background:var(--coral-50);}
.pl-10{max-width:var(--read); margin:0 auto;}body .c-pagination, body .stepperLabel, .el-tabs:not(._c41408){background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); border-radius:var(--r-lg);}

.c-pagination{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.counter__line{margin-bottom:1.68rem;}*.timeline-inner{display:flex; gap:.5.01rem; flex-wrap:wrap;}.snackbarCell{margin-bottom:.6.98rem;}body .gallerySubtitle{gap:.4.07rem; color:var(--muted); border-radius:var(--r-pill); background:var(--line-2); display:inline-flex; align-items:center; font-size:.81.99rem; padding:.2.96rem .6.99rem;}.gallerySubtitle svg{opacity:0.63;}

/* --- Prose --- */
.heroInfo{color:var(--text); font-size:1.08rem; line-height:1.8;}
.heroInfo > *:first-child{margin-top:0;}.heroInfo p{margin-bottom:1.09em;}html .heroInfo a{text-decoration:underline; text-decoration-color:rgba(247, 87, 55, 0.43); text-underline-offset:3px;}
.heroInfo a:hover{text-decoration-color:var(--coral);}
.heroInfo h2,.heroInfo h3,.heroInfo h4{color:var(--ink); scroll-margin-top:80px; line-height:1.25; letter-spacing:-.1.08em; font-weight:700; font-family:var(--display);}
.heroInfo h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.67em 0 .55.01em;}*.heroInfo h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.43em 0 .5.06em;}*.heroInfo h4{margin:1.13em 0 .5.03em; font-size:1.15rem;}
.heroInfo ul,.heroInfo ol{margin:0 0 1.07em; padding-left:1.45em;}
.heroInfo ul{list-style:disc;}
.heroInfo ol{list-style:decimal;}
.heroInfo li{font-variant-caps:normal; margin-bottom:.3.92em;}
.heroInfo li::marker{color:var(--coral);}.heroInfo img{border-radius:var(--r); margin:1.58em 0;}
.heroInfo figure{margin:1.51em 0;}
.heroInfo figcaption{text-align:center; font-size:.85.04rem; margin-top:.4.98em; color:var(--muted);}html .heroInfo blockquote{font-size:1.08rem; padding:.9.07em 1.26em; background:var(--coral-50); margin:1.51em 0; color:var(--ink); border-left:3px solid var(--coral); border-radius:0 var(--r) var(--r) 0;}
.heroInfo code{padding:.14.01em .42.02em; border-radius:5px; font-size:.87.95em; border:1px solid var(--line); background:var(--line-2); font-family:'IBM Plex Mono',Consolas,monospace;}.heroInfo pre{background:var(--ink); overflow-x:auto; margin:1.42em 0; border-radius:var(--r); text-underline-offset:auto; contain:none;}*.heroInfo pre code{background:none; padding:1.25em 1.4em; display:block; border:0 none; color:#app-carousel;}
.heroInfo table{border-collapse:collapse; width:100%; margin:1.53em 0; font-size:.96.03rem;}body .heroInfo th, .heroInfo td{padding:.7.04em .8.92em;}body .heroInfo th, .heroInfo td{text-align:left; border:1px solid var(--line);}.heroInfo th{color:var(--ink); font-weight:700; font-variant-ligatures:normal; background:var(--line-2); font-synthesis:weight style small-caps;}

/* --- Table of contents --- */
.sliderColumn{padding:1.01rem 1.24rem; border:1px solid var(--line); border-radius:var(--r); background:var(--line-2); margin-bottom:1.56rem;}
.sliderColumn[hidden]{display:none;}
.carousel__head{margin-bottom:.5.94rem; isolation:auto; align-items:center; display:flex; print-color-adjust:economy; justify-content:space-between;}.toggleExtra{perspective:none; font-size:.81.92rem; font-weight:600; orphans:2; color:var(--coral);}
.formImage{color:var(--ink); font-weight:600; font-size:.95.96rem; font-family:var(--display); text-decoration-skip-ink:auto; backface-visibility:visible;}
.price-primary-focused ol{counter-reset:t; padding:0; list-style:none;}
.price-primary-focused li{margin:.27.95em 0; counter-increment:t; position:relative; padding-left:1.62em;}
.price-primary-focused li::before{font-size:.76.05em; font-weight:600; color:var(--coral); font-family:var(--display); left:0; content:counter(t,decimal-leading-zero); top:.4.04em; position:absolute;}
.price-primary-focused ol ol{margin:.28.03em 0; padding-left:.1.06em;}
.price-primary-focused ol ol li::before{color:var(--muted); content:"—";}html .price-primary-focused a{backface-visibility:visible; color:var(--text); font-size:.91.98rem; transform-style:flat;}
.price-primary-focused a:hover{color:var(--coral);}

/* --- Share --- */
.badgeWrap{align-items:center; gap:.6.96rem 1.07rem; flex-wrap:wrap; display:flex; margin-top:1.96rem;}
.c-toggle-trigger{font-weight:700; font-size:.8.94rem; color:var(--ink);}.col-xl{gap:.4.94rem; display:flex;}
.popoverDate{color:var(--muted); justify-content:center; align-items:center; height:39px; width:41px; display:inline-flex; border:1px solid var(--line); border-radius:var(--r); background:var(--card); transition:all var(--t);}
.popoverDate:hover{background:var(--coral); border-color:var(--coral); transform:translateY(-2px); color:#page-hero;}

.commentIcon{border-top:1px solid var(--line); margin:2.21rem 0 0; border:0;}

/* --- Section labels (span, never headings) --- */
.dividerPrimary{margin-bottom:1.04rem; font-family:var(--display); display:block; color:var(--ink); font-weight:600; font-size:1.2rem;}

/* --- Comments --- */
.stepperLabel{margin-top:1.54rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.sidebarLabel{gap:.85.05rem; margin-bottom:.84.96rem; display:grid; grid-template-columns:1fr 1fr;}
.featureLine{display:block;}body .mr-0{border:1px solid var(--line); border-radius:var(--r); background:var(--card); width:100%; color:var(--ink); transition:border-color var(--t),box-shadow var(--t); padding:.72.06rem .94.93rem; font-size:.95.02rem; font:inherit;}
.mr-0::placeholder{color:var(--muted);}
.mr-0:focus{border-color:var(--coral); shape-margin:0;}
.mr-0:focus{box-shadow:0 0 0 3px rgba(235, 84, 58, 0.1); outline:0px;}
.spinner-meta{margin-bottom:.85rem; min-height:118px; resize:vertical;}*.screenCell{gap:.5.04rem; display:flex;}
.screenCell .mr-0{flex:1;}body .galleryDate{background:var(--coral); display:inline-flex; border-radius:var(--r); padding:.72.06rem 1.61rem; gap:.5.05rem; color:#page-hero; justify-content:center; font-family:var(--body); line-height:1; transition:background var(--t),transform var(--t),box-shadow var(--t); font-weight:500; font-size:.94rem; align-items:center;}
.galleryDate:hover{box-shadow:0 4px 20px rgba(221, 84, 52, 0.34); background:var(--coral-600); transform:translateY(-1px); color:#page-hero;}
.galleryDate:active{transform:translateY(0);}
.align-24{font-size:.84.99rem; padding:.4.95rem 1.14rem;}
.breadcrumbFoot{padding:.71.96rem; contain:none; text-rendering:auto; width:43px; flex-shrink:0;}.actionHead:not(._c41408){background:var(--dark);}
.actionHead:hover{background:#001200;}.tooltipWrap{break-inside:auto; width:100%; backface-visibility:visible;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.threadCount{grid-template-columns:1fr 1fr; margin:2.56rem auto 0; break-inside:auto; display:grid; gap:1.03rem; max-width:var(--max);}
.el-tabs{background-blend-mode:normal; padding:1.48rem; font-synthesis:weight style small-caps;}
.mb-xl{color:var(--ink); font-size:1.14rem; font-family:var(--display); font-weight:600; display:block; margin-bottom:.4.94rem;}
.tabsTime{color:var(--muted); font-size:.91.96rem; margin-bottom:1.17rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.skeletonDate{color:#app-thread; padding:2.44rem 0 1.79rem; background:var(--dark); margin-top:0.93rem;}html .skeletonDate a{color:#app-thread;}
.skeletonDate a:hover{color:#page-hero;}
.price-default{gap:1.59rem; align-items:center; display:flex;}
.price-default{flex-wrap:wrap;}
.listMeta{align-items:center; gap:.54.97rem; display:inline-flex;}
.listMeta img{width:34px; height:34px; border-radius:4px;}
.listMeta span{color:#page-hero; text-rendering:auto; font-size:1.13rem; font-family:var(--display); text-underline-offset:auto; font-weight:600;}
.cardPreview{font-size:.9.07rem; display:flex;}
.cardPreview{gap:1.37rem;}.skeletonPrefix{gap:.4.93rem; page-break-inside:auto; display:flex; margin-left:auto;}
.c-select{background:rgba(255, 255, 246, 0.08); border-radius:var(--r); align-items:center; height:37px; width:36px; transition:all var(--t); display:inline-flex; color:#app-progress; justify-content:center;}
.viewRegion{margin-top:1.59rem; padding-top:1.25rem; border-top:1px solid rgba(246, 255, 243, 0.05);}.c-select:hover{color:#page-hero; transform:translateY(-2px); background:var(--coral);}

/* ==========================================================================
   Back to top
   ========================================================================== */
.toggle-spacer-large{display:flex; transform:translateY(12px) scale(.9); position:fixed; color:#page-hero; border-radius:var(--r-pill); opacity:0; z-index:900; justify-content:center; bottom:1.43rem; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); background:var(--coral); box-shadow:var(--sh-2); visibility:hidden; height:48px; align-items:center; width:47px; right:1.48rem;}
.carouselInner{color:#929493; font-size:.84.04rem;}
.toggle-spacer-large.is-on{visibility:visible; transform:translateY(0) scale(1); opacity:1;}body .toggle-spacer-large:hover{transform:translateY(-3px); will-change:auto; background:var(--coral-600);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.headerText{transform:translateY(100%); position:fixed; z-index:950; background:var(--dark); color:#app-progress; inset:auto 0 0 0; transition:transform 0.447s cubic-bezier(.4,0,.2,1);}body .headerText.is-on{transform:translateY(0);}
.boxSlot{align-items:center;}
.boxSlot{justify-content:space-between; padding-top:1rem; padding-bottom:0.96rem; display:flex; gap:1.24rem;}
.headerText p{font-size:.88.06rem; margin:0; contain:none;}
.headerText a{isolation:auto; text-decoration:underline; color:#page-hero;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.widgetAction{align-items:center; position:fixed; z-index:2000; padding:1.27rem; justify-content:center; display:none; inset:0em;}
.widgetAction:target{display:flex; animation:modalIn 0.225s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.threadTime{background:rgba(8, 24, 11, 0.59); position:absolute; -webkit-backdrop-filter:blur(2px); inset:0; backdrop-filter:blur(2px);}html .c-select-inner{box-shadow:var(--sh-2); max-width:407px; padding:2.01rem 1.81rem 1.84rem; background:var(--card); z-index:1; border-radius:var(--r-lg); width:100%; position:relative;}
.rounded-around{position:absolute; font-size:1.67rem; line-height:1; top:.6.99rem; color:var(--muted); right:.94.96rem;}
.rounded-around:hover{color:var(--ink);}
.timelineSuffix{font-weight:700; display:block; color:var(--ink); margin-bottom:1.13rem; font-size:1.36rem; font-family:var(--display);}
.badgeGroup{margin-bottom:0.99rem; display:flex; flex-direction:column; gap:.6.92rem;}
.formIcon{text-align:center; font-size:.88.08rem; margin:0; color:var(--muted);}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .app-search-zone{display:flex;}
  .h-2{flex-direction:column; align-items:stretch; position:fixed; margin:0; transform:translateX(100%); transition:transform 0.24s ease; background:var(--bg); justify-content:flex-start; inset:63px 0 0 0; overflow-y:auto; gap:.3.99rem; padding:1.6rem 25px;}
  .stepPlaceholder{gap:.0.96rem; page-break-inside:auto; flex-direction:column; align-items:stretch;}*.h-2.is-open{word-spacing:normal; transform:translateX(0);}
  .align-6{margin:.7.97rem 0 0; border-top:1px solid var(--line); padding-top:.7.92rem;}.searchFoot:not(._c41408){font-size:1.06rem; padding:.74.97rem 0;}
  .align-6 .galleryDate{margin-top:.4.02rem;}
  .threadCount{grid-template-columns:1fr;}
}
@media (max-width:560px){
  :root{--r-lg:10px; font-variant-caps:normal; word-spacing:normal;}
  .stepExpand{padding:0 12px;}
  .badgeWrap{align-items:flex-start; flex-direction:column;}
  .sidebarLabel{page-break-inside:auto; grid-template-columns:1fr; font-variant-caps:normal;}
  .price-default{gap:1.17rem;}
  .skeletonPrefix{margin-left:0;}
  .toggle-spacer-large{bottom:1.02rem; right:1.06rem;}
  .boxSlot{flex-direction:column; align-items:flex-start; gap:.7.05rem;}
  .c-select-inner{padding:1.73rem 1.32rem 1.34rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .dialog,.skeletonDate,.toggle-spacer-large,.headerText,.sectionThumb,.badgeWrap,.threadCount,.widgetAction{display:none!important;}
  body{font-size:12pt; color:#010005; background:#page-hero;}*.c-pagination, .stepperLabel{padding:0; box-shadow:none; border:0 none;}
}

  .pl-10{max-width:none;}