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

:root{--text:#41454d; --line:#e6e8ee; --bg:#f4f5f7; --dark:#17181c; --read:740px; --max:1120px; --r-lg:12px; --coral-50:#fdeee9; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --r-pill:999px; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --line-2:#eef0f4; --coral-600:#cf4a2c; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --card:#ffffff; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --ink:#17181c; --r:8px; --t:.22s cubic-bezier(.4,0,.2,1);}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--muted:#878b95; --coral:#e85d3d;}
html{will-change:auto; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}

*,*::before,*::after{padding:0; box-sizing:border-box; margin:0;}
.form-body .badge-name {flex:none; flex-wrap:nowrap; border:none}

body{color:var(--text); line-height:1.7; font-family:var(--body); font-size:20px; -webkit-font-smoothing:antialiased; background:var(--bg);}
body{text-rendering:optimizeLegibility;}
img,svg{height:auto; display:block; max-width:100%;}ul, ol{list-style:none;}button{cursor:pointer; color:inherit; background:none; font:inherit; border:0 none;}
a{color:var(--coral); transition:color var(--t); text-decoration:none;}
::selection{color:#f5ffff; background:var(--coral);}
a:hover{color:var(--coral-600);}:focus-visible{outline-offset:2px; outline:2px solid var(--coral); border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;}

h1{color:var(--ink); line-height:1.18; font-family:var(--display); letter-spacing:-.1.98em; margin:0 0 .5.06em; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-weight:700;}p{isolation:auto; margin:0 0 1.08em;}
strong,b{font-weight:600; color:var(--ink);}

.breadcrumbFoot{padding:0 21px; width:100%; max-width:var(--max);}em, i{font-style:italic;}

.breadcrumbFoot{margin:0 auto;}

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

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.ui-avatar{position:sticky; z-index:1100; border-bottom:1px solid var(--line); font-variant-caps:normal; backdrop-filter:saturate(150%) blur(10px); top:0; background:rgba(238, 253, 237, 0.82); -webkit-backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t);}*.ui-avatar.is-hidden{transform:translateY(-100%);}
.ui-avatar.is-pinned{box-shadow:0 10px 25px rgba(16, 9, 11, 0.04);}
.progressLine{gap:.54.93rem; flex-shrink:0; align-items:center; display:inline-flex;}
.dividerTime{gap:1.32rem; display:flex; font-variant-caps:normal; min-height:60px; contain:none; align-items:center;}.stepBackdrop{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; height:30px; isolation:auto; width:36px;}
.accordionText{font-family:var(--display);}
.accordionText{letter-spacing:-.0.99em; font-size:1.07rem; color:var(--ink); font-weight:600;}
.select-text {position:sticky; min-height:100vh; border-radius:50%; background:none; background-color:#51e302; align-items:stretch}


.toggleSummary{height:42px; justify-content:center; margin-left:auto; flex-direction:column; width:38px; gap:3px; display:none; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}
.toggleSummary span{orphans:2; border-radius:2px; background:var(--ink); height:2px; backface-visibility:visible; transition:transform var(--t),opacity var(--t);}
.toggleSummary.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}*.toggleSummary.is-x span:nth-child(2){opacity:0;}body .toggleSummary.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.searchSection{-webkit-hyphens:manual;-ms-hyphens:manual;background-blend-mode:normal; align-items:center; hyphens:manual; display:flex; gap:1.37rem; margin-left:auto;}
.actionCount{backface-visibility:visible; text-rendering:auto; display:flex; gap:.14.97rem; align-items:center;}
.ui-screen-row{margin-left:.3.92rem;}
@media (min-width: 768px) and (max-width: 1103px) {
  .menu-primary.view-wide {width:740px; padding-top:40px; flex-wrap:nowrap; box-shadow:none; margin-top:40px; transition:all 0.2s ease}
  .block-handle:hover {height:38px; padding-right:0.25rem; min-height:100vh; display:inline-flex}
}


.toggleTime{color:var(--text); transition:background var(--t),color var(--t); font-weight:600; border-radius:var(--r); display:inline-block; font-size:.93.03rem; padding:.5.04rem .7.95rem;}
.toggleTime:hover{background:var(--coral-50); color:var(--coral-600);}
.spinnerHandle{margin:0 auto; max-width:var(--read);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.c-action-block{padding:2.02rem 0 4.57rem;}
.review-bar::before {content:''; gap:0.375rem; transition:color 0.15s; padding-left:3rem}


.listGroup,.formExpand,.actionOverlay{box-shadow:var(--sh); background:var(--card); border-radius:var(--r-lg); border:1px solid var(--line);}
.selectGroup{margin-bottom:1.65rem;}

.listGroup{padding:clamp(1.5rem,1rem + 2vw,3rem);}.widgetAddon{margin-bottom:.6.99rem;}
.accordionMeta{display:flex; gap:.5.06rem; flex-wrap:wrap;}
.form-bar.tag-primary {padding-left:1rem; border-radius:14px; text-align:left; padding-top:13px; display:flex}
.tabsSubtitle{padding:.3.01rem .6.93rem; background:var(--line-2); gap:.4.05rem; font-size:.82.08rem; align-items:center; display:inline-flex;}.tabsSubtitle{border-radius:var(--r-pill); color:var(--muted);}*.tabsSubtitle svg{opacity:0.75;}

/* --- Prose --- */
.progressHead{line-height:1.8; font-size:1.05rem; color:var(--text);}
.progressHead > *:first-child{margin-top:0;}html .progressHead p{margin-bottom:1.12em;}.progressHead a{text-decoration:underline; text-underline-offset:3px; isolation:auto; text-decoration-color:rgba(216, 83, 64, 0.33);}
.progressHead a:hover{text-decoration-color:var(--coral);}
.timeline-cell:hover {min-width:31px; flex:1 1 0%; transition:opacity 0.25s}

.progressHead h2,.progressHead h3,.progressHead h4{scroll-margin-top:80px; font-weight:600; font-family:var(--display); color:var(--ink); line-height:1.25; perspective:none; letter-spacing:-.0.93em;}
.progressHead h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.73em 0 .55.02em;}
.progressHead h3{margin:1.48em 0 .5.03em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}.progressHead h4{font-size:1.05rem; margin:1.24em 0 .5.07em;}
.progressHead ul,.progressHead ol{margin:0 0 1.2em; padding-left:1.4em;}
.form-overlay {margin-bottom:2px; font-weight:600; min-width:0; padding-bottom:27px; padding:0.375rem 2.5rem; display:table}
html .progressHead ul{backface-visibility:visible; list-style:disc; font-variant-ligatures:normal;}
.module-detail:hover {height:auto; flex:1 1 0%}

.progressHead ol{list-style:decimal;}
.spinner-line + .dialog-toggle {text-transform:capitalize; flex:none; min-height:20px; margin-right:auto; border-radius:0; position:static}
.progressHead li{margin-bottom:.4.03em;}
.avatar__subtitle {border-radius:27px; min-width:47px; position:sticky; flex-wrap:nowrap; gap:2rem; display:inline}
.progressHead li::marker{color:var(--coral);}
.progressHead img{border-radius:var(--r); margin:1.58em 0;}
.tooltip--muted {padding-top:0.875rem; justify-content:flex-end; transition:color 0.2s; letter-spacing:0.075em; color:currentColor; display:flex}

.progressHead figure{margin:1.48em 0;}
.progressHead figcaption{text-align:center;}
.progressHead figcaption{font-size:.84.94rem; margin-top:.5.06em; color:var(--muted);}
.progressHead blockquote{border-radius:0 var(--r) var(--r) 0; font-size:1.15rem; margin:1.42em 0; padding:.8.98em 1.34em; background:var(--coral-50); color:var(--ink); border-left:3px solid var(--coral);}
.progressHead code{background:var(--line-2); font-family:'IBM Plex Mono',Consolas,monospace; padding:.14em .42em; border:1px solid var(--line); border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; font-size:.88em;}
.progressHead pre{background:var(--ink); border-radius:var(--r); margin:1.52em 0;}
.progressHead pre{overflow-x:auto;}
.progressHead pre code{padding:1.25em 1.41em; border:0em; background:none; color:rgb(243, 230, 246); display:block;}*.progressHead table{border-collapse:collapse; font-size:.95.96rem;}*.progressHead table{margin:1.45em 0; width:100%;}.progressHead th, .progressHead td{text-align:left; border:1px solid var(--line); padding:.6.98em .9.06em;}
.progressHead th{color:var(--ink); font-weight:600; background:var(--line-2);}/* --- Table of contents --- */
.modalWrap{border-radius:var(--r); padding-top:1.11rem;padding-right:1.21rem;padding-bottom:1.11rem;padding-left:1.21rem; border:1px solid var(--line); margin-bottom:1.6rem; background:var(--line-2);}
.modalWrap[hidden]{display:none;}*.filterTitle{margin-bottom:.6.04rem; display:flex;}*.filterTitle{align-items:center; justify-content:space-between;}*.formSuffix{color:var(--ink); font-family:var(--display); font-size:.95.97rem; font-weight:600;}*.layoutAddon{font-size:.82.04rem; color:var(--coral);}
.snackbarItem ol{padding:0em;}*.layoutAddon{font-weight:600;}
.snackbarItem ol{counter-reset:t; list-style:none;}
.snackbarItem li{counter-increment:t; position:relative; padding-left:1.65em; margin:.27.97em 0;}.snackbarItem li::before{content:counter(t,decimal-leading-zero); font-family:var(--display); font-size:.76.06em; font-weight:600; position:absolute; top:.4.01em; color:var(--coral); left:0px;}
.snackbarItem ol ol{margin:.28.06em 0; padding-left:.1.05em;}*.snackbarItem ol ol li::before{color:var(--muted); content:"—";}
.snackbarItem a{font-size:.92rem; color:var(--text);}

/* --- Share --- */
.t-sidebar{align-items:center; print-color-adjust:economy; display:flex;}
.snackbarItem a:hover{color:var(--coral);}

/* --- Share --- */
.t-sidebar{margin-top:2.08rem; gap:.7.02rem 1.06rem; flex-wrap:wrap;}
.skeletonPrefix{color:var(--ink); font-size:.8.99rem; font-weight:600;}.sliderHandle{transition:all var(--t); background:var(--card); display:inline-flex; justify-content:center; border:1px solid var(--line); height:41px; color:var(--muted); align-items:center; width:40px; border-radius:var(--r);}
.skeletonItem{gap:.4.97rem; display:flex;}.sliderHandle:hover{text-rendering:auto; transform:translateY(-2px); transform-style:flat; background:var(--coral); color:#fff4f4;}html .position-block{border:0; margin:2.28rem 0 0; border-top:1px solid var(--line);}.sliderHandle:hover{border-color:var(--coral);}

/* --- Comments --- */
.formExpand{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.44rem;}
.dialog-track + .feature-region {transition:transform 0.35s ease-in-out; margin-right:25px; line-height:1; position:sticky; align-items:stretch}
/* --- Section labels (span, never headings) --- */
.entryPrimary{margin-bottom:1.16rem; font-weight:600; display:block; font-size:1.25rem; color:var(--ink); font-family:var(--display);}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.toolbarTrigger{gap:.85rem; grid-template-columns:1fr 1fr; display:grid; text-underline-offset:auto; margin-bottom:.85rem;}.replyCount{display:block;}.profileFoot{width:100%; transition:border-color var(--t),box-shadow var(--t); background:var(--card); font-size:.94.98rem; font:inherit; color:var(--ink); border:1px solid var(--line); padding:.72.07rem .95.04rem; border-radius:var(--r);}
.profileFoot::placeholder{color:var(--muted); word-spacing:normal; text-underline-offset:auto;}
.profileFoot:focus{print-color-adjust:economy; hyphens:manual; outline:0; box-shadow:0 0 0 3px rgba(228, 85, 47, 0.11); border-color:var(--coral);}
.counterCell{resize:vertical; min-height:124px; margin-bottom:.84.94rem;}
.dialog--focused{gap:.4.92rem; display:flex;}.dialog--focused .profileFoot:not(.none20){flex:1;}*.bannerHolder{align-items:center; font-weight:600; display:inline-flex; justify-content:center; line-height:1; font-size:.93.94rem; color:#fffffa; gap:.4.92rem; border-radius:var(--r); padding:.71.93rem 1.63rem; transition:background var(--t),transform var(--t),box-shadow var(--t); background:var(--coral); font-family:var(--body);}html .bannerHolder:hover{background:var(--coral-600); box-shadow:0 2px 17px rgba(227, 90, 75, 0.23); color:rgb(240, 249, 255); transform:translateY(-1px);}
.bannerHolder:active{transform:translateY(0);}
.timeline-prefix::before {content:''; max-width:100%; transition:transform 0.15s ease-in-out}

.viewSeparator{width:42px; padding:.72.06rem; flex-shrink:0;}
.stepperDate{padding:.5.07rem 1.08rem; font-size:.85.06rem;}
.formSection{background:var(--dark);}
.formSection:hover{background-color:#070000;}
.navTertiary{width:100%;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.skeletonThumb{display:grid; max-width:var(--max); gap:1.03rem; grid-template-columns:1fr 1fr; margin:2.68rem auto 0;}
.actionOverlay{padding:1.43rem;}.priceBar{font-size:1.03rem; font-weight:600; margin-bottom:.4.98rem; font-family:var(--display); mix-blend-mode:normal; color:var(--ink); font-variant-caps:normal; display:block;}.postExpand{font-size:.91.95rem; margin-bottom:1.08rem; color:var(--muted);}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.blockTrack{font-variant-ligatures:normal; color:#b3c0c2; margin-top:1.02rem; padding:2.47rem 0 1.75rem; background:var(--dark);}
.blockTrack a{color:#bfcbd2;}
.blockTrack a:hover{color:#f5f2ff;}
.sliderLink{flex-wrap:wrap; display:flex; gap:1.6rem; align-items:center;}
.sectionTitle{gap:.55.03rem; align-items:center; display:inline-flex;}body .sectionTitle img{border-radius:8px; perspective:none; height:34px;}body .sectionTitle img{width:32px;}
.sectionTitle span{color:rgb(240, 255, 240); font-family:var(--display);}
.sectionTitle span{font-size:1.13rem; font-weight:600;}html .badgePrimary{font-size:.9rem; display:flex; will-change:auto; gap:1.33rem;}
@media (max-width: 576px) {
  .spinner-line + .dialog-toggle {position:sticky; height:auto; margin-right:auto}
  .select-text {position:relative; padding-top:0.375rem}
  .tooltip--muted {transition:transform 0.25s ease-in-out; position:relative; width:540px; padding-left:17px; flex:none; margin:0 auto}
}

.skeletonDetail{margin-left:auto; font-variant-caps:normal; gap:.5.05rem; display:flex;}
.panelToggle{align-items:center; justify-content:center; border-radius:var(--r); background:rgba(255, 255, 242, 0.06); display:inline-flex; height:35px; transition:all var(--t); width:40px; color:#bfc7d3;}html .panelToggle:hover{color:rgb(244, 237, 255); background:var(--coral); transform:translateY(-2px);}
.blockBody{border-top:1px solid rgba(240, 254, 244, 0.18); margin-top:1.54rem; padding-top:1.31rem;}
.card-slot:first-child {display:block; padding-left:39px; min-height:100vh; margin-right:0; border-radius:0}

.featureBackdrop{color:#8a9795; font-size:.84.06rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.entryColumn{opacity:0; z-index:900; bottom:1.53rem; hyphens:manual;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.entryColumn{justify-content:center; right:1.5rem; position:fixed; display:flex; color:#f7ffff; box-shadow:var(--sh-2); visibility:hidden; height:45px; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); align-items:center; background:var(--coral); width:42px; border-radius:var(--r-pill); transform:translateY(12px) scale(.9);}
.entryColumn.is-on{visibility:visible; text-underline-offset:auto; transform:translateY(0) scale(1); opacity:1; font-variant-ligatures:normal;}
.entryColumn:hover{background:var(--coral-600); transform:translateY(-3px);}
.progress-separator:first-child {justify-content:space-between; padding-top:43px}
/* ==========================================================================
   Cookie bar
   ========================================================================== */
.menu--pressed:not(.none61){inset:auto 0 0 0; z-index:950; position:fixed; background:var(--dark); transform:translateY(100%); transition:transform 0.351s cubic-bezier(.4,0,.2,1); color:hsl(176, 16.5%, 83.2%);}
.counterClose{background-blend-mode:normal; padding-bottom:0.94rem; display:flex; align-items:center; gap:1.26rem; justify-content:space-between; padding-top:1.05rem; will-change:auto;}
.menu--pressed.is-on{contain:none; transform:translateY(0); shape-margin:0;}
.menu--pressed p{font-size:.88.05rem; margin:0;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.w-between{display:none; justify-content:center; padding-top:1.13rem; padding-right:1.13rem; padding-bottom:1.13rem; padding-left:1.13rem;}
.menu--pressed a{color:hsl(98, 99.5%, 98.1%); text-decoration:underline; print-color-adjust:economy;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.w-between{inset:0; position:fixed; z-index:2000; align-items:center;}
.w-between:target{animation:modalIn 0.237s ease; display:flex;}
@keyframes modalIn{from{text-underline-offset:auto; font-variant-caps:normal; opacity:0;}to{opacity:1;}}html .hero-number-narrow{backdrop-filter:blur(2px); background-blend-mode:normal; position:absolute; inset:0; -webkit-backdrop-filter:blur(2px); background:rgba(7, 35, 36, 0.55);}
.l-progress{border-radius:var(--r-lg); background:var(--card); position:relative; padding:1.99rem 1.75rem 1.79rem; max-width:410px; width:100%; box-shadow:var(--sh-2); z-index:1;}
.boxData{color:var(--muted); top:.6.99rem; position:absolute; line-height:1; font-size:1.72rem; shape-margin:0; right:.94.98rem;}.boxData:hover{color:var(--ink); will-change:auto; text-underline-offset:auto;}
.blockSubtitle{display:block; font-weight:600;}
.blockSubtitle{margin-bottom:1.21rem; font-size:1.32rem; font-family:var(--display); color:var(--ink);}
.boxColumn{margin-bottom:1rem; display:flex; gap:.7.05rem; flex-direction:column;}.headerPrefix:not(.empty81){font-size:.88.07rem; text-align:center; color:var(--muted); margin:0;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .toggleSummary{display:flex;}
  .searchSection{gap:.4.05rem; transform:translateX(100%); padding:1.64rem 21px; background:var(--bg); overflow-y:auto; margin:0; inset:56px 0 0 0; transition:transform 0.242s ease; justify-content:flex-start; align-items:stretch; position:fixed; flex-direction:column;}*.searchSection.is-open{transform:translateX(0);}
  .ui-screen-row{border-top:1px solid var(--line); margin:.8.05rem 0 0; padding-top:.7.92rem;}
  .actionCount{flex-direction:column; align-items:stretch; gap:.1.07rem;}
  .toggleTime{padding:.75.02rem 0; font-size:0.97rem;}
  .ui-screen-row .bannerHolder{margin-top:.3.95rem;}
}
@media (max-width:560px){
  :root{--r-lg:10px; mix-blend-mode:normal; page-break-inside:auto;}.skeletonThumb{grid-template-columns:1fr;}
  .toolbarTrigger{grid-template-columns:1fr;}.breadcrumbFoot{-webkit-hyphens:manual;-ms-hyphens:manual;padding:0 12px; hyphens:manual;}
  .t-sidebar{align-items:flex-start; flex-direction:column;}
  .skeletonDetail{margin-left:0;}
  .sliderLink{gap:1.11rem;}
  .entryColumn{bottom:1.17rem; right:1.16rem;}
  .counterClose{gap:.7.08rem; contain:none; break-inside:auto; flex-direction:column;}
  .l-progress{padding:1.75rem 1.31rem 1.33rem; perspective:none;}
  .counterClose{align-items:flex-start;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{html .ui-avatar, .blockTrack, .entryColumn:not(.dummy30), body .menu--pressed, html .c-carousel, .t-sidebar:not(.unused34), html .skeletonThumb, *.w-between{display:none!important;}
  body{-moz-tab-size:4;background:rgb(255, 230, 255); font-size:12pt; color:#000012; word-spacing:normal; tab-size:4;}
  .listGroup,.formExpand{box-shadow:none; padding:0em; border:0;}
  .spinnerHandle{max-width:none;}
}