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

:root{--dark:#17181c; --bg:#f4f5f7; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --read:740px; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --max:1120px; --line:#e6e8ee; --t:.22s cubic-bezier(.4,0,.2,1); --coral-600:#cf4a2c;}

*,*::before,*::after{margin:0;}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--text:#41454d; --r-lg:12px; --r:8px; --line-2:#eef0f4; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --card:#ffffff; --coral-50:#fdeee9; --ink:#17181c; --muted:#878b95; --r-pill:999px; --coral:#e85d3d;}

*,*::before,*::after{box-sizing:border-box; padding:0;}body{font-size:15px; color:var(--text); background:var(--bg); font-family:var(--body); text-rendering:optimizeLegibility; line-height:1.7;}
.drawer-subtitle::before {content:''; color:#eeeeee; flex-wrap:nowrap; text-align:center; opacity:1}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
img,svg{display:block;}body{-webkit-font-smoothing:antialiased;}
img,svg{max-width:100%; height:auto;}
ul,ol{list-style:none;}
button{font:inherit; background:none; border:0 none; cursor:pointer; color:inherit;}
a{text-decoration:none; color:var(--coral); transition:color var(--t);}a:hover{color:var(--coral-600);}:focus-visible{border-radius:-1px; outline:2px solid var(--coral); outline-offset:2px;}::selection{background:var(--coral); color:#fffcff;}

h1{margin:0 0 .4.94em; font-family:var(--display); letter-spacing:-.2em; font-weight:bold; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); line-height:1.18; color:var(--ink);}
p{margin:0 0 1.11em;}
.timeline-region {transition:transform 0.3s ease-in-out; display:inline-flex; justify-content:center; background:#3e04b3; font-weight:bold}

strong,b{color:var(--ink); font-weight:600;}em, i{font-style:italic;}/* --- Scroll progress --- */
.step__title{width:0; transition:width 0.096s linear; inset:0 auto auto 0; z-index:1200; background:linear-gradient(90deg,var(--coral),var(--coral-600)); height:7px; position:fixed;}.drawer__line--muted:not(.unused76){max-width:var(--max); padding:0 20px; width:100%; margin:0 auto;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.entry__group--rounded{top:0; background:rgba(239, 231, 249, 0.81); position:sticky;}
.feature-head:hover {display:flex; flex:0 0 auto; font-size:inherit; letter-spacing:normal; justify-content:flex-start; opacity:0.68}


/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.entry__group--rounded{-webkit-backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); backdrop-filter:saturate(150%) blur(10px); border-bottom:1px solid var(--line); z-index:1100;}
.entry__group--rounded.is-hidden{transform:translateY(-100%);}
.module__inner{align-items:center; min-height:62px; display:flex; gap:1.37rem;}
.entry__group--rounded.is-pinned{box-shadow:0 9px 22px rgba(8, 23, 43, 0.08);}
.popover--fluid{height:29px; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; width:30px;}
.media__handle{flex-shrink:0; align-items:center; display:inline-flex; gap:.54.92rem;}
.search--pressed{transform-style:flat; perspective:none; font-size:1.04rem; letter-spacing:-.1.04em; color:var(--ink); font-weight:600; font-family:var(--display);}

.slider--dense{margin-left:auto; justify-content:center; height:38px; gap:2px; width:44px; display:none; flex-direction:column; padding:11px;}
.gallery-toggle {transition:opacity 0.5s; letter-spacing:normal; position:static; flex-wrap:nowrap}
.slider--dense span{transition:transform var(--t),opacity var(--t); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; height:2px; background:var(--ink);}
.slider--dense.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
@media (max-width: 1024px) {
  .drawer-subtitle::before {content:''; justify-content:space-between; color:#f5f5f5; transition:color 0.2s; font-weight:bold; box-shadow:0 4px 10px rgba(0,0,0,0.44)}
  .form-separator:hover {padding:28px 5px; transition:all 0.4s ease; padding-right:17px}
  .thread-row:first-child {flex-wrap:wrap; text-align:left; transition:transform 0.2s ease-in-out; text-transform:capitalize}
}


.slider--dense.is-x span:nth-child(2){opacity:0;}.is-x.slider--dense span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.alert--left{align-items:center; gap:.15.03rem; display:flex;}

.modal__close--first{align-items:center; margin-left:auto; word-spacing:normal; gap:1.38rem; display:flex;}
.filter__trigger{margin-left:.4.06rem;}
.step{font-weight:600; font-size:.93.06rem; mix-blend-mode:normal; border-radius:var(--r); display:inline-block; padding:.5.04rem .8rem; color:var(--text); transition:background var(--t),color var(--t);}*.step:hover{background:var(--coral-50); color:var(--coral-600);}
.carousel--pressed{max-width:var(--read); margin:0 auto;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.alert__column{padding:1.96rem 0 4.51rem;}

.grid__close,.section--info,.sortFoot{background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh);}

.grid__close{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.sidebar__placeholder--dense{margin-bottom:1.62rem;}
.tabs{flex-wrap:wrap; gap:.4.97rem; display:flex;}
.select__summary{margin-bottom:.7.08rem;}
.select{align-items:center; gap:.4.07rem; background:var(--line-2); display:inline-flex; font-size:.82.07rem; padding:.3.04rem .7.04rem; border-radius:var(--r-pill); color:var(--muted);}
.select svg{opacity:0.7; mix-blend-mode:normal; word-spacing:normal;}

/* --- Prose --- */
.modulePlaceholder{font-size:1.02rem; color:var(--text); line-height:1.8;}
.modulePlaceholder > *:first-child{margin-top:0;}
.modulePlaceholder p{margin-bottom:1.1em;}html .modulePlaceholder a{text-decoration-color:rgba(239, 96, 62, 0.35); text-underline-offset:3px; text-decoration:underline;}
.modulePlaceholder a:hover{background-blend-mode:normal; text-decoration-color:var(--coral);}html .modulePlaceholder h2, .modulePlaceholder h3, .modulePlaceholder h4{line-height:1.25;}html .modulePlaceholder h2, .modulePlaceholder h3, .modulePlaceholder h4{font-family:var(--display); font-weight:600; letter-spacing:-.0.96em; scroll-margin-top:80px; color:var(--ink);}
.modulePlaceholder h2{margin:1.74em 0 .54.93em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.modulePlaceholder h3{margin:1.37em 0 .5.05em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem); page-break-inside:auto;}
.modulePlaceholder h4{font-size:1.02rem; margin:1.2em 0 .5.03em;}
.modulePlaceholder ul,.modulePlaceholder ol{margin:0 0 1.15em; padding-left:1.38em;}.modulePlaceholder ul{list-style:disc;}
.modulePlaceholder ol{list-style:decimal;}
.modulePlaceholder li{margin-bottom:.3.95em;}
.modulePlaceholder li::marker{break-inside:auto; mix-blend-mode:normal; color:var(--coral);}
.modulePlaceholder img{margin:1.51em 0; word-spacing:normal; font-synthesis:weight style small-caps; border-radius:var(--r);}.modulePlaceholder figure{word-spacing:normal; hyphens:manual; margin:1.45em 0;}
.modulePlaceholder figcaption{font-size:.85.04rem; break-inside:auto; text-align:center; margin-top:.5.03em; color:var(--muted);}
.status__row {position:static; transition:color 0.35s; padding:0.625rem}

.modulePlaceholder blockquote{padding:.9.02em 1.28em; margin:1.5em 0; border-left:3px solid var(--coral); mix-blend-mode:normal; border-radius:0 var(--r) var(--r) 0; color:var(--ink); background:var(--coral-50); font-size:1.16rem;}
.modulePlaceholder code{border-radius:2px; font-family:'IBM Plex Mono',Consolas,monospace; background:var(--line-2); padding:.14.03em .41.92em; font-size:.88.07em; border:1px solid var(--line);}*.modulePlaceholder pre{margin:1.52em 0; overflow-x:auto; background:var(--ink); border-radius:var(--r);}
.box-thumb.widget-last {align-items:center; transition:color 0.5s; position:static; border:1px solid #16bb64; height:100%; line-height:normal}

.modulePlaceholder pre code{display:block; background:none; border:0; padding:1.18em 1.32em; color:#f7e7f3;}
.modulePlaceholder table{font-size:.95.92rem; contain:none; border-collapse:collapse; width:100%; margin:1.58em 0;}
.modulePlaceholder th,.modulePlaceholder td{border:1px solid var(--line); text-align:left; padding:.7em .9em;}.modulePlaceholder th{background:var(--line-2); color:var(--ink); font-weight:600;}

/* --- Table of contents --- */
.action--elevated{border-radius:var(--r); margin-bottom:1.64rem; padding-top:1.02rem;padding-right:1.32rem;padding-bottom:1.02rem;padding-left:1.32rem; background:var(--line-2); border:1px solid var(--line);}
.tabs-info:not(:last-child) {line-height:normal; transition:transform 0.45s ease-in-out; border-radius:35px}

.action--elevated[hidden]{display:none;}
.form-label.popover-filled {padding-right:7px; min-width:15px; display:block; margin:2.5rem}

.select{align-items:center; display:flex; margin-bottom:.6rem;}
.col-24{font-family:var(--display);}
.select{justify-content:space-between;}
.col-24{font-weight:600; font-size:.96rem; color:var(--ink);}
.card__zone--full ol{list-style:none; counter-reset:t; padding:0;}
.app-widget-group{font-size:.82.07rem; shape-margin:0; font-weight:600; color:var(--coral); text-underline-offset:auto;}html .card__zone--full li{position:relative; counter-increment:t;}html .card__zone--full li{padding-left:1.68em; margin:.27.96em 0;}.card__zone--full li::before{font-weight:600; font-family:var(--display); left:0; content:counter(t,decimal-leading-zero); color:var(--coral); font-size:.76.04em; position:absolute; top:.3.95em;}.card__zone--full ol ol{margin:.27.93em 0; padding-left:.0.97em;}
.card__zone--full ol ol li::before{color:var(--muted); content:"—";}
.card__zone--full a{font-size:.92.07rem; color:var(--text);}
.card__zone--full a:hover{color:var(--coral);}

/* --- Share --- */
.gap-4{flex-wrap:wrap; margin-top:1.95rem; display:flex; gap:.6.98rem 1.06rem; align-items:center;}
.flex-center{color:var(--ink); font-size:.9.05rem; font-weight:600;}
.feature--danger{gap:.4.97rem; display:flex;}.badge-last{color:var(--muted); text-decoration-skip-ink:auto; display:inline-flex; border-radius:var(--r); border:1px solid var(--line); width:38px; print-color-adjust:economy; transition:all var(--t); background:var(--card); justify-content:center; height:40px; align-items:center;}html .badge-last:hover{border-color:var(--coral); mix-blend-mode:normal; color:rgb(252, 252, 254); background:var(--coral); transform:translateY(-2px);}/* --- Section labels (span, never headings) --- */
.profile--sticky{margin-bottom:1.12rem; font-size:1.31rem; color:var(--ink); display:block; font-family:var(--display); font-weight:600; perspective:none;}

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

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.gap-2{display:grid; margin-bottom:.84.96rem; gap:.84.94rem; grid-template-columns:1fr 1fr;}
.thread-row:first-child {position:static; transition:opacity 0.5s; margin:19px; overflow:auto; padding:31px 29px}
/* --- Comments --- */
.section--info{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.45rem; tab-size:4;}
.badge{display:block;}
.badge__expand--top{background:var(--card); border:1px solid var(--line); transition:border-color var(--t),box-shadow var(--t); font:inherit; font-size:.95rem; color:var(--ink); padding:.72.05rem .95.07rem; border-radius:var(--r); width:100%;}*.badge__expand--top::placeholder{text-rendering:auto; color:var(--muted);}body .badge__expand--top:focus{outline:0; border-color:var(--coral); box-shadow:0 0 0 2px rgba(238, 98, 59, 0.21);}
.status-meta + .sort-date {transition:all 0.15s ease; margin-left:0; margin-bottom:0; gap:3px; background-color:transparent}
*.heroLabel{resize:vertical; min-height:117px; margin-bottom:.85.05rem;}
.reply__bar--dark{gap:.5.05rem; display:flex;}.reply__bar--dark .badge__expand--top{flex:1;}

.separator-widget{display:inline-flex; border-radius:var(--r); transition:background var(--t),transform var(--t),box-shadow var(--t); background:var(--coral); justify-content:center; color:#f6ffff; line-height:1; font-weight:600; font-family:var(--body); gap:.5.08rem; font-size:.93.95rem; padding:.72.03rem 1.53rem; align-items:center;}
.separator-widget:hover{box-shadow:0 7px 18px rgba(235, 103, 62, 0.33); color:#ffffff; transform:translateY(-1px); background:var(--coral-600);}
.separator-widget:active{transform:translateY(0);}
.panel__close--elevated{padding:.5.08rem 1.08rem; font-size:.85.03rem;}
.visible-24{padding:.71.99rem; flex-shrink:0; width:42px;}body .tooltip--inverse{background:var(--dark);}
.tooltip--inverse:hover{background:#0c0600;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.dialog{grid-template-columns:1fr 1fr; display:grid; max-width:var(--max); margin:2.55rem auto 0; gap:1.02rem;}*.form__slot{width:100%; widows:2;}*.sortFoot{padding-top:1.45rem;padding-right:1.45rem;padding-bottom:1.45rem;padding-left:1.45rem;}
.p-16{color:var(--ink); display:block; font-size:1.15rem; font-weight:600; margin-bottom:.5.02rem; font-family:var(--display);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.view{color:#c8ccd4; padding:2.46rem 0 1.88rem; margin-top:1.05rem; background:var(--dark);}
.progress--odd{margin-bottom:1.1rem; font-synthesis:weight style small-caps; color:var(--muted); font-size:.92.02rem; backface-visibility:visible;}
.view a{color:#a8b3be; mix-blend-mode:normal; font-variant-ligatures:normal;}.media__block--loading{display:flex; gap:1.68rem; align-items:center; flex-wrap:wrap;}
.view a:hover{color:#eefff9;}html .breadcrumb__label{gap:.55.06rem; display:inline-flex; align-items:center;}.breadcrumb__label img{border-radius:6px; width:32px; height:31px;}
.accordion{display:flex; gap:1.36rem; font-size:.9rem;}
.breadcrumb__label span{color:rgb(231, 241, 251); image-rendering:auto; font-family:var(--display); backface-visibility:visible; font-size:1.14rem; font-weight:600;}.list{margin-left:auto; display:flex; gap:.5.05rem;}
.form-separator:hover {transition:all 0.2s ease; align-items:baseline}

.profile{width:35px; color:#c7d5c6; transition:all var(--t); height:40px; border-radius:var(--r); display:inline-flex; align-items:center; background:rgba(255, 255, 244, 0.06); justify-content:center;}
.profile:hover{background:var(--coral); color:#f1f9ff; transform:translateY(-2px);}*.timeline{color:#83828b; font-size:.83.92rem;}.filter__date:not(.void32){margin-top:1.59rem; padding-top:1.35rem; border-top:1px solid rgba(252, 255, 255, 0.05);}/* ==========================================================================
   Back to top
   ========================================================================== */
.tag-wide:not(.noop40){visibility:hidden; align-items:center; transform:translateY(12px) scale(.9); opacity:0; border-radius:var(--r-pill); right:1.44rem;}/* ==========================================================================
   Back to top
   ========================================================================== */
.tag-wide:not(.noop40){width:44px; bottom:1.43rem; position:fixed; color:#f1f5ff; box-shadow:var(--sh-2); background:var(--coral); height:42px; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); justify-content:center; z-index:900; display:flex;}
.tag-wide.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}
.tag-wide:hover{transform:translateY(-3px); background:var(--coral-600);}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.card__bar--medium:not(.null93){background:var(--dark); position:fixed; inset:auto 0 0 0; transform:translateY(100%); z-index:950; color:rgb(198, 211, 219); transition:transform 0.434s cubic-bezier(.4,0,.2,1); backface-visibility:visible;}
.card__bar--medium.is-on{backface-visibility:visible;}
.card__bar--medium.is-on{text-underline-offset:auto; transform:translateY(0);}
.toolbar--focused{gap:1.26rem; padding-top:0.93rem; padding-bottom:1.05rem; align-items:center; display:flex; justify-content:space-between;}
.card__bar--medium p{font-size:.88.08rem; margin:0;}.card__bar--medium a{text-decoration:underline; color:#faffee;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.dialog--alt{padding-top:1.2rem;padding-right:1.2rem;padding-bottom:1.2rem;padding-left:1.2rem; justify-content:center; inset:0; align-items:center; z-index:2000; display:none; position:fixed;}
.dialog--alt:target{display:flex; animation:modalIn 0.223s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}body .price--odd{inset:0; backdrop-filter:blur(2px); background:rgba(13, 34, 43, 0.55); position:absolute; -webkit-backdrop-filter:blur(2px);}
.banner-group > expand {border:none; position:relative}

.page-data + .footer-backdrop {letter-spacing:normal; background-color:#32cd83; transition:transform 0.2s ease-in-out}
.search__container{padding:1.96rem 1.78rem 1.78rem; border-radius:var(--r-lg); background:var(--card); position:relative; width:100%; box-shadow:var(--sh-2); contain:none; max-width:408px; z-index:1;}
.status__tertiary{right:.95.03rem; font-size:1.63rem; line-height:1; position:absolute; top:.6.98rem; color:var(--muted);}*.status__tertiary:hover{color:var(--ink);}
.sidebar{font-size:1.4rem;}
.sidebar{display:block; font-weight:600; color:var(--ink); font-family:var(--display); margin-bottom:1.19rem;}
.panelPreview{gap:.6.96rem; margin-bottom:0.99rem; display:flex; flex-direction:column;}
.alert--left{text-align:center; font-size:.87.95rem; color:var(--muted); margin:0;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .slider--dense{display:flex; font-synthesis:weight style small-caps; word-spacing:normal;}html .modal__close--first{overflow-y:auto; flex-direction:column; transition:transform 0.285s ease; gap:.4rem; padding:1.68rem 23px; justify-content:flex-start;}html .modal__close--first{background:var(--bg); transform:translateX(100%); align-items:stretch; margin:0; inset:58px 0 0 0; position:fixed;}body .alert--left{align-items:stretch; flex-direction:column; gap:.0.95rem;}
  .modal__close--first.is-open{transform:translateX(0);}
  .filter__trigger{border-top:1px solid var(--line); padding-top:.8.07rem; margin:.8.07rem 0 0;}
  .filter__trigger .separator-widget{margin-top:.3.98rem;}
  .step{font-size:1.13rem; padding:.75.08rem 0;}
  .dialog{grid-template-columns:1fr;}
}
@media (max-width:560px){:root{--r-lg:10px;}body .drawer__line--muted{padding:0 13px; will-change:auto; break-inside:auto;}.gap-2{grid-template-columns:1fr;}
  .gap-4{backface-visibility:visible; flex-direction:column; align-items:flex-start;}
  .media__block--loading{gap:1.08rem;}
  .list{font-synthesis:weight style small-caps; margin-left:0; tab-size:4;}
  .tag-wide{right:1.05rem; bottom:1.06rem;}.toolbar--focused{gap:.6.98rem; align-items:flex-start; flex-direction:column;}
  .search__container{padding:1.76rem 1.36rem 1.34rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .entry__group--rounded,.view,.tag-wide,.card__bar--medium,.step__title,.gap-4,.dialog,.dialog--alt{display:none!important;}
  body{font-size:12pt; background:rgb(255, 237, 255);}
  body{color:hsl(278, 61%, 1.9%);}*.carousel--pressed{max-width:none;}
  .grid__close,.section--info{padding:0; border:0em; background-blend-mode:normal; box-shadow:none; perspective:none;}
}