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

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

*,*::before,*::after{margin:0; box-sizing:border-box; padding:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
img,svg{height:auto; display:block; max-width:100%;}body{font-size:17px; color:var(--text); text-rendering:optimizeLegibility; background:var(--bg); font-family:var(--body); -webkit-font-smoothing:antialiased; line-height:1.7;}
ul,ol{list-style:none; word-spacing:normal; print-color-adjust:economy;}
a{print-color-adjust:economy; transition:color var(--t); text-decoration:none; color:var(--coral); perspective:none;}
button{border:0 none; font:inherit; color:inherit; background:none; cursor:pointer;}
a:hover{color:var(--coral-600);}
::selection{color:#navText; background:var(--coral);}
:focus-visible{outline-offset:2px;}
:focus-visible{border-radius:-1px; outline:2px solid var(--coral);}

h1{line-height:1.18; letter-spacing:-.1.96em; margin:0 0 .5.02em; color:var(--ink); font-family:var(--display); font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem);}

h1{font-weight:700;}strong, b{font-weight:600; color:var(--ink);}
p{margin:0 0 1.14em;}em, i{font-style:italic;}/* --- Scroll progress --- */
.d-xl{z-index:1200; height:1px; position:fixed; width:0; inset:0 auto auto 0; transition:width 0.024s linear; background:linear-gradient(90deg,var(--coral),var(--coral-600));}

.m-xl{margin:0 auto; width:100%; max-width:var(--max); padding:0 25px;}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.galleryFill:not(._6262ba){border-bottom:1px solid var(--line); top:0px; z-index:1100; backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); position:sticky; background:rgba(250, 229, 255, 0.96);}
.galleryFill.is-hidden{transform:translateY(-100%);}
.galleryFill.is-pinned{box-shadow:0 6px 22px rgba(25, 28, 26, 0.01);}
.chipAction{flex-shrink:0; display:inline-flex; gap:.55.07rem; align-items:center;}
.mr-0{display:flex; gap:1.45rem; align-items:center; min-height:64px;}
.blockPreview{border-radius:6px; height:32px; width:32px;}
.row-block{color:var(--ink); font-size:1.08rem; font-family:var(--display); font-weight:700; letter-spacing:-.1em;}*.pl-xl{height:45px; width:43px; gap:4px; margin-left:auto; flex-direction:column; padding:6px; justify-content:center; display:none;}
.pl-xl span{border-radius:2px; background:var(--ink); height:2px; transition:transform var(--t),opacity var(--t);}body .pl-xl.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}html .pl-xl.is-x span:nth-child(2){opacity:0;}

.tracking-sm{margin-left:auto; gap:1.47rem; align-items:center;}body .pl-xl.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.pr-20{gap:.14.97rem; display:flex; align-items:center;}

