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

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

*,*::before,*::after{padding:0; box-sizing:border-box; margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em;}html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{line-height:1.7; font-family:var(--body); font-size:20px; color:var(--text); text-rendering:optimizeLegibility; background:var(--bg); -webkit-font-smoothing:antialiased;}
img,svg{will-change:auto; height:auto; max-width:100%; page-break-inside:auto; display:block;}
ul,ol{list-style:none;}
a{transition:color var(--t); text-decoration:none; color:var(--coral);}
button{cursor:pointer; background:none; color:inherit; font:inherit; border:0;}
a:hover{color:var(--coral-600);}
::selection{background:var(--coral); color:#main-nav;}h1{font-weight:bold; font-family:var(--display); color:var(--ink); font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.1.97em; line-height:1.18; margin:0 0 .4.97em;}
:focus-visible{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; outline:2px solid var(--coral); outline-offset:2px;}p{margin:0 0 1.18em; image-rendering:auto;}p{text-decoration-skip-ink:auto;}strong, b{font-weight:500; color:var(--ink);}body .avatar-prefix{width:100%; max-width:var(--max); padding:0 27px; margin:0 auto;}
em,i{font-synthesis:weight style small-caps; font-style:italic;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.viewIndicator{transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); top:0; position:sticky; border-bottom:1px solid var(--line); z-index:1100; background:rgba(255, 255, 231, 0.89); backdrop-filter:saturate(150%) blur(10px);}/* --- Scroll progress --- */
.formAddon{transition:width 0.086s linear; background:linear-gradient(90deg,var(--coral),var(--coral-600)); z-index:1200; position:fixed; width:0; height:7px; inset:0 auto auto 0;}
.viewIndicator.is-hidden{transform:translateY(-100%);}
.viewIndicator.is-pinned{box-shadow:0 10px 28px rgba(24, 26, 46, 0.12);}
.tableValue{gap:1.42rem; min-height:64px; align-items:center; display:flex;}
.moduleTrigger{border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; width:33px; height:29px;}html .sortOuter{display:inline-flex; flex-shrink:0; align-items:center; gap:.54.95rem;}
.section-foot-large{font-size:1.14rem; color:var(--ink); font-weight:700; font-family:var(--display); letter-spacing:-.0.98em;}

.flex-16{width:39px; padding-top:11px; padding-right:11px; padding-bottom:11px; padding-left:11px;}

.flex-16{gap:5px; height:39px; margin-left:auto; display:none; justify-content:center; flex-direction:column;}html .flex-16 span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; transition:transform var(--t),opacity var(--t); background:var(--ink); height:2px;}
.flex-16.is-x span:nth-child(1){word-spacing:normal; transform:translateY(7px) rotate(45deg); font-variant-ligatures:normal;}
.flex-16.is-x span:nth-child(2){opacity:0;}

