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

:root{--t:.22s cubic-bezier(.4,0,.2,1); --read:740px; --dark:#17181c; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --max:1120px; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --r-lg:12px;}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--coral-600:#cf4a2c; --coral-50:#fdeee9; --muted:#878b95; --card:#ffffff; --bg:#f4f5f7; --coral:#e85d3d; --line-2:#eef0f4; --r:8px; --ink:#17181c; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --line:#e6e8ee; --text:#41454d; --r-pill:999px;}

*,*::before,*::after{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; margin:0; box-sizing:border-box;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}img, svg{display:block; height:auto; max-width:100%;}
body{-webkit-font-smoothing:antialiased; color:var(--text); line-height:1.7; font-size:17px; text-rendering:optimizeLegibility; font-family:var(--body); background:var(--bg);}ul, ol{list-style:none;}button{font:inherit; cursor:pointer; background:none; color:inherit; border:none;}a{color:var(--coral); text-decoration:none; transition:color var(--t);}a:hover{color:var(--coral-600);}
@media (min-width: 768px) and (max-width: 1062px) {
  #price-indicator {position:static; min-height:100vh; margin-bottom:0; padding-left:14px}
  .badge-trigger:first-child {display:none; color:inherit; min-width:0; opacity:1}
  .thread-separator.form-selected {transition:all 0.3s ease; height:19px; max-width:none; position:relative}
  .popover-meta + .sidebar-wrapper {gap:3px; background-color:transparent; color:inherit; font-size:29px; overflow:visible; padding-top:47px}
}


::selection{contain:none; text-underline-offset:auto; background:var(--coral); color:#faffff;}

h1{margin:0 0 .5.01em; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.2em; line-height:1.18; font-weight:bold; color:var(--ink); font-family:var(--display);}
:focus-visible{border-radius:5px; outline-offset:2px; outline:2px solid var(--coral);}
p{margin:0 0 1.17em;}
#entry-slot {justify-content:center; margin-left:36px}
strong, b{font-weight:600; color:var(--ink);}.z-around:not(.empty17){max-width:var(--max); margin:0 auto; padding:0 20px; width:100%;}
em,i{font-style:italic;}

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

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.tagHolder{border-bottom:1px solid var(--line); background:rgba(228, 243, 255, 0.8); backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); z-index:1100; -webkit-backdrop-filter:saturate(150%) blur(10px); position:sticky; top:0;}
.tagHolder.is-hidden{transform:translateY(-100%);}
.tracking-0{display:flex; gap:1.45rem; align-items:center; min-height:61px;}
.tagHolder.is-pinned{box-shadow:0 10px 30px rgba(8, 6, 30, 0.1);}body .mb-inline{flex-shrink:0; align-items:center; display:inline-flex; gap:.54.97rem;}
.thread-separator.form-selected {padding-top:12px; position:sticky; box-shadow:none; text-align:justify; align-items:flex-start}
.tableColumn:not(.void47){height:36px; width:35px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;}
.tracking-6{color:var(--ink); font-size:1.07rem; letter-spacing:-.1.07em; font-family:var(--display); font-weight:600;}

.leading-8{shape-margin:0; margin-left:auto; height:38px; gap:8px; padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px; justify-content:center; display:none; flex-direction:column; width:46px;}.leading-8 span{height:2px; transition:transform var(--t),opacity var(--t); border-radius:2px; background:var(--ink);}
.leading-8.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.leading-8.is-x span:nth-child(2){opacity:0;}
.leading-8.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.avatar-detail{gap:.15.01rem;}html .skeletonPrimary{display:flex; gap:1.33rem; align-items:center; margin-left:auto;}
.avatar-detail{display:flex; align-items:center;}.rounded-8:not(.null68){margin-left:.4.05rem;}
.drawer-suffix:not(:last-child) {padding-top:2.5rem; background-color:transparent; display:inline-block; position:absolute; align-items:baseline; opacity:0.75}

.order-0{color:var(--text); font-weight:600; padding:.4.95rem .7.96rem; font-size:.93.04rem; border-radius:var(--r); page-break-inside:auto; transition:background var(--t),color var(--t); display:inline-block;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.cardTitle{padding:2.07rem 0 4.56rem;}body .order-0:hover{background:var(--coral-50); color:var(--coral-600);}
.clear-10{max-width:var(--read); margin:0 auto; mix-blend-mode:normal; transform-style:flat;}

.rounded-between,.postSubtitle,.text-0{box-shadow:var(--sh); border:1px solid var(--line); background:var(--card); border-radius:var(--r-lg);}
.pr-20{margin-bottom:1.59rem; text-underline-offset:auto;}.rounded-between{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.opacity-screen{margin-bottom:.6.97rem;}*.p-sm{gap:.3.92rem; align-items:center; display:inline-flex; background:var(--line-2); border-radius:var(--r-pill); font-size:.82.07rem; padding:.2.95rem .6.98rem; color:var(--muted);}
.form__extra--success{gap:.4.98rem; display:flex; flex-wrap:wrap;}
.p-sm svg{opacity:0.77;}/* --- Prose --- */
.modal-dark:not(.empty81){text-rendering:auto; font-size:1.05rem; line-height:1.8;}/* --- Prose --- */
.modal-dark:not(.empty81){color:var(--text);}.modal-dark > *:first-child{margin-top:0;}.modal-dark p{margin-bottom:1.1em;}
.modal-dark a{text-decoration:underline; text-decoration-color:rgba(234, 90, 59, 0.33);}
.modal-dark a{text-underline-offset:3px;}*.modal-dark a:hover{perspective:none; text-decoration-color:var(--coral);}
.modal-dark h2,.modal-dark h3,.modal-dark h4{font-weight:600; letter-spacing:-.1.03em; line-height:1.25; font-family:var(--display); color:var(--ink); scroll-margin-top:80px;}*.modal-dark h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.64em 0 .54.96em;}
.modal-dark h3{margin:1.33em 0 .5.06em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.modal-dark h4{margin:1.16em 0 .4.94em; font-size:1.03rem;}html .modal-dark ul, .modal-dark ol{margin:0 0 1.13em; padding-left:1.35em;}
.modal-dark ul{list-style:disc;}.modal-dark ol{list-style:decimal; background-blend-mode:normal; font-variant-caps:normal;}
.modal-dark li{margin-bottom:.4em;}
.modal-dark li::marker{color:var(--coral);}
.modal-dark img{margin:1.46em 0; border-radius:var(--r);}
.modal-dark figure{font-synthesis:weight style small-caps; margin:1.53em 0;}
.modal-dark figure{word-spacing:normal;}
.modal-dark figcaption{color:var(--muted); margin-top:.5.07em; font-size:.84.94rem; text-align:center;}
.modal-dark blockquote{margin:1.53em 0; border-radius:0 var(--r) var(--r) 0; background:var(--coral-50); border-left:3px solid var(--coral); font-size:1.06rem; color:var(--ink); padding:.9.07em 1.27em;}
.modal-dark code{font-size:.88.08em; background:var(--line-2); padding:.14.03em .41.96em; border-radius:6px; font-family:'IBM Plex Mono',Consolas,monospace; border:1px solid var(--line);}
.modal-dark pre{background:var(--ink); border-radius:var(--r); overflow-x:auto; margin:1.42em 0;}
.modal-dark pre code{orphans:2; display:block; background:none; padding:1.26em 1.34em; border:0 none; color:#f7ddf7;}
.modal-dark table{font-size:.95.97rem; border-collapse:collapse; margin:1.47em 0; width:100%;}
.modal-dark th,.modal-dark td{border:1px solid var(--line); padding:.6.92em .8.99em; text-align:left;}
.modal-dark th{font-weight:600; background:var(--line-2); color:var(--ink);}

/* --- Table of contents --- */
.border-between{padding:1.13rem 1.3rem; background:var(--line-2); margin-bottom:1.55rem; border:1px solid var(--line); border-radius:var(--r);}
.panel-top{align-items:center; margin-bottom:.5.99rem; justify-content:space-between; display:flex;}
.border-between[hidden]{display:none;}*.widgetExpand{font-family:var(--display); font-size:.96.01rem; color:var(--ink); font-weight:600;}
.gap-3{font-size:.82.05rem; color:var(--coral); font-weight:600;}
.bg-3 ol{padding:0; counter-reset:t;}
.bg-3 ol{list-style:none;}html .bg-3 li{margin:.27.94em 0; position:relative; counter-increment:t; padding-left:1.77em;}
.bg-3 li::before{color:var(--coral); font-weight:600; top:.4.08em; content:counter(t,decimal-leading-zero); position:absolute; left:0; font-family:var(--display); font-size:.75.95em;}
.bg-3 ol ol{margin:.28em 0; padding-left:.1em;}
.bg-3 ol ol li::before{content:"—"; transform-style:flat; color:var(--muted); contain:none;}
.bg-3 a{color:var(--text); font-size:.92.04rem;}
.bg-3 a:hover{color:var(--coral); isolation:auto; hyphens:manual;}

/* --- Share --- */
.font-screen{gap:.6.95rem 1.14rem; display:flex; flex-wrap:wrap; align-items:center; margin-top:1.97rem;}
.o-section-inner{font-size:.8.95rem; font-weight:600; color:var(--ink);}
.featurePlaceholder{display:flex; gap:.5.04rem;}.col-sm{display:inline-flex; justify-content:center; transition:all var(--t); color:var(--muted); align-items:center; background:var(--card); width:38px; height:42px; border-radius:var(--r); border:1px solid var(--line);}
.col-sm:hover{border-color:var(--coral); background:var(--coral); transform:translateY(-2px); font-variant-ligatures:normal; color:#ffedff;}.pl-auto{border-top:1px solid var(--line); border:0; margin:2.15rem 0 0;}/* --- Section labels (span, never headings) --- */
.bg-5:not(.void33){margin-bottom:1.11rem; font-size:1.18rem; font-family:var(--display); display:block; color:var(--ink); font-weight:600;}

/* --- Comments --- */
.postSubtitle{padding:clamp(1.4rem,1rem + 1.5vw,2rem); page-break-inside:auto; margin-top:1.49rem;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.my-20{grid-template-columns:1fr 1fr; display:grid; margin-bottom:.85.08rem; gap:.84.92rem;}
.mx-0{display:block;}html .mb-center{border-radius:var(--r); padding:.72.01rem .94.98rem; border:1px solid var(--line); font:inherit; font-size:.94.94rem; transition:border-color var(--t),box-shadow var(--t); color:var(--ink); background:var(--card); width:100%;}
.mb-center::placeholder{color:var(--muted);}
.mb-center:focus{outline:0; border-color:var(--coral); box-shadow:0 0 0 4px rgba(221, 81, 63, 0.12);}
.d-10{min-height:119px; resize:vertical; backface-visibility:visible; font-variant-ligatures:normal; margin-bottom:.85rem;}.leading-xs{display:flex; gap:.5.04rem;}*.accordion-icon{border-radius:var(--r); display:inline-flex; color:#f9f1ff; font-weight:600; justify-content:center; font-family:var(--body); font-size:.94.03rem; padding:.71.95rem 1.63rem; background:var(--coral); line-height:1; gap:.5rem;}
.leading-xs .mb-center{flex:1;}
#thread-wrap {display:inline-flex; gap:42px; min-width:0}
*.accordion-icon{transition:background var(--t),transform var(--t),box-shadow var(--t); align-items:center;}
.accordion-icon:hover{transform:translateY(-1px); box-shadow:0 3px 18px rgba(248, 81, 75, 0.31); color:#f1fff5; background:var(--coral-600);}
.accordion-icon:active{transform:translateY(0);}html .p-12{font-size:.84.94rem; padding:.5.02rem 1.12rem;}
.clear-0{background:var(--dark);}
.row-16{width:45px; flex-shrink:0; padding:.71.98rem;}
.clear-0:hover{background:rgb(28, 14, 9);}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.mb-xl{margin:2.61rem auto 0; gap:1.09rem; max-width:var(--max); display:grid; grid-template-columns:1fr 1fr;}.overflow-16{width:100%;}
.text-0{padding:1.46rem;}
.pt-2{font-size:1.1rem; color:var(--ink); font-weight:600; display:block; font-family:var(--display); margin-bottom:.5.04rem;}
.align-2xl{margin-bottom:1.12rem; font-size:.92rem; color:var(--muted);}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.snackbarBody{padding:2.37rem 0 1.78rem; margin-top:0.92rem; background:var(--dark); color:#c6b3bc;}.snackbarBody a{will-change:auto; color:#a8c6c7;}
.snackbarBody a:hover{color:#ffffed;}html .px-1{display:inline-flex; align-items:center; gap:.55.03rem;}
.leading-none{align-items:center; gap:1.55rem; display:flex; flex-wrap:wrap;}html .px-1 img{height:34px; width:33px;}html .px-1 img{border-radius:5px;}
.badge-trigger:first-child {text-align:center; cursor:pointer; min-height:100vh; transition:transform 0.15s ease-in-out; text-transform:uppercase; flex-wrap:wrap}

.panel-cell:first-child {margin-right:0; min-height:100vh; box-shadow:none}

#price-indicator {padding-right:1rem; transition:color 0.4s; padding-left:0.625rem; margin:auto}

.sidebar-bar.progress-large {display:inline-block; margin:0.625rem; text-decoration:none}

.px-1 span{font-size:1rem; font-family:var(--display); color:#fffbff; font-weight:600;}
.justify-between{display:flex; font-size:.9.04rem; gap:1.32rem; backface-visibility:visible;}
.py-20{gap:.5.03rem; display:flex; margin-left:auto;}
.shadow-end{color:rgb(209, 228, 231); height:41px; width:42px; display:inline-flex; justify-content:center; align-items:center; transition:all var(--t); background:rgba(255, 243, 253, 0.12); border-radius:var(--r);}*.shadow-end:hover{transform:translateY(-2px); color:#fff7f5;}
.popover-meta + .sidebar-wrapper {position:relative; justify-content:flex-start; gap:0.375rem; font-weight:normal; overflow:hidden; text-align:center}
*.shadow-end:hover{background:var(--coral);}
.c-carousel-overlay{border-top:1px solid rgba(238, 245, 255, 0.08);}
.c-carousel-overlay{padding-top:1.36rem; margin-top:1.59rem;}
.opacity-end{font-size:.83.93rem; color:rgb(134, 146, 154);}

/* ==========================================================================
   Back to top
   ========================================================================== */
.p-start{z-index:900; background:var(--coral); width:50px; visibility:hidden; justify-content:center; box-shadow:var(--sh-2); display:flex; align-items:center; height:44px; color:hsl(0, 34%, 97.9%); border-radius:var(--r-pill); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); opacity:0; position:fixed; bottom:1.51rem; transform:translateY(12px) scale(.9); right:1.48rem;}.is-on.p-start{visibility:visible; opacity:1; transform:translateY(0) scale(1);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.pt-24{font-variant-caps:normal; widows:2; inset:auto 0 0 0; position:fixed; transition:transform 0.356s cubic-bezier(.4,0,.2,1); transform:translateY(100%); color:#c2c3d5; background:var(--dark); z-index:950;}html .p-start:hover{background:var(--coral-600); transform:translateY(-3px);}
.pt-24.is-on{transform:translateY(0);}
.float-end{padding-bottom:0.94rem; padding-top:0.96rem; align-items:center;}
.float-end{display:flex; justify-content:space-between; gap:1.22rem;}html .pt-24 p{margin:0; font-variant-ligatures:normal; font-size:.88.08rem; text-underline-offset:auto;}.pt-24 a{color:rgb(255, 255, 255); text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.hero__container--info{display:none; inset:0; justify-content:center; align-items:center; padding:1.14rem; z-index:2000; position:fixed;}
@media (min-width: 1440px) {
  .toolbar-label > meta {justify-content:flex-end; margin-right:0; display:table}
  .modal__item {height:100%; width:100%; flex-wrap:wrap; text-align:right}
  .table-track::before {content:''; padding-bottom:22px; height:47px; gap:0.5rem}
  .review-container .action-close {border:1px solid #f9ffff; text-transform:none; border-radius:8px}
}


#toggle-summary {box-shadow:0 10px 4px rgba(0,0,0,0.58); transition:all 0.5s ease; text-decoration:underline; text-transform:capitalize; gap:35px; padding-bottom:42px}

.hero__container--info:target{animation:modalIn 0.205s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.gap-5{background:rgba(39, 14, 34, 0.58); inset:0; -webkit-backdrop-filter:blur(2px); position:absolute; backdrop-filter:blur(2px);}.thread{box-shadow:var(--sh-2); padding:2.07rem 1.84rem 1.84rem; position:relative; z-index:1; max-width:414px; width:100%; background:var(--card); border-radius:var(--r-lg);}
.col-full{top:.7.02rem; font-size:1.64rem; right:.95rem; position:absolute; color:var(--muted); line-height:1;}
.col-full:hover{color:var(--ink);}
.d-screen{color:var(--ink); font-family:var(--display); font-size:1.45rem; margin-bottom:1.13rem; display:block;}
.d-screen{font-weight:600;}
.breadcrumb-image-narrow{margin-bottom:1.04rem; display:flex; gap:.7.06rem; flex-direction:column;}html .py-6{font-size:.87.96rem; text-align:center; margin:0; color:var(--muted);}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){.leading-8{display:flex;}.skeletonPrimary{transition:transform 0.312s ease; margin:0; inset:59px 0 0 0; gap:.3.95rem; flex-direction:column; justify-content:flex-start; isolation:auto; position:fixed; transform:translateX(100%); padding:1.6rem 21px; background:var(--bg); overflow-y:auto; align-items:stretch;}
  .skeletonPrimary.is-open{transform:translateX(0);}
  .rounded-8{border-top:1px solid var(--line);}
#chip-body {align-items:baseline; line-height:1.8; transition:opacity 0.45s; border-radius:47px; height:100%; font-size:42px}

  .avatar-detail{align-items:stretch; gap:.1.06rem; flex-direction:column;}
  .rounded-8{margin:.8.05rem 0 0; padding-top:.7.94rem;}body .order-0{font-size:1.01rem; padding:.75.05rem 0;}
  .rounded-8 .accordion-icon{margin-top:.4.07rem;}
  .mb-xl{grid-template-columns:1fr; perspective:none; orphans:2;}
}
@media (max-width:560px){
  :root{tab-size:4; --r-lg:10px;}
  .z-around{padding:0 19px;}
  .my-20{grid-template-columns:1fr;}
  .font-screen{flex-direction:column; align-items:flex-start;}
  .leading-none{gap:1.13rem;}
  .py-20{margin-left:0;}
  .p-start{right:1.16rem; bottom:1.15rem;}
.dialog-outer:first-child {align-items:baseline; opacity:1; border:1px solid #d96504}

.tooltip-group::before {content:''; transition:color 0.45s; background-color:#7d8883; justify-content:space-between; background:none; font-size:inherit}
*.thread{padding:1.67rem 1.25rem 1.43rem;}
  .float-end{align-items:flex-start; flex-direction:column; gap:.7.05rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{.tagHolder, .snackbarBody, .p-start:not(.none80), html .pt-24, html .spinnerPrefix, .font-screen, html .mb-xl, .hero__container--info{display:none!important;}
  body{font-size:12pt;}
  body{color:#000000; background-color:#fffcff; background-blend-mode:normal;}
  .clear-10{max-width:none;}.rounded-between, html .postSubtitle{border:none; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; box-shadow:none;}
}