.tracking-sm{display:flex;}
.spinnerContainer{margin-left:.4.03rem;}*.pr-auto{color:var(--text); font-size:.92.93rem; display:inline-block; transition:background var(--t),color var(--t); padding:.4.92rem .7.93rem; border-radius:var(--r); font-weight:500;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.text-full{padding:2.05rem 0 4.45rem;}
.pr-auto:hover{background:var(--coral-50); color:var(--coral-600);}body .shadow-2, body .tracking-around, .panel__number:not(._6262ba){border-radius:var(--r-lg); box-shadow:var(--sh); background:var(--card); border:1px solid var(--line);}
.mt-10{max-width:var(--read); margin:0 auto;}*.avatar__dot--full{margin-bottom:1.67rem;}

.shadow-2{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.mt-12{gap:.5.08rem; flex-wrap:wrap; display:flex;}
.select-expand{margin-bottom:.7.08rem;}.item-tabs{font-size:.81.95rem; display:inline-flex; border-radius:var(--r-pill); align-items:center; gap:.4.02rem; color:var(--muted); padding:.2.97rem .7.05rem; background:var(--line-2);}
.item-tabs svg{opacity:0.73;}

/* --- Prose --- */
.commentInner{line-height:1.8; color:var(--text); font-size:1.02rem;}.commentInner > *:first-child{margin-top:0em;}
.commentInner p{margin-bottom:1.09em; word-spacing:normal;}
.commentInner a{text-underline-offset:3px; text-decoration-color:rgba(231, 93, 74, 0.43); text-decoration:underline;}
.commentInner a:hover{text-decoration-color:var(--coral);}
.commentInner h2,.commentInner h3,.commentInner h4{color:var(--ink); letter-spacing:-.1.08em; scroll-margin-top:80px; line-height:1.25; font-weight:600; font-family:var(--display);}
.commentInner h2{margin:1.62em 0 .55.07em; mix-blend-mode:normal; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); print-color-adjust:economy;}
.commentInner h3{margin:1.39em 0 .5.06em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.commentInner h4{font-size:1.14rem; margin:1.25em 0 .4.95em;}
.commentInner ul,.commentInner ol{will-change:auto; padding-left:1.32em; print-color-adjust:economy;}
.commentInner ul,.commentInner ol{margin:0 0 1.17em;}html .commentInner ul{list-style:disc;}
.commentInner ol{list-style:decimal;}
.commentInner li{margin-bottom:.4.03em;}
.commentInner li::marker{color:var(--coral);}
.commentInner img{border-radius:var(--r); margin:1.46em 0;}
.commentInner figure{margin:1.53em 0;}body .commentInner figcaption{text-align:center; color:var(--muted); font-size:.84.96rem;}body .commentInner figcaption{margin-top:.4.94em;}
.commentInner blockquote{border-radius:0 var(--r) var(--r) 0; border-left:3px solid var(--coral); text-decoration-skip-ink:auto; font-size:1.16rem;}
.commentInner blockquote{break-inside:auto; background:var(--coral-50); color:var(--ink); margin:1.5em 0; padding:.9.05em 1.27em;}
.commentInner code{font-size:.88.07em; font-family:'IBM Plex Mono',Consolas,monospace; border-radius:7px; padding:.14.04em .41.99em; image-rendering:auto; background:var(--line-2); border:1px solid var(--line);}
.commentInner pre{background:var(--ink); overflow-x:auto; margin:1.57em 0; border-radius:var(--r);}body .commentInner pre code{color:#site-form; background:none;}body .commentInner pre code{display:block; padding:1.22em 1.43em; border:none;}
.commentInner table{margin:1.55em 0; border-collapse:collapse; width:100%; font-size:.96.01rem;}html .commentInner th, .commentInner td{border:1px solid var(--line); padding:.7.03em .9.02em; text-align:left;}

/* --- Table of contents --- */
.el-list-summary{padding:0.99rem 1.21rem; background:var(--line-2); border-radius:var(--r); border:1px solid var(--line); margin-bottom:1.6rem;}
.commentInner th{background:var(--line-2); font-weight:700; color:var(--ink);}
.el-list-summary[hidden]{display:none;}*.order-0{font-family:var(--display); font-weight:500; color:var(--ink); font-size:.95.92rem;}
.position-center{display:flex; justify-content:space-between; margin-bottom:.6.05rem; align-items:center;}.justify-auto{text-rendering:auto; background-blend-mode:normal; font-size:.82.01rem; font-weight:700; color:var(--coral);}
.m-12 ol{counter-reset:t; list-style:none; image-rendering:auto; padding:0;}body .m-12 li{margin:.27.96em 0; padding-left:1.66em; position:relative; counter-increment:t;}
.m-12 li::before{position:absolute; left:0; content:counter(t,decimal-leading-zero); top:.4.02em; font-family:var(--display); color:var(--coral); font-size:.76.04em; font-weight:600;}.m-12 ol ol{print-color-adjust:economy; will-change:auto; margin:.27.98em 0; padding-left:.0.95em;}
.m-12 ol ol li::before{content:"—"; color:var(--muted);}
.m-12 a{text-decoration-skip-ink:auto; color:var(--text);}
.m-12 a{font-size:.92.08rem;}
.m-12 a:hover{color:var(--coral);}/* --- Share --- */
.pt-1{display:flex; flex-wrap:wrap; align-items:center; margin-top:2.08rem; gap:.7.05rem 1.17rem;}
.bg-6{display:flex; gap:.4.96rem;}.font-xs:not(._6262ba){font-size:.8.93rem; color:var(--ink); font-weight:500;}
.c-timeline-holder{transition:all var(--t); color:var(--muted); border-radius:var(--r); background:var(--card); width:41px; display:inline-flex; border:1px solid var(--line); align-items:center; justify-content:center; height:37px;}*.c-timeline-holder:hover{background:var(--coral); border-color:var(--coral); color:#navText; transform:translateY(-2px);}

.screen-text{border-top:1px solid var(--line); border:0rem; margin:2.17rem 0 0;}

/* --- Comments --- */
.tracking-around{margin-top:1.55rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}/* --- Section labels (span, never headings) --- */
.font-5:not(._6262ba){font-family:var(--display); color:var(--ink); margin-bottom:1.05rem; font-weight:700; font-size:1.3rem; display:block;}
.shadow-3{display:block;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.z-block{margin-bottom:.85.02rem; gap:.84.93rem; grid-template-columns:1fr 1fr; display:grid;}*.grid-auto{transform-style:flat; font:inherit; transition:border-color var(--t),box-shadow var(--t); padding:.71.94rem .94.97rem; font-size:.95.06rem; width:100%; border-radius:var(--r); border:1px solid var(--line); color:var(--ink); background:var(--card);}html .grid-auto::placeholder{color:var(--muted);}
.grid-auto:focus{box-shadow:0 0 0 1px rgba(218, 76, 55, 0.21); border-color:var(--coral); outline:0;}
.pb-4{print-color-adjust:economy; min-height:123px; margin-bottom:.84.96rem; resize:vertical;}
.z-auto{gap:.4.96rem; display:flex;}
.z-auto .grid-auto{flex:1; font-variant-caps:normal; text-rendering:auto;}

.leading-full{display:inline-flex; line-height:1; transition:background var(--t),transform var(--t),box-shadow var(--t); border-radius:var(--r); padding:.72.04rem 1.68rem; align-items:center; font-size:.94.07rem; justify-content:center; gap:.5.05rem; background:var(--coral); color:#navText; font-family:var(--body); font-weight:700;}
.leading-full:hover{box-shadow:0 2px 18px rgba(250, 76, 47, 0.21); background:var(--coral-600); transform:translateY(-1px); color:#navText;}
.leading-full:active{transform:translateY(0);}.pagination-indicator-filled{padding:.5rem 1.17rem; font-size:.84.93rem;}
.gap-10{background:var(--dark);}
.p-3{width:48px; flex-shrink:0; padding:.71.97rem;}
.gap-10:hover{background:hsl(164, 28.1%, 5.1%);}
.table__expand{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.clear-8{gap:1.04rem; margin:2.55rem auto 0; display:grid; max-width:var(--max); grid-template-columns:1fr 1fr;}
.mb-2xl{font-size:1.09rem; color:var(--ink); font-weight:700; display:block; margin-bottom:.5.04rem; font-family:var(--display);}*.panel__number{padding-top:1.57rem;padding-right:1.57rem;padding-bottom:1.57rem;padding-left:1.57rem;}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.card__input--fluid{background:var(--dark); padding:2.35rem 0 1.88rem; margin-top:0.95rem; color:#close-select;}
.opacity-center{font-size:.92.04rem; margin-bottom:1.18rem; color:var(--muted);}
.card__input--fluid a{color:#close-select;}*.card__input--fluid a:hover{color:#navText; tab-size:4; font-variant-caps:normal;}
.mr-4{display:flex; align-items:center; gap:1.52rem;}
.mr-4{flex-wrap:wrap;}
.order-6{align-items:center; gap:.54.93rem; display:inline-flex;}body .order-6 img{transform-style:flat; border-radius:8px; height:27px; width:30px;}
.order-6 span{font-weight:500; font-family:var(--display); font-size:1.1rem; color:#navText;}html .my-md{margin-left:auto; display:flex; gap:.4.97rem;}
.bg-md{font-size:.8.93rem; gap:1.32rem; display:flex;}
.align-3{border-radius:var(--r); background:rgba(237, 255, 255, 0.09); justify-content:center; width:36px; height:41px; color:#e1d6f89d3; display:inline-flex; align-items:center; transition:all var(--t);}.align-3:hover{background:var(--coral); transform:translateY(-2px); color:#navText;}
.shadow-screen{border-top:1px solid rgba(255, 238, 255, 0.06); text-rendering:auto; perspective:none; padding-top:1.36rem; margin-top:1.58rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.w-12{visibility:hidden; opacity:0; bottom:1.46rem; align-items:center; z-index:900; justify-content:center; box-shadow:var(--sh-2); position:fixed; color:#navText; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); width:43px; height:43px; right:1.47rem; transform:translateY(12px) scale(.9); display:flex; background:var(--coral); font-variant-ligatures:normal; border-radius:var(--r-pill);}
.rounded-xs{color:rgb(156, 148, 158); font-size:.83.96rem;}body .w-12.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}
.w-12:hover{transform:translateY(-3px); background:var(--coral-600);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.pb-6{background:var(--dark); transition:transform 0.411s cubic-bezier(.4,0,.2,1); position:fixed; z-index:950; inset:auto 0 0 0; transform:translateY(100%); color:#e1d6f89d3;}html .pb-6.is-on{transform:translateY(0);}*.overflow-1{gap:1.28rem; justify-content:space-between; align-items:center; padding-bottom:1.02rem; padding-top:1.06rem; display:flex;}.pb-6 p{font-size:.87.97rem; margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.review{display:none; z-index:2000; justify-content:center; inset:0; align-items:center; orphans:2; padding-top:1.18rem;}.pb-6 a{text-decoration:underline; color:#navText;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.review{padding-right:1.18rem; padding-bottom:1.18rem; padding-left:1.18rem; position:fixed;}
.review:target{display:flex;}
.review:target{will-change:auto; animation:modalIn 0.253s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}.align-none:not(._6262ba){backdrop-filter:blur(2px); image-rendering:auto; inset:0; background:rgba(24, 39, 36, 0.56); position:absolute; -webkit-backdrop-filter:blur(2px);}
.shadow-20{background:var(--card); width:100%; border-radius:var(--r-lg); padding:2rem 1.75rem 1.84rem; box-shadow:var(--sh-2); max-width:409px; z-index:1; position:relative;}
.divider-trigger{line-height:1; will-change:auto; right:.94.94rem; top:.7.06rem; perspective:none; position:absolute; color:var(--muted); font-size:1.73rem;}
.divider-trigger:hover{color:var(--ink);}
.font-none{color:var(--ink); font-size:1.35rem; margin-bottom:1.13rem; display:block; font-family:var(--display); font-weight:500;}.ml-none:not(._6262ba){flex-direction:column; display:flex; margin-bottom:1rem; isolation:auto; perspective:none; gap:.6.92rem;}.h-2xl{margin:0; text-align:center; font-size:.88.01rem; color:var(--muted);}
  .tracking-sm{padding:1.55rem 27px; justify-content:flex-start; flex-direction:column; gap:.3.98rem; transform:translateX(100%); transition:transform 0.301s ease; align-items:stretch; position:fixed; overflow-y:auto; inset:58px 0 0 0; background:var(--bg); margin:0;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .pl-xl{display:flex;}.pr-20{gap:.0.92rem; align-items:stretch; flex-direction:column;}.is-open.tracking-sm{transform:translateX(0);}
  .spinnerContainer{padding-top:.7.96rem; border-top:1px solid var(--line); margin:.7.98rem 0 0;}html .pr-auto{padding:.74.98rem 0; font-size:1.13rem;}
  .spinnerContainer .leading-full{margin-top:.3.95rem; font-synthesis:weight style small-caps;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .clear-8{grid-template-columns:1fr;}
  .m-xl{padding:0 16px;}
  .z-block{grid-template-columns:1fr;}
  .pt-1{align-items:flex-start; flex-direction:column;}.mr-4:not(._6262ba){background-blend-mode:normal; gap:1.05rem;}
  .my-md{margin-left:0;}.mr-4:not(._6262ba){will-change:auto;}
  .w-12{bottom:1.12rem; right:1.18rem;}.shadow-20{perspective:none; padding:1.71rem 1.22rem 1.48rem;}.overflow-1{flex-direction:column; align-items:flex-start; gap:.7rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .galleryFill,.card__input--fluid,.w-12,.pb-6,.d-xl,.pt-1,.clear-8,.review{font-variant-caps:normal; page-break-inside:auto; display:none!important;}
  body{color:#000308; font-variant-caps:normal; font-size:12pt; break-inside:auto; background:#navText;}
  .shadow-2,.tracking-around{padding:0px; border:0; box-shadow:none;}
  .mt-10{max-width:none;}
}