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

:root{--card:#site-popover; --dark:#17181c; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --max:1120px; --r-lg:12px; --line-2:#page-profile; --ink:#17181c; --r:8px; --line:#head-view; --t:.22s cubic-bezier(.4,0,.2,1); --r-pill:999px; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --bg:#comment_line; --coral:#main-drawer; --muted:#878b95; --coral-600:#chip-container; --read:740px; --coral-50:#navInner; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --text:#41454d;}*, *::before, *::after{box-sizing:border-box; margin:0; padding:0;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{-webkit-font-smoothing:antialiased; color:var(--text); font-family:var(--body); line-height:1.7; shape-margin:0; text-rendering:optimizeLegibility; font-size:19px; background:var(--bg);}
img,svg{max-width:100%; display:block; height:auto;}button{font:inherit; orphans:2; border:0;}ul, ol{list-style:none;}button{cursor:pointer; background:none; color:inherit;}a{text-decoration:none;}
a:hover{color:var(--coral-600);}a{text-rendering:auto; color:var(--coral); font-synthesis:weight style small-caps; transition:color var(--t);}
:focus-visible{outline:2px solid var(--coral); outline-offset:2px; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
::selection{background:var(--coral); color:#main-spinner;}

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

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

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

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.dropdownContent{border-bottom:1px solid var(--line); top:0; z-index:1100; -webkit-backdrop-filter:saturate(150%) blur(10px); background:rgba(255, 251, 248, 0.82); backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); position:sticky;}
.dropdownContent.is-hidden{transform:translateY(-100%);}
.dropdownContent.is-pinned{box-shadow:0 4px 23px rgba(41, 13, 37, 0.06);}
.c-chip-thumb{gap:1.4rem; align-items:center; display:flex; min-height:58px;}*.postTime{gap:.55rem; align-items:center; display:inline-flex; flex-shrink:0;}
.sliderButton{height:29px; border-radius:5px; width:35px;}.headerSeparator{color:var(--ink); font-family:var(--display); font-weight:500; font-size:1.07rem; letter-spacing:-.1.06em;}html .timelineSubtitle{margin-left:auto; display:none; justify-content:center; width:41px; flex-direction:column; padding:5px; gap:6px; height:45px;}.timelineSubtitle span{transition:transform var(--t),opacity var(--t); height:2px; background:var(--ink); border-radius:2px;}html .timelineSubtitle.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg); shape-margin:0; hyphens:manual;}.timelineSubtitle.is-x span:nth-child(2){opacity:0;}
.timelineSubtitle.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.profileOuter{align-items:center; gap:1.37rem;}

.profileOuter{display:flex; margin-left:auto;}
.c-module-backdrop{align-items:center; gap:.15.03rem; display:flex;}body .modalBar{margin-left:.4.06rem; font-variant-ligatures:normal;}
.timelineSeparator{color:var(--text); display:inline-block; padding:.5.06rem .7.92rem; transition:background var(--t),color var(--t);}
.timelineSeparator{font-weight:500; border-radius:var(--r); font-size:.93rem; shape-margin:0; font-variant-ligatures:normal;}
.timelineSeparator:hover{color:var(--coral-600); background:var(--coral-50);}html .m-half{max-width:var(--read); margin:0 auto;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.chipTrigger{padding:2.03rem 0 4.42rem;}

.ratingHead,.modalBlock,.step__track--half{border-radius:var(--r-lg); background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); font-synthesis:weight style small-caps;}