.pageContent{display:flex; align-items:center; margin-left:auto; gap:1.4rem;}
.flex-16.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.popoverLink{align-items:center; display:flex; gap:.15.06rem;}body .searchCap{margin-left:.4.04rem;}html .filterOuter{transition:background var(--t),color var(--t); font-size:.93.04rem; border-radius:var(--r); font-weight:600; padding:.5rem .7.97rem; color:var(--text);}html .filterOuter{display:inline-block;}body .filterOuter:hover{background:var(--coral-50); color:var(--coral-600);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.searchSlot{padding:2.06rem 0 4.47rem;}
.bannerName{margin:0 auto; max-width:var(--read);}

.skeleton-button-dense,.threadContainer,.sidebarItem{background:var(--card); border-radius:var(--r-lg); border:1px solid var(--line); box-shadow:var(--sh);}

.skeleton-button-dense{padding:clamp(1.5rem,1rem + 2vw,3rem); font-synthesis:weight style small-caps; break-inside:auto;}.formHolder:not(._62dea9){margin-bottom:1.54rem;}
.bannerPrimary{margin-bottom:.6.98rem;}body .toolbarLine{border-radius:var(--r-pill); display:inline-flex; align-items:center; background:var(--line-2); padding:.3.08rem .7.03rem; font-size:.81.98rem; color:var(--muted); gap:.3.97rem;}
.threadMeta{display:flex; gap:.5.06rem; flex-wrap:wrap;}
.toolbarLine svg{opacity:0.62;}

/* --- Prose --- */
.widgetSection{color:var(--text); font-size:1.15rem; line-height:1.8;}
.widgetSection > *:first-child{shape-margin:0;}
.widgetSection > *:first-child{mix-blend-mode:normal; margin-top:0px;}
.widgetSection p{margin-bottom:1.15em;}
.widgetSection a{text-decoration:underline; text-decoration-color:rgba(249, 103, 75, 0.47); text-underline-offset:3px;}
.widgetSection a:hover{text-decoration-color:var(--coral);}
.widgetSection h2,.widgetSection h3,.widgetSection h4{font-family:var(--display); letter-spacing:-.0.95em; color:var(--ink); line-height:1.25; font-weight:500; scroll-margin-top:80px;}
.widgetSection h2{word-spacing:normal; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.62em 0 .55.07em;}
.widgetSection h3{isolation:auto; font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.33em 0 .4.92em;}
.widgetSection h4{font-size:1.14rem; margin:1.27em 0 .5.01em;}
.widgetSection ul,.widgetSection ol{margin:0 0 1.16em; padding-left:1.34em;}body .widgetSection ul{list-style:disc;}
.widgetSection ol{list-style:decimal;}
.widgetSection li{mix-blend-mode:normal; margin-bottom:.4.07em;}
.widgetSection li::marker{color:var(--coral);}html .widgetSection img{border-radius:var(--r); margin:1.5em 0;}.widgetSection figure{margin:1.47em 0;}.widgetSection figcaption{font-size:.85.07rem; text-align:center; margin-top:.4.93em; color:var(--muted);}
.widgetSection blockquote{color:var(--ink); margin:1.58em 0; border-left:3px solid var(--coral); font-size:1.03rem; border-radius:0 var(--r) var(--r) 0; padding:.8.96em 1.35em; background:var(--coral-50);}.widgetSection code{padding:.14.04em .42.08em; background:var(--line-2); font-size:.87.93em; border-radius:5px; font-family:'IBM Plex Mono',Consolas,monospace; border:1px solid var(--line);}
.widgetSection pre{background:var(--ink); overflow-x:auto; margin:1.58em 0; border-radius:var(--r); hyphens:manual;}
.widgetSection pre code{color:#app-sidebar; border:0 none; padding:1.26em 1.37em; mix-blend-mode:normal; display:block; word-spacing:normal; background:none;}
.widgetSection table{width:100%; border-collapse:collapse; font-size:.95.92rem; margin:1.58em 0;}.widgetSection th, .widgetSection td{padding:.6.93em .9.01em; border:1px solid var(--line); text-align:left;}
.widgetSection th{color:var(--ink); background:var(--line-2); font-weight:700;}/* --- Table of contents --- */
.position-full{border-radius:var(--r); border:1px solid var(--line); background:var(--line-2); padding:0.97rem 1.21rem; margin-bottom:1.66rem;}*.bannerAddon{justify-content:space-between; align-items:center; display:flex; margin-bottom:.6.05rem;}.position-full[hidden]{display:none;}
.app-nav{font-weight:500; color:var(--coral); font-size:.81.99rem;}
.gridBar{color:var(--ink); font-weight:700; font-family:var(--display); font-size:.96.03rem;}
.price-muted ol{list-style:none; counter-reset:t; padding:0;}
.price-muted li{position:relative; counter-increment:t; padding-left:1.69em; margin:.27.95em 0;}*.price-muted li::before{top:.3.92em; font-family:var(--display); content:counter(t,decimal-leading-zero); font-weight:600; position:absolute; left:0; font-size:.75.95em; color:var(--coral);}
.price-muted ol ol{margin:.27.98em 0; mix-blend-mode:normal;}
.price-muted ol ol{padding-left:.1.04em;}
.price-muted ol ol li::before{content:"—"; color:var(--muted);}
.price-muted a{font-size:.91.98rem; color:var(--text);}.price-muted a:hover{color:var(--coral);}/* --- Share --- */
.statusWrap{align-items:center; display:flex;}/* --- Share --- */
.statusWrap{margin-top:1.99rem; gap:.6.95rem 1.05rem; flex-wrap:wrap;}
.mb-lg{font-size:.8.95rem; font-weight:600; color:var(--ink);}
.filter__data--fixed{gap:.5.03rem; display:flex;}
.layoutInput{border-radius:var(--r); transition:all var(--t); background:var(--card); display:inline-flex; width:34px; border:1px solid var(--line); justify-content:center; height:38px; align-items:center; color:var(--muted);}
.layoutInput:hover{background:var(--coral); transform:translateY(-2px); border-color:var(--coral); color:#main-nav;}

.footer-medium{margin:2.25rem 0 0; border-top:1px solid var(--line); border:0 none;}

/* --- Section labels (span, never headings) --- */
.blockLink{font-weight:500; margin-bottom:1.12rem; font-family:var(--display); font-size:1.32rem; display:block; color:var(--ink);}/* --- Comments --- */
.threadContainer{margin-top:1.52rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}
.headerSpacer{display:block;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.modal{grid-template-columns:1fr 1fr; margin-bottom:.85.03rem; gap:.84.92rem; display:grid;}
.sectionSection{font-size:.95.02rem; border-radius:var(--r); transition:border-color var(--t),box-shadow var(--t); font:inherit; background:var(--card);}
.sectionSection{color:var(--ink); width:100%; padding:.72.03rem .94.94rem; border:1px solid var(--line);}
.sectionSection::placeholder{color:var(--muted);}.sectionSection:focus{border-color:var(--coral); box-shadow:0 0 0 0px rgba(230, 105, 49, 0.08); outline:0;}*.popoverValue{transform-style:flat; min-height:124px; resize:vertical;}*.popoverValue{margin-bottom:.84.93rem;}.number-screen{display:flex; gap:.5.03rem;}
.number-screen .sectionSection{flex:1;}

.dropdownDetail{font-family:var(--body); font-weight:600; display:inline-flex; line-height:1; border-radius:var(--r); color:#main-nav; font-size:.94.07rem; justify-content:center; padding:.71.95rem 1.64rem; align-items:center; background:var(--coral); transition:background var(--t),transform var(--t),box-shadow var(--t); gap:.4.92rem;}.dropdownDetail:hover{color:#main-nav; box-shadow:0 6px 16px rgba(234, 96, 74, 0.19); transform:translateY(-1px); background:var(--coral-600);}
.dropdownDetail:active{transform:translateY(0);}
.headerWrap{padding:.5rem 1.09rem; font-size:.85.07rem;}.timelineDot{padding:.71.97rem;}
.dropdownTrigger{background:var(--dark);}.timelineDot{mix-blend-mode:normal; width:43px; flex-shrink:0;}.sort--sparse{width:100%;}
.dropdownTrigger:hover{background:hsl(314, 100.6%, 3.3%);}html .sidebarItem{word-spacing:normal; text-underline-offset:auto; padding-top:1.43rem;padding-right:1.43rem;padding-bottom:1.43rem;padding-left:1.43rem;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.chipLink{grid-template-columns:1fr 1fr; gap:1.14rem; display:grid; margin:2.67rem auto 0; max-width:var(--max);}
.paginationSecondary{font-size:1.13rem; margin-bottom:.4.92rem; color:var(--ink); font-weight:500; display:block; font-family:var(--display);}
.spinnerIndicator{color:var(--muted); font-size:.92.03rem; margin-bottom:1.16rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.tabsIndicator{color:#site-snackbar; margin-top:0.98rem; background:var(--dark); padding:2.44rem 0 1.82rem;}
.tabsIndicator a{color:#site-snackbar;}.tabsIndicator a:hover{color:#main-nav;}.popoverTertiary{align-items:center; gap:1.53rem; flex-wrap:wrap; display:flex;}body .carouselThumb{gap:.55.04rem; display:inline-flex; align-items:center;}
.carouselThumb img{height:30px; width:26px; border-radius:9px;}
.carouselThumb span{color:#main-nav; font-weight:500; font-size:1rem; font-family:var(--display);}
.dialogSubtitle{gap:1.23rem; display:flex; font-size:.9.04rem;}
.snackbar__summary{gap:.5.05rem; display:flex; margin-left:auto;}
.timelineContent{justify-content:center; display:inline-flex; transition:all var(--t); color:#main-menu; align-items:center; width:41px; height:41px; border-radius:var(--r); background:rgba(255, 240, 245, 0);}.timelineContent:hover{transform:translateY(-2px); background:var(--coral); color:#main-nav;}.stepZone:not(._62dea9){color:#8c9ba5; font-size:.84.08rem;}body .box-date-filled{padding-top:1.29rem; border-top:1px solid rgba(254, 254, 253, 0.15); margin-top:1.62rem;}/* ==========================================================================
   Back to top
   ========================================================================== */
.progressFill{transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); opacity:0; color:#main-nav; box-shadow:var(--sh-2); background:var(--coral); border-radius:var(--r-pill); align-items:center; height:45px; visibility:hidden; display:flex; right:1.52rem; width:43px; bottom:1.55rem; z-index:900; justify-content:center; transform:translateY(12px) scale(.9); position:fixed;}.progressFill.is-on{visibility:visible; opacity:1; transform:translateY(0) scale(1);}.progressFill:hover{background:var(--coral-600); transform:translateY(-3px);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.formContainer{color:#main-menu; transform:translateY(100%); transition:transform 0.421s cubic-bezier(.4,0,.2,1); z-index:950; inset:auto 0 0 0; position:fixed; background:var(--dark);}
.formContainer.is-on{transform:translateY(0);}
.dropdown-meta{align-items:center; gap:1.32rem; padding-bottom:0.98rem; padding-top:1.04rem; display:flex; justify-content:space-between;}html .formContainer p{margin:0; font-size:.88.06rem;}.formContainer a{text-decoration:underline; color:#main-nav;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.threadClose{align-items:center; padding:1.28rem; inset:0; justify-content:center; position:fixed; z-index:2000; display:none;}*.threadClose:target{animation:modalIn 0.162s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.skeletonBar{-webkit-backdrop-filter:blur(2px); background:rgba(14, 17, 24, 0.52); inset:0; backdrop-filter:blur(2px); position:absolute;}
.replyContent{width:100%; z-index:1; max-width:412px; padding:2.08rem 1.85rem 1.85rem; background:var(--card); box-shadow:var(--sh-2); border-radius:var(--r-lg); position:relative;}
.tooltipAction{color:var(--muted); top:.6.99rem; font-size:1.63rem; position:absolute; right:.94.93rem; line-height:1;}html .tooltipAction:hover{color:var(--ink);}
.alert--sticky{display:block; font-size:1.45rem; font-weight:500; font-family:var(--display); margin-bottom:1.17rem; color:var(--ink);}.timelineMeta{font-size:.88.04rem; margin:0; color:var(--muted); text-align:center;}
.threadSlot{margin-bottom:1.02rem; flex-direction:column; font-variant-ligatures:normal; gap:.7.02rem; display:flex;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .flex-16{will-change:auto; contain:none; display:flex;}.pageContent{background:var(--bg); padding:1.68rem 23px; inset:61px 0 0 0; align-items:stretch; margin:0; flex-direction:column; transform:translateX(100%); overflow-y:auto; justify-content:flex-start; gap:.4.01rem; transition:transform 0.314s ease; position:fixed;}
  .pageContent.is-open{transform:translateX(0);}.popoverLink{break-inside:auto; gap:.1rem; flex-direction:column; hyphens:manual; align-items:stretch;}
  .searchCap{padding-top:.7.96rem; page-break-inside:auto; widows:2; margin:.7.99rem 0 0; border-top:1px solid var(--line);}*.filterOuter{font-size:1.13rem; padding:.75rem 0;}
  .searchCap .dropdownDetail{font-variant-ligatures:normal; margin-top:.4.07rem; backface-visibility:visible;}*.chipLink{grid-template-columns:1fr;}
}
@media (max-width:560px){
  :root{transform-style:flat; backface-visibility:visible; --r-lg:10px;}
  .modal{grid-template-columns:1fr;}
  .avatar-prefix{padding:0 20px;}*.statusWrap{flex-direction:column; align-items:flex-start;}html .popoverTertiary{contain:none; text-rendering:auto;}html .popoverTertiary{gap:1.07rem;}.progressFill{bottom:1.17rem; right:1.15rem;}
  .snackbar__summary{margin-left:0;}
  .dropdown-meta{align-items:flex-start;}
  .dropdown-meta{flex-direction:column; gap:.7.03rem;}*.replyContent{padding:1.78rem 1.32rem 1.41rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .viewIndicator,.tabsIndicator,.progressFill,.formContainer,.formAddon,.statusWrap,.chipLink,.threadClose{display:none!important;}body{shape-margin:0; font-size:12pt; image-rendering:auto; background:#main-nav; color:rgb(0, 2, 12);}html .skeleton-button-dense, *.threadContainer{box-shadow:none; border:none;}
  .bannerName{max-width:none;}html .skeleton-button-dense, *.threadContainer{padding:0;}
}