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

:root{--max:1120px; --coral-50:#fdeee9; --read:740px; --line:#e6e8ee; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --dark:#17181c; --muted:#878b95; --r:8px; --ink:#17181c; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --coral:#e85d3d; --r-pill:999px; --line-2:#eef0f4; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --text:#41454d; --r-lg:12px; --card:#ffffff; --coral-600:#cf4a2c; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --t:.22s cubic-bezier(.4,0,.2,1); --bg:#f4f5f7;}*, *::before, *::after{padding:0; margin:0; box-sizing:border-box;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{background:var(--bg); line-height:1.7;}
body{-webkit-font-smoothing:antialiased; color:var(--text); font-family:var(--body); text-rendering:optimizeLegibility; font-size:18px;}
img,svg{display:block; height:auto; max-width:100%;}
.sidebar-region:hover {flex-wrap:nowrap; overflow:auto; transition:opacity 0.35s; color:#999999}

ul,ol{list-style:none;}
.accordion__title {margin-right:15px; padding-right:3rem; letter-spacing:0.075em; background:#cce4d1}

button{background:none; font:inherit; color:inherit; cursor:pointer; border:none;}a{color:var(--coral); text-decoration:none; transition:color var(--t);}
a:hover{color:var(--coral-600);}
:focus-visible{isolation:auto; border-radius:1px; outline:2px solid var(--coral); outline-offset:2px;}
::selection{background:var(--coral); color:#fef4ff;}h1{line-height:1.18; font-weight:700; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.1.99em; color:var(--ink); margin:0 0 .5.02em; font-family:var(--display);}
p{font-synthesis:weight style small-caps; margin:0 0 1.16em;}
strong,b{font-weight:600; color:var(--ink);}

.el-hero{margin:0 auto; max-width:var(--max); padding:0 21px; width:100%;}
em,i{font-style:italic;}
.avatar-head > indicator {font-size:21px; min-height:100vh}
/* --- Scroll progress --- */
.gap-3{position:fixed; background:linear-gradient(90deg,var(--coral),var(--coral-600)); z-index:1200;}/* --- Scroll progress --- */
.gap-3{width:0; height:2px; transition:width 0.114s linear; inset:0 auto auto 0;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.my-none{position:sticky; word-spacing:normal; z-index:1100; background:rgba(250, 229, 255, 0.92); backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); border-bottom:1px solid var(--line); print-color-adjust:economy; top:0; -webkit-backdrop-filter:saturate(150%) blur(10px);}
.my-none.is-hidden{transform:translateY(-100%); text-underline-offset:auto;}
@media (min-width: 800px) {
  .avatar-head > indicator {position:static; flex-wrap:nowrap; display:none; color:currentColor; font-weight:600}
  .block-item > preview {display:flex; opacity:1; margin:0 auto; letter-spacing:normal; align-items:flex-start}
}


.my-none.is-pinned{box-shadow:0 10px 26px rgba(24, 35, 26, 0.03);}html .z-24{display:flex; gap:1.41rem; align-items:center; min-height:58px;}
.opacity-md{flex-shrink:0; gap:.55.04rem; align-items:center; display:inline-flex;}
.c-box-icon{width:28px; border-radius:4px; height:32px;}
.t-select{letter-spacing:-.0.95em; font-weight:600; font-size:1.14rem; font-family:var(--display); color:var(--ink);}

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

.h-auto{margin-left:auto; align-items:center; display:flex; gap:1.32rem;}
.c-form-thumb{gap:.14.99rem; display:flex; align-items:center;}
.opacity-8{margin-left:.4.04rem;}
#accordion-group {transition:transform 0.35s ease-in-out; align-items:flex-start}

.rounded-3{display:inline-block; transition:background var(--t),color var(--t); hyphens:manual; padding:.4.98rem .8.08rem; border-radius:var(--r); font-size:.92.97rem; isolation:auto; color:var(--text); font-weight:600;}
.rounded-3:hover{color:var(--coral-600); background:var(--coral-50);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.h-lg{padding:1.98rem 0 4.53rem;}
.gap-xl{contain:none; max-width:var(--read); margin:0 auto; font-variant-caps:normal;}.tracking-5, .pt-none:not(.null55), .mt-screen{border-radius:var(--r-lg); border:1px solid var(--line); background:var(--card); box-shadow:var(--sh);}html .tracking-5{padding:clamp(1.5rem,1rem + 2vw,3rem);}.tracking-8{font-synthesis:weight style small-caps; margin-bottom:1.67rem;}
.shadow-around{gap:.4.99rem; flex-wrap:wrap; image-rendering:auto; display:flex; break-inside:auto;}.my-sm{margin-bottom:.7.05rem; image-rendering:auto;}
.w-24{gap:.4.01rem; align-items:center; display:inline-flex; padding:.2.93rem .6.94rem; background:var(--line-2); border-radius:var(--r-pill); font-size:.81.98rem; color:var(--muted);}.w-24 svg{opacity:0.77;}

/* --- Prose --- */
.m-xs{font-size:0.99rem; color:var(--text); line-height:1.8;}html .m-xs > *:first-child{page-break-inside:auto; margin-top:0;}
.m-xs p{margin-bottom:1.2em;}
.m-xs a{text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(232, 105, 64, 0.45);}
.block-item > preview {text-align:left; margin-left:auto; text-decoration:none; min-width:0; width:auto}
html .m-xs a:hover{text-decoration-color:var(--coral);}
.breadcrumb-area::before {content:''; max-width:none; justify-content:space-between; transition:transform 0.4s ease-in-out}

.m-xs h2,.m-xs h3,.m-xs h4{line-height:1.25; scroll-margin-top:80px; letter-spacing:-.1.04em; font-weight:600; color:var(--ink); font-family:var(--display);}
.m-xs h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.65em 0 .54.93em;}
.m-xs h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.44em 0 .5em;}
.m-xs h4{margin:1.16em 0 .5.07em; font-size:1.02rem;}
.m-xs ul,.m-xs ol{margin:0 0 1.18em; padding-left:1.32em;}body .m-xs ul{list-style:disc;}
.m-xs ol{list-style:decimal;}
.m-xs li{margin-bottom:.4.08em;}
.m-xs li::marker{color:var(--coral);}.m-xs img{border-radius:var(--r); margin:1.55em 0;}
.m-xs figure{margin:1.48em 0;}body .m-xs figcaption{font-size:.84.99rem; color:var(--muted); margin-top:.5.03em; text-align:center;}
.m-xs blockquote{font-size:1.11rem; border-left:3px solid var(--coral); background:var(--coral-50); border-radius:0 var(--r) var(--r) 0; color:var(--ink); padding:.8.99em 1.24em; margin:1.57em 0;}
.m-xs code{font-size:.88.07em; border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; background:var(--line-2); padding:.13.99em .42.06em; border:1px solid var(--line); font-family:'IBM Plex Mono',Consolas,monospace;}
.m-xs pre{background:var(--ink); border-radius:var(--r); overflow-x:auto; margin:1.47em 0;}
.m-xs pre code{background:none; display:block; border:none; print-color-adjust:economy; color:#d8e9f3; padding-top:1.22em;padding-right:1.4em;padding-bottom:1.22em;padding-left:1.4em;}.m-xs table{width:100%; margin:1.54em 0; font-size:.95.95rem; border-collapse:collapse;}html .m-xs th, .m-xs td{border:1px solid var(--line); text-align:left; padding:.6.92em .8.98em;}
.accordion-link .nav-text {transition:all 0.25s ease; justify-content:center; min-width:31px; background:#efd61a}

.m-xs th{font-weight:600; color:var(--ink); background:var(--line-2);}/* --- Table of contents --- */
.order-24:not(.skip50){border-radius:var(--r); border:1px solid var(--line); margin-bottom:1.62rem; padding-top:0.98rem;padding-right:1.21rem;padding-bottom:0.98rem;padding-left:1.21rem; background:var(--line-2);}
.order-24[hidden]{display:none;}.c-grid-label:not(.skip93){display:flex; margin-bottom:.6.08rem; justify-content:space-between; align-items:center;}
.mb-auto{font-family:var(--display); font-size:.96rem; color:var(--ink); font-weight:600;}
.pt-full{font-weight:600; font-size:.82.03rem; color:var(--coral);}
.bg-3 ol{list-style:none; padding:0;}
.bg-3 ol{counter-reset:t;}
.bg-3 li{padding-left:1.66em; position:relative;}
.bg-3 li{counter-increment:t; margin:.28.08em 0;}
.bg-3 li::before{font-family:var(--display); position:absolute; left:0; font-weight:600; font-size:.76.04em; content:counter(t,decimal-leading-zero); color:var(--coral); top:.4.07em;}body .bg-3 ol ol{margin:.27.98em 0; padding-left:.1.01em;}
.bg-3 ol ol li::before{content:"—"; color:var(--muted); text-rendering:auto;}html .bg-3 a{color:var(--text); font-size:.92.05rem;}

/* --- Share --- */
.widget-wrapper-secondary{flex-wrap:wrap; align-items:center; margin-top:2.04rem; display:flex; gap:.6.92rem 1.11rem;}
.bg-3 a:hover{color:var(--coral);}
.pb-16{color:var(--ink); font-size:.9.05rem; font-weight:600;}
.section__summary{gap:.4.96rem; display:flex;}
.w-6{transition:all var(--t); background:var(--card); width:40px; height:39px; color:var(--muted); justify-content:center; border:1px solid var(--line); border-radius:var(--r); display:inline-flex; align-items:center;}
.w-6:hover{color:#ffffff; background:var(--coral); transform:translateY(-2px); border-color:var(--coral);}

.bg-2{border:0; margin:2.27rem 0 0;}

.bg-2{border-top:1px solid var(--line);}/* --- Section labels (span, never headings) --- */
.mr-1{display:block; margin-bottom:1.14rem; font-weight:600; font-family:var(--display); font-size:1.32rem; color:var(--ink);}/* --- Comments --- */
.pt-none{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.43rem;}/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.font-6:not(.nil96){margin-bottom:.84.94rem; display:grid; grid-template-columns:1fr 1fr; gap:.85.06rem;}
.col-24{display:block;}*.mr-20{border:1px solid var(--line); padding:.72.03rem .95.03rem; font-size:.95.01rem; font:inherit; color:var(--ink); border-radius:var(--r); transition:border-color var(--t),box-shadow var(--t); background:var(--card); width:100%;}.mr-20::placeholder{color:var(--muted);}
.mr-20:focus{outline:0px; box-shadow:0 0 0 -1px rgba(216, 75, 73, 0.07); border-color:var(--coral);}
.mr-xs{resize:vertical; margin-bottom:.85.07rem; min-height:116px;}
.tabs__foot {padding-bottom:1.25rem; background:transparent; margin-top:1.75rem; width:auto}
.grid-between{display:flex; gap:.4.94rem;}body .grid-between .mr-20{flex:1;}

.t-layout-wrap{gap:.4.99rem; font-weight:600; display:inline-flex; align-items:center; padding:.72.08rem 1.66rem; transition:background var(--t),transform var(--t),box-shadow var(--t); border-radius:var(--r); line-height:1; color:#fffaf9; font-family:var(--body); font-size:.94.07rem; background:var(--coral); justify-content:center;}
.t-layout-wrap:hover{box-shadow:0 5px 18px rgba(249, 95, 56, 0.29); transform:translateY(-1px); color:#fffcf0; background:var(--coral-600);}
.t-layout-wrap:active{transform:translateY(0);}
.m-md{font-size:.84.99rem; padding:.5.02rem 1.17rem;}
.align-lg{width:44px; padding:.71.93rem; flex-shrink:0;}.mb-xl:not(.noop87){background:var(--dark);}
.px-lg{width:100%;}*.mb-xl:hover{background:#000d06;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.body-toolbar:not(.none29){gap:1.17rem; margin:2.68rem auto 0; display:grid; max-width:var(--max);}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.body-toolbar:not(.none29){grid-template-columns:1fr 1fr;}
.visible-none{display:block; margin-bottom:.5rem; font-family:var(--display); font-size:1.04rem; font-weight:600; color:var(--ink);}
.screen-count:first-child {border-radius:45px; align-items:center}

.mt-screen{padding:1.55rem;}
.mr-16{margin-bottom:1.16rem; font-size:.91.98rem; color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.leading-6{margin-top:0.92rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.leading-6{padding:2.43rem 0 1.84rem; color:#c9b6c4; background:var(--dark);}
.leading-6 a{color:rgb(195, 214, 199);}
.justify-center{display:flex; align-items:center; flex-wrap:wrap; gap:1.52rem;}
.footer-region {display:inline-flex; flex:1 1 0%; flex-wrap:wrap; text-decoration:none}

.search-head > wrap {transition:transform 0.45s ease-in-out; margin-top:0.625rem; height:12px}

.leading-6 a:hover{color:#ffffff;}
.l-panel{align-items:center; display:inline-flex; gap:.55.08rem;}
.l-panel img{font-variant-caps:normal; border-radius:5px; width:26px; word-spacing:normal; height:27px;}
.l-panel span{color:hsl(300, 100%, 99%);}
.l-panel span{font-family:var(--display); font-size:1.05rem; font-weight:600;}
.border-auto{gap:1.26rem;}
.border-auto{font-size:.8.95rem; display:flex;}.overflow-8{gap:.4.93rem; margin-left:auto; display:flex;}
.flex-5{background:rgba(255, 255, 255, 0.05); align-items:center; height:35px; width:36px; border-radius:var(--r); justify-content:center; display:inline-flex; transition:all var(--t); color:rgb(219, 185, 236);}
.flex-5:hover{color:#f5f7ff; transform:translateY(-2px); background:var(--coral);}
.reply__image--wide{border-top:1px solid rgba(246, 239, 254, 0.11); margin-top:1.65rem; padding-top:1.3rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.pl-screen{color:#f3eefd; width:49px; visibility:hidden; transform:translateY(12px) scale(.9); z-index:900; opacity:0; justify-content:center; box-shadow:var(--sh-2); display:flex; border-radius:var(--r-pill); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); background:var(--coral); bottom:1.56rem; font-synthesis:weight style small-caps;}
.gap-end{font-size:.84.02rem; color:rgb(155, 173, 139); print-color-adjust:economy;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.pl-screen{right:1.48rem; height:50px; position:fixed; align-items:center;}
.pl-screen.is-on{visibility:visible; opacity:1; transform:translateY(0) scale(1);}html .pl-screen:hover{transform:translateY(-3px); tab-size:4; background:var(--coral-600); transform-style:flat;}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.opacity-20{inset:auto 0 0 0; color:#dfcacd; transform:translateY(100%); position:fixed; transition:transform 0.422s cubic-bezier(.4,0,.2,1); background:var(--dark); z-index:950;}
.rating-column {position:relative; opacity:0.78; display:inline-block; font-size:0.875rem}
body .opacity-20.is-on{transform:translateY(0);}
.opacity-20 p{text-rendering:auto; font-size:.88.08rem; margin:0;}
.px-auto{padding-top:0.93rem; display:flex; align-items:center; padding-bottom:0.93rem; justify-content:space-between; gap:1.28rem;}
.opacity-20 a{text-decoration:underline; color:#fefbff;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.col-between{align-items:center; justify-content:center; inset:0; display:none; position:fixed; z-index:2000; padding:1.28rem;}
.col-between:target{display:flex; animation:modalIn 0.201s ease;}
@keyframes modalIn{from{opacity:0;}to{page-break-inside:auto; opacity:1; text-rendering:auto;}}
.my-10{background:rgba(16, 20, 25, 0.51); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); position:absolute; inset:0;}
.bg-screen{max-width:412px; contain:none; z-index:1;}
.bg-screen{box-shadow:var(--sh-2); word-spacing:normal; border-radius:var(--r-lg); background:var(--card); width:100%; position:relative; padding:1.94rem 1.84rem 1.87rem;}
.cardRow{color:var(--muted); font-size:1.71rem; right:.94.99rem; top:.7.08rem; position:absolute; line-height:1;}
.cardRow:hover{color:var(--ink);}
.grid-lg{font-weight:600; color:var(--ink); font-size:1.44rem; margin-bottom:1.25rem; font-family:var(--display); display:block;}.align-2:not(.noop49){display:flex;}
.border-full{margin:0; font-size:.88.08rem; color:var(--muted); text-align:center;}.align-2:not(.noop49){margin-bottom:1.04rem; flex-direction:column; gap:.7.06rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){html .align-block{transform-style:flat;}html .align-block{display:flex; font-synthesis:weight style small-caps;}
  .h-auto{margin:0rem; gap:.3.98rem; flex-direction:column; inset:64px 0 0 0; transform:translateX(100%); justify-content:flex-start; padding:1.59rem 23px; position:fixed; transition:transform 0.305s ease; background:var(--bg); align-items:stretch; overflow-y:auto;}
  .h-auto.is-open{transform:translateX(0); print-color-adjust:economy; background-blend-mode:normal;}
  .c-form-thumb{align-items:stretch; flex-direction:column; gap:.0.96rem;}
  .opacity-8{margin:.7.99rem 0 0; border-top:1px solid var(--line); padding-top:.8.06rem;}
  .rounded-3{padding:.75.02rem 0; font-size:1.06rem;}
  .opacity-8 .t-layout-wrap{margin-top:.4.07rem;}
.stepper--filled {text-decoration:underline; transition:color 0.25s; border:1px solid #bbbbbb; padding-left:2px; text-align:justify; position:relative}

  .body-toolbar{grid-template-columns:1fr;}
}
@media (max-width:560px){:root{--r-lg:10px;}body .el-hero{padding:0 15px;}
  .font-6{grid-template-columns:1fr;}.widget-wrapper-secondary{align-items:flex-start; flex-direction:column;}
  .justify-center{gap:1.18rem;}
  .overflow-8{margin-left:0;}
  .pl-screen{bottom:1.02rem; right:1.04rem; font-synthesis:weight style small-caps; text-rendering:auto;}
  .px-auto{gap:.6.99rem; flex-direction:column; align-items:flex-start;}*.bg-screen{will-change:auto; padding:1.62rem 1.27rem 1.38rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{*.my-none, html .leading-6, .pl-screen:not(.noop38), html .opacity-20, .gap-3, .widget-wrapper-secondary, .body-toolbar, .col-between{display:none!important;}body{color:#000010; font-size:12pt; background:#ffffff;}
  .tracking-5,.pt-none{box-shadow:none; border:0 none; padding:0;}
  .gap-xl{max-width:none;}
}