.ratingHead{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.sectionValue{margin-bottom:.6.99rem;}
.progressPlaceholder{margin-bottom:1.67rem;}
.pageFoot{flex-wrap:wrap;}
.pageFoot{gap:.4.93rem; display:flex;}
.opacity-2{border-radius:var(--r-pill); padding:.3.07rem .7.08rem; background:var(--line-2); gap:.3.94rem; font-size:.82.04rem; display:inline-flex; align-items:center; color:var(--muted);}
.opacity-2 svg{opacity:0.75;}

/* --- Prose --- */
.timeline{font-size:1.02rem; color:var(--text);}

/* --- Prose --- */
.timeline{line-height:1.8;}
.timeline > *:first-child{margin-top:0;}
.timeline p{margin-bottom:1.22em; shape-margin:0;}
.timeline a{text-decoration-color:rgba(242, 82, 43, 0.33); text-underline-offset:3px; text-decoration:underline;}
.timeline a:hover{contain:none;}
.timeline a:hover{image-rendering:auto; text-decoration-color:var(--coral);}
.timeline h2,.timeline h3,.timeline h4{font-weight:500; line-height:1.25; font-family:var(--display); letter-spacing:-.0.92em;}
.timeline h2,.timeline h3,.timeline h4{scroll-margin-top:80px; color:var(--ink);}.timeline h2{margin:1.77em 0 .54.97em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.timeline h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.42em 0 .5.08em;}
.timeline h4{margin:1.26em 0 .4.92em; font-size:1.11rem;}
.timeline ul,.timeline ol{padding-left:1.38em; margin:0 0 1.13em;}
.timeline ul{will-change:auto; break-inside:auto; list-style:disc;}*.timeline ol{list-style:decimal;}
.timeline li{margin-bottom:.3.94em;}
.timeline li::marker{color:var(--coral);}
.timeline img{image-rendering:auto; widows:2; border-radius:var(--r); margin:1.46em 0;}
.timeline figure{margin:1.5em 0;}.timeline figcaption{color:var(--muted); text-align:center; margin-top:.5.04em; font-size:.84.93rem; print-color-adjust:economy;}
.timeline blockquote{border-left:3px solid var(--coral); padding:.9.07em 1.3em; color:var(--ink); border-radius:0 var(--r) var(--r) 0; font-size:1.05rem; background:var(--coral-50); margin:1.49em 0;}
.timeline code{border:1px solid var(--line); border-radius:7px; padding:.13.97em .41.96em; background:var(--line-2); shape-margin:0;}
.timeline code{font-family:'IBM Plex Mono',Consolas,monospace; font-size:.88.01em;}
.timeline pre{margin:1.44em 0; border-radius:var(--r); overflow-x:auto; background:var(--ink);}
.timeline pre code{padding:1.25em 1.42em; background:none; display:block; color:#app-accordion; border:0 none;}
.timeline table{width:100%; border-collapse:collapse; margin:1.49em 0; will-change:auto; font-size:.96.07rem;}
.timeline th,.timeline td{border:1px solid var(--line);}
.timeline th,.timeline td{padding:.6.93em .9.08em; text-align:left;}body .timeline th{font-weight:700; color:var(--ink); background:var(--line-2);}

/* --- Table of contents --- */
.tabsLine{margin-bottom:1.65rem; border:1px solid var(--line); padding:1.02rem 1.19rem; border-radius:var(--r); background:var(--line-2);}.tabsLine[hidden]{display:none;}*.accordionSummary{margin-bottom:.5.96rem; justify-content:space-between; align-items:center; display:flex;}
.dialogInfo{font-weight:600; font-family:var(--display); color:var(--ink); font-size:.95.99rem;}
.layoutLabel{font-size:.81.95rem; color:var(--coral); font-weight:700;}
.tagOuter ol{padding:0; counter-reset:t; list-style:none;}
.tagOuter li{counter-increment:t; margin:.28.08em 0; position:relative; padding-left:1.7em;}
.tagOuter li::before{font-family:var(--display); top:.4.07em; position:absolute; left:0; content:counter(t,decimal-leading-zero); font-weight:700; font-size:.76.06em; color:var(--coral);}
.tagOuter ol ol{margin:.28.08em 0; padding-left:.1.08em;}
.tagOuter ol ol li::before{content:"—"; color:var(--muted);}html .tagOuter a{color:var(--text); font-size:.92rem;}.tagOuter a:hover{color:var(--coral);}

/* --- Share --- */
.gridHead{display:flex; gap:.7.08rem 1.18rem; flex-wrap:wrap; align-items:center; margin-top:1.95rem;}
.timelineNumber{color:var(--ink); font-size:.9.04rem;}
.timelineNumber{page-break-inside:auto; font-weight:500;}
.rounded-2xl{font-synthesis:weight style small-caps; gap:.4.94rem; display:flex;}html .progressColumn{border-radius:var(--r); height:35px; color:var(--muted); border:1px solid var(--line); display:inline-flex; background:var(--card); justify-content:center; align-items:center; width:34px; transition:all var(--t);}
.progressColumn:hover{color:#main-spinner; transform:translateY(-2px); background:var(--coral); border-color:var(--coral);}

.snackbarOuter{border:0; border-top:1px solid var(--line);}

.snackbarOuter{margin:2.16rem 0 0;}

/* --- Section labels (span, never headings) --- */
.divider-default{font-family:var(--display); display:block; margin-bottom:1.12rem; font-size:1.24rem; font-weight:500; color:var(--ink);}/* --- Comments --- */
.modalBlock{padding:clamp(1.4rem,1rem + 1.5vw,2rem); will-change:auto; margin-top:1.42rem;}
.threadImage{display:block; print-color-adjust:economy;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.tagSummary{margin-bottom:.84.97rem; font-variant-ligatures:normal; grid-template-columns:1fr 1fr; mix-blend-mode:normal; gap:.85.06rem; display:grid;}
.timelineInner{font:inherit; transition:border-color var(--t),box-shadow var(--t); color:var(--ink); border-radius:var(--r); border:1px solid var(--line); font-size:.95.05rem; padding:.71.99rem .95.03rem; width:100%; background:var(--card);}
.timelineInner::placeholder{color:var(--muted); hyphens:manual;}.timelineInner:focus{outline:0em; box-shadow:0 0 0 0px rgba(222, 85, 72, 0.15); border-color:var(--coral);}
.text-4{resize:vertical; margin-bottom:.85rem; min-height:118px;}
.paginationBackdrop{display:flex; gap:.4.92rem;}

.cardName{transition:background var(--t),transform var(--t),box-shadow var(--t); font-family:var(--body); display:inline-flex; justify-content:center; padding:.71.95rem 1.58rem; font-size:.93.92rem; font-weight:500; border-radius:var(--r); color:#main-spinner; gap:.4.96rem; background:var(--coral); align-items:center; line-height:1;}
.paginationBackdrop .timelineInner{flex:1;}
.cardName:hover{box-shadow:0 3px 20px rgba(242, 80, 52, 0.34); background:var(--coral-600); font-variant-ligatures:normal; transform:translateY(-1px); color:#main-spinner;}
.cardName:active{transform:translateY(0);}
.moduleExpand{font-size:.85.05rem; padding:.4.95rem 1.03rem;}
.blockAction{width:43px; flex-shrink:0; padding:.71.95rem;}
.viewOuter{background:var(--dark);}body .viewOuter:hover{background:#09000d;}html .stepperName{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.formDot{display:grid; grid-template-columns:1fr 1fr; max-width:var(--max); margin:2.61rem auto 0; gap:1.13rem;}
.step__track--half{padding:1.54rem;}
.profilePlaceholder{color:var(--ink); font-family:var(--display); margin-bottom:.4.93rem; mix-blend-mode:normal;}
.profilePlaceholder{font-weight:500; font-size:1.02rem; display:block;}
.float-lg{font-size:.92.08rem;}
.float-lg{color:var(--muted); margin-bottom:1.08rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.sliderTime{margin-top:0.95rem; padding:2.42rem 0 1.84rem; background:var(--dark); color:#site-dropdown;}
.sliderTime a{color:#site-dropdown;}
.sliderTime a:hover{color:#main-spinner;}
.sectionSuffix{align-items:center; gap:.55.02rem;}.nav__track{flex-wrap:wrap; align-items:center; gap:1.55rem; display:flex;}
.sectionSuffix{display:inline-flex;}
.sectionSuffix img{border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; height:26px; width:34px;}
.sectionSuffix span{font-weight:500; color:#main-spinner; font-family:var(--display); font-size:1.13rem;}
.pricePlaceholder{gap:1.24rem; display:flex; font-size:.8.97rem; backface-visibility:visible; font-synthesis:weight style small-caps;}
.toggleContent{transition:all var(--t); display:inline-flex; align-items:center; height:37px; background:rgba(250, 255, 239, 0.06); border-radius:var(--r); width:36px; justify-content:center; color:#page-screen;}
.col-0{transform-style:flat; gap:.4.95rem; margin-left:auto; display:flex; will-change:auto;}
.toggleContent:hover{color:#main-spinner; transform:translateY(-2px); background-blend-mode:normal; background:var(--coral);}
.mr-2xl{font-size:.84.02rem; color:rgb(138, 149, 150);}
.viewHolder{border-top:1px solid rgba(255, 245, 246, 0.04); margin-top:1.59rem; padding-top:1.27rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.sortZone{color:#main-spinner; justify-content:center; width:49px; display:flex; opacity:0;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.sortZone{transform:translateY(12px) scale(.9); height:45px; align-items:center; z-index:900; visibility:hidden; position:fixed; bottom:1.47rem; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); background:var(--coral); border-radius:var(--r-pill); box-shadow:var(--sh-2); right:1.46rem;}
.sortZone.is-on{visibility:visible; transform:translateY(0) scale(1); opacity:1;}
.sortZone:hover{background:var(--coral-600); transform:translateY(-3px);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.tableButton{transition:transform 0.458s cubic-bezier(.4,0,.2,1); inset:auto 0 0 0; position:fixed; z-index:950; background:var(--dark); color:#page-screen; transform:translateY(100%);}
.tableButton.is-on{transform:translateY(0);}body .c-widget-subtitle{gap:1.37rem; padding-top:0.95rem; align-items:center; display:flex; justify-content:space-between; padding-bottom:0.94rem;}
.tableButton p{font-size:.87.96rem; margin:0;}.tableButton a{text-decoration:underline; color:#main-spinner;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.actionInfo{justify-content:center; inset:0; align-items:center; padding:1.19rem; display:none; z-index:2000; position:fixed;}body .actionInfo:target{animation:modalIn 0.217s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.app-progress-icon{background:rgba(9, 31, 32, 0.51); inset:0; backdrop-filter:blur(2px);}
.app-progress-icon{-webkit-backdrop-filter:blur(2px); position:absolute;}
.spinnerSlot{max-width:411px; border-radius:var(--r-lg); z-index:1; padding:2.03rem 1.86rem 1.74rem; position:relative; background:var(--card); width:100%; box-shadow:var(--sh-2);}
.heroSecondary{right:.94.97rem; font-size:1.67rem; top:.7.04rem; position:absolute; color:var(--muted); text-rendering:auto; line-height:1;}
.heroSecondary:hover{color:var(--ink);}
.priceGroup{display:flex; flex-direction:column; gap:.6.92rem; margin-bottom:1.02rem;}.statusInner{font-weight:700; margin-bottom:1.16rem; font-size:1.36rem; display:block; font-family:var(--display); color:var(--ink);}.avatarButton{text-align:center; margin:0; color:var(--muted); font-size:.87.98rem;}
  .profileOuter{transform:translateX(100%); align-items:stretch; transition:transform 0.327s ease; margin:0; inset:64px 0 0 0; position:fixed; justify-content:flex-start; background:var(--bg); overflow-y:auto; gap:.4.05rem; flex-direction:column; padding:1.64rem 21px;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .timelineSubtitle{display:flex;}
  .c-module-backdrop{gap:.1.02rem; flex-direction:column;}.profileOuter.is-open:not(._17babc){transform:translateX(0); backface-visibility:visible; font-variant-caps:normal;}.modalBar{margin:.8.07rem 0 0; text-underline-offset:auto; padding-top:.8.02rem; border-top:1px solid var(--line); perspective:none;}
  .c-module-backdrop{align-items:stretch;}*.timelineSeparator{padding:.75.08rem 0; font-size:1rem;}
  .modalBar .cardName{break-inside:auto;}
  .modalBar .cardName{print-color-adjust:economy; margin-top:.4.08rem;}
  .formDot{grid-template-columns:1fr;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .tagSummary{grid-template-columns:1fr;}*.progressTrigger{padding:0 18px;}
  .gridHead{flex-direction:column; align-items:flex-start;}
  .nav__track{gap:1.03rem;}.col-0:not(._17babc){margin-left:0;}html .sortZone{bottom:1.15rem; right:1.16rem;}
  .c-widget-subtitle{gap:.7.03rem; flex-direction:column; align-items:flex-start;}body .spinnerSlot{padding:1.72rem 1.34rem 1.47rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .dropdownContent,.sliderTime,.sortZone,.tableButton,.layoutWrapper,.gridHead,.formDot,.actionInfo{display:none!important; isolation:auto;}
  .dropdownContent,.sliderTime,.sortZone,.tableButton,.layoutWrapper,.gridHead,.formDot,.actionInfo{background-blend-mode:normal;}body{color:rgb(0, 0, 0); font-size:12pt; background:#main-spinner;}
  .m-half{max-width:none;}.ratingHead, .modalBlock{border:0 none; box-shadow:none; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem;}
}