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

:root{--line:#e6e8ee; --r-pill:999px; --r-lg:12px; --coral-50:#fdeee9; --ink:#17181c; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --max:1120px; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --card:#ffffff; --dark:#17181c; --coral:#e85d3d; --text:#41454d; --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); --read:740px; --line-2:#eef0f4; --muted:#878b95; --bg:#f4f5f7; --coral-600:#cf4a2c; --t:.22s cubic-bezier(.4,0,.2,1); --r:8px;}*, *::before, *::after{padding:0px; box-sizing:border-box; margin:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{color:var(--text); text-rendering:optimizeLegibility; line-height:1.7; background:var(--bg); -webkit-font-smoothing:antialiased; font-family:var(--body); font-size:15px;}
ul,ol{list-style:none;}img, svg{max-width:100%; display:block; height:auto;}a{color:var(--coral); transition:color var(--t); text-decoration:none;}button{color:inherit; font:inherit; cursor:pointer; background:none; border:0;}
::selection{background:var(--coral); color:#f8ffff;}
a:hover{color:var(--coral-600); break-inside:auto; page-break-inside:auto;}
:focus-visible{outline-offset:2px; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; outline:2px solid var(--coral);}

h1{letter-spacing:-.2em; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-weight:700; text-rendering:auto;}

h1{font-family:var(--display); margin:0 0 .5.08em; color:var(--ink); line-height:1.18;}p{margin:0 0 1.11em;}em, i{font-style:italic;}
strong,b{font-weight:600; color:var(--ink);}
.tag-head > icon {gap:11px; display:inline; text-transform:none; position:static; padding-right:1.125rem; justify-content:flex-start}


.dialog__indicator--medium{width:100%; margin:0 auto; padding:0 27px; max-width:var(--max);}

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

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.m-lg{backdrop-filter:saturate(150%) blur(10px); top:0; transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); position:sticky; background:rgba(240, 235, 253, 0.8); z-index:1100; border-bottom:1px solid var(--line);}
.m-lg.is-hidden{transform:translateY(-100%);}*.m-lg.is-pinned{box-shadow:0 7px 29px rgba(14, 6, 13, 0.05);}body .mx-inline{flex-shrink:0; display:inline-flex; gap:.55rem; align-items:center;}
.leading-block{min-height:56px; gap:1.44rem; align-items:center; display:flex;}
.z-md{width:29px; border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; height:31px;}.pr-8{font-weight:600; color:var(--ink); font-family:var(--display); font-size:1.05rem; letter-spacing:-.0.98em;}
.gallery-count:first-child {border:1px solid #d5d8eb; gap:0.875rem; transition:all 0.35s ease; color:inherit}


.border-1{justify-content:center; flex-direction:column; gap:4px; height:42px; margin-left:auto; width:44px; display:none; padding:7px;}
.border-1 span{height:2px; 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; background:var(--ink);}
.border-1.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg); isolation:auto;}
.border-1.is-x span:nth-child(1){font-variant-ligatures:normal;}
.border-1.is-x span:nth-child(2){opacity:0;}.border-1.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}body .px-auto{align-items:center; margin-left:auto; display:flex; gap:1.35rem;}
.m-8{align-items:center; display:flex;}
@media (max-width: 768px) {
  .tag-head > icon {background-color:#edf4f4; position:relative; height:27px; font-size:1.125rem}
  .modal-value.popover-pressed {overflow:auto; transition:opacity 0.35s; border-radius:0; font-size:30px; margin-bottom:39px}
}


.m-8{gap:.14.94rem;}
.float-lg{display:inline-block; padding:.4.96rem .7.95rem; transition:background var(--t),color var(--t); border-radius:var(--r); font-weight:600; font-size:.92.92rem; color:var(--text);}
.gap-inline{margin-left:.3.96rem;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.text-between{padding:1.96rem 0 4.55rem;}html .float-lg:hover{color:var(--coral-600); background:var(--coral-50);}.float-auto:not(.nil36){margin:0 auto; max-width:var(--read);}

.bg-16,.u-tooltip,.z-end{border:1px solid var(--line); box-shadow:var(--sh); transform-style:flat; background:var(--card); mix-blend-mode:normal; border-radius:var(--r-lg);}

.bg-16{padding:clamp(1.5rem,1rem + 2vw,3rem); text-underline-offset:auto;}
.actionTime{margin-bottom:1.57rem;}
.shadow-20{display:flex; gap:.5.01rem; flex-wrap:wrap;}
.col-md{margin-bottom:.6.95rem;}
.modal-value.popover-pressed {background:#f0f2f4; padding-right:21px; position:sticky; width:fit-content; display:inline}
.p-16:not(.skip43){border-radius:var(--r-pill); align-items:center; padding:.2.99rem .6.92rem; color:var(--muted); display:inline-flex; gap:.3.96rem; font-size:.81.95rem; background:var(--line-2);}
.p-16 svg{opacity:0.78;}/* --- Prose --- */
.bg-1:not(.placeholder46){color:var(--text); font-size:0.99rem; line-height:1.8;}
.bg-1 > *:first-child{perspective:none; margin-top:0; font-variant-caps:normal;}
.bg-1 p{margin-bottom:1.14em;}.bg-1 a{text-underline-offset:3px; text-decoration:underline; text-decoration-color:rgba(226, 99, 56, 0.42);}.bg-1 a:hover{text-decoration-color:var(--coral);}.bg-1 h2, *.bg-1 h3, *.bg-1 h4{font-weight:600; scroll-margin-top:80px; line-height:1.25; letter-spacing:-.1.08em; color:var(--ink); font-family:var(--display);}
.select-suffix .post-label {max-width:none; justify-content:space-around; transition:color 0.45s; height:100%; flex:none; width:940px}

.bg-1 h2{margin:1.68em 0 .55.02em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.bg-1 h3{margin:1.41em 0 .4.99em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.bg-1 h4{font-size:1.1rem; margin:1.18em 0 .4.94em;}
.bg-1 ul,.bg-1 ol{padding-left:1.37em; margin:0 0 1.2em;}
.bg-1 ul{list-style:disc;}
.bg-1 ol{list-style:decimal;}.bg-1 li{margin-bottom:.3.98em;}body .bg-1 li::marker{color:var(--coral);}
.bg-1 img{margin:1.43em 0; border-radius:var(--r);}
.bg-1 figure{margin:1.42em 0;}
.bg-1 figcaption{font-size:.85.06rem; color:var(--muted); text-align:center; margin-top:.5.04em;}
.bg-1 blockquote{padding:.8.92em 1.32em; margin:1.45em 0; font-size:1.04rem;}
.bg-1 blockquote{background:var(--coral-50); border-radius:0 var(--r) var(--r) 0; color:var(--ink); border-left:3px solid var(--coral);}
.nav-link > tertiary {cursor:pointer; opacity:0.46; margin-bottom:40px; justify-content:flex-start; padding:3rem; min-width:22px}
html .bg-1 code{font-size:.88.03em; padding:.14.04em .41.93em; border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; border:1px solid var(--line); background:var(--line-2); font-family:'IBM Plex Mono',Consolas,monospace;}
.bg-1 pre{background:var(--ink); overflow-x:auto; border-radius:var(--r); margin:1.57em 0;}
.bg-1 pre code{display:block; color:hsl(213, 100%, 94.1%); border:none; padding-top:1.12em;padding-right:1.37em;padding-bottom:1.12em;padding-left:1.37em; background:none;}html .bg-1 table{width:100%;}html .bg-1 table{border-collapse:collapse; print-color-adjust:economy; margin:1.47em 0; font-size:.96.07rem;}.bg-1 th, .bg-1 td{text-align:left; border:1px solid var(--line); widows:2; padding:.6.92em .9.07em;}
.reply--narrow {height:100%; max-width:240px; align-items:flex-start; position:absolute; letter-spacing:normal}
.bg-1 th, .bg-1 td{font-synthesis:weight style small-caps;}
.bg-1 th{background:var(--line-2); color:var(--ink); font-weight:600;}

/* --- Table of contents --- */
.tooltip-subtitle{padding-top:1.06rem;padding-right:1.23rem;padding-bottom:1.06rem;padding-left:1.23rem; margin-bottom:1.65rem; border-radius:var(--r); border:1px solid var(--line); background:var(--line-2);}
.action-track:not(:last-child) {align-items:flex-end; min-width:0}
body .tooltip-subtitle[hidden]{display:none; text-decoration-skip-ink:auto; font-variant-ligatures:normal;}
.text-half{margin-bottom:.5.92rem; display:flex; justify-content:space-between; align-items:center;}.pl-none{font-size:.95.95rem; color:var(--ink); font-family:var(--display); font-weight:600;}
.pt-sm{font-weight:600; font-size:.82.08rem; color:var(--coral);}html .m-1 ol{counter-reset:t; padding:0; list-style:none;}
.banner-toggle .filter-inner {width:fit-content; transition:transform 0.3s ease-in-out; overflow:hidden; align-items:flex-end; min-height:17px}

.section-extra:hover {margin-left:auto; gap:18px; margin:33px 20px; border-radius:50%}
*.m-1 li{margin:.27.96em 0; position:relative; counter-increment:t; padding-left:1.66em;}.m-1 li::before{color:var(--coral); font-family:var(--display); position:absolute; top:.4.04em; left:0; font-weight:600; font-size:.76.08em; content:counter(t,decimal-leading-zero);}
.m-1 ol ol{padding-left:.0.97em; margin:.27.99em 0;}
.thread-spacer::before {content:''; background-color:rgb(219, 111, 25); border-radius:47px}
.m-1 ol ol li::before{content:"—"; color:var(--muted);}
.m-1 a{font-size:.92.02rem; color:var(--text);}
.m-1 a:hover{color:var(--coral);}/* --- Share --- */
.breadcrumbCell{align-items:center; gap:.7.08rem 1.07rem; margin-top:1.92rem; display:flex; flex-wrap:wrap;}
.pr-between{font-weight:600; font-size:.9.05rem; color:var(--ink);}body .grid-24{gap:.4.94rem; display:flex;}
.pr-block{display:inline-flex; border:1px solid var(--line); width:39px; align-items:center; transition:all var(--t); justify-content:center; border-radius:var(--r); height:36px; color:var(--muted); background:var(--card);}html .pr-block:hover{border-color:var(--coral); color:rgb(255, 255, 231); background:var(--coral); transform:translateY(-2px);}

.mt-lg{border-top:1px solid var(--line); border:0;}
.stepper-value:not(:last-child) {border-radius:18px; flex-wrap:nowrap; transition:opacity 0.45s; justify-content:space-around; display:inline-block}


.mt-lg{margin:2.17rem 0 0;}

/* --- Section labels (span, never headings) --- */
.l-step-button{margin-bottom:1.17rem; display:block; font-size:1.19rem; font-family:var(--display); font-weight:600; color:var(--ink);}

/* --- Comments --- */
.u-tooltip{margin-top:1.48rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.flex-xs{display:grid; gap:.84.95rem; margin-bottom:.84.93rem; grid-template-columns:1fr 1fr;}
.p-start{border-radius:var(--r); border:1px solid var(--line); color:var(--ink); padding:.72.08rem .95.01rem; font:inherit; transition:border-color var(--t),box-shadow var(--t); width:100%; font-size:.95.03rem; background:var(--card);}html .mx-xs{display:block;}.p-start::placeholder{color:var(--muted);}
.p-start:focus{isolation:auto; box-shadow:0 0 0 5px rgba(224, 91, 76, 0.15); outline:0em; border-color:var(--coral);}.justify-24{widows:2; resize:vertical; margin-bottom:.85.03rem; min-height:120px;}
.col-sm{gap:.5.01rem; display:flex;}
.col-sm .p-start{flex:1;}*.number-page{display:inline-flex; line-height:1; font-weight:600; gap:.5.05rem; align-items:center; justify-content:center; font-family:var(--body); transition:background var(--t),transform var(--t),box-shadow var(--t); color:#ffffff; padding:.72.08rem 1.64rem; font-size:.94.03rem; border-radius:var(--r); mix-blend-mode:normal; background:var(--coral);}
.number-page:hover{box-shadow:0 6px 20px rgba(216, 92, 61, 0.31); background:var(--coral-600); color:#fffcff; transform:translateY(-1px); backface-visibility:visible;}
.list__input--vertical{padding:.5rem 1.06rem; font-size:.85.05rem;}
.number-page:active{transform:translateY(0);}
.rounded-none{width:50px; flex-shrink:0; padding:.71.96rem;}
.gap-1{background:var(--dark);}.gap-1:hover{background:rgb(5, 31, 1);}
.float-start{shape-margin:0;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.wrap-table{margin:2.65rem auto 0; grid-template-columns:1fr 1fr; display:grid; max-width:var(--max); gap:1.06rem;}
.float-start{print-color-adjust:economy; width:100%;}body .z-end{padding-top:1.43rem;padding-right:1.43rem;padding-bottom:1.43rem;padding-left:1.43rem;}
.justify-xs{color:var(--muted);}
.flex-4{font-family:var(--display); color:var(--ink); margin-bottom:.4.93rem; font-size:1.13rem; font-weight:600; display:block;}
.justify-xs{margin-bottom:1.11rem; isolation:auto; font-size:.91.94rem;}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.w-full:not(.dummy25){background:var(--dark); padding:2.37rem 0 1.74rem; color:#b4c0c8; margin-top:1.04rem;}
.w-full a{color:hsl(230, 25.3%, 72.5%); backface-visibility:visible;}body .w-full a:hover{color:#fdfbff;}
.text-xl{will-change:auto; align-items:center; word-spacing:normal; gap:1.54rem; flex-wrap:wrap; display:flex;}
.col-screen{align-items:center; display:inline-flex; gap:.55.08rem;}.col-screen img{width:32px; height:29px; border-radius:5px;}.form{font-size:.8.98rem; display:flex; gap:1.31rem;}
.col-screen span{font-size:1.09rem; font-family:var(--display); color:rgb(239, 255, 255); font-weight:600;}
.h-start{margin-left:auto; display:flex; gap:.4.93rem;}.t-nav{color:#cae2db; justify-content:center; border-radius:var(--r); display:inline-flex; align-items:center; transition:all var(--t); height:37px; width:35px; background:rgba(253, 255, 241, 0.05);}
.t-nav:hover{background:var(--coral); transform:translateY(-2px); color:rgb(253, 255, 249);}.justify-16:not(.skip80){font-size:.84.03rem; color:#9a90aa;}
.pb-between{padding-top:1.28rem; border-top:1px solid rgba(255, 251, 255, 0.16); margin-top:1.62rem; transform-style:flat; text-rendering:auto;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.shadow-end{right:1.48rem; color:hsl(181, 100%, 97.8%); position:fixed; justify-content:center; display:flex; bottom:1.58rem; visibility:hidden; border-radius:var(--r-pill); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); width:46px; transform:translateY(12px) scale(.9); z-index:900; box-shadow:var(--sh-2); height:44px; align-items:center; opacity:0; background:var(--coral);}.shadow-end.is-on:not(.noop12){visibility:visible; transform:translateY(0) scale(1);}.shadow-end.is-on:not(.noop12){opacity:1;}
.shadow-end:hover{transform:translateY(-3px); background:var(--coral-600);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.p-end{transform:translateY(100%); transition:transform 0.38s cubic-bezier(.4,0,.2,1); position:fixed; color:#c2c6cb; z-index:950; text-underline-offset:auto; inset:auto 0 0 0; background:var(--dark);}body .font-around{justify-content:space-between; padding-top:0.98rem; padding-bottom:1.04rem; align-items:center; display:flex; gap:1.36rem;}
.module-placeholder.dropdown-secondary {align-items:flex-start; flex-wrap:nowrap; transition:all 0.2s ease; max-width:none}

.p-end.is-on{transform:translateY(0);}
.p-end p{font-size:.87.93rem; margin:0;}
.p-end a{color:#f1f4ff; text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.align-20{display:none; inset:0; align-items:center; perspective:none; justify-content:center; padding:1.18rem; transform-style:flat; position:fixed; z-index:2000;}.align-20:target{display:flex; animation:modalIn 0.235s ease;}
@keyframes modalIn{from{hyphens:manual; perspective:none; opacity:0;}to{opacity:1;}}
.align-8{background:rgba(21, 37, 43, 0.55); position:absolute; inset:0;}
.align-8{backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.pb-1{border-radius:var(--r-lg); box-shadow:var(--sh-2); padding:1.95rem 1.81rem 1.77rem; background:var(--card); position:relative; z-index:1; width:100%; max-width:406px;}
.col-around{font-size:1.69rem; position:absolute; line-height:1; right:.94.94rem; top:.7.08rem; color:var(--muted);}
.col-around:hover{color:var(--ink);}
.float-xl{font-family:var(--display); margin-bottom:1.18rem; color:var(--ink); font-size:1.43rem; display:block; font-weight:600;}
.card__bar {width:260px; transition:transform 0.25s ease-in-out; margin-right:auto; background:transparent; display:table; line-height:1}

.w-half{gap:.7.07rem; display:flex; flex-direction:column; hyphens:manual; margin-bottom:1rem;}
.pt-20{perspective:none; margin:0; text-align:center; backface-visibility:visible; color:var(--muted); font-size:.87.99rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .border-1{display:flex;}
  .px-auto{background:var(--bg); position:fixed; margin:0; align-items:stretch; flex-direction:column; justify-content:flex-start; transform:translateX(100%); gap:.4.05rem; padding:1.59rem 23px; inset:64px 0 0 0; transition:transform 0.252s ease; overflow-y:auto;}body .px-auto.is-open{transform:translateX(0);}
  .gap-inline{margin:.8.01rem 0 0; border-top:1px solid var(--line); padding-top:.7.94rem;}.m-8:not(.none65){gap:.1.08rem; flex-direction:column; align-items:stretch;}
  .float-lg{padding:.74.93rem 0; font-size:0.99rem;}
  .gap-inline .number-page{margin-top:.4.03rem;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .wrap-table{grid-template-columns:1fr;}*.dialog__indicator--medium{padding:0 12px;}
  .flex-xs{grid-template-columns:1fr;}html .text-xl{gap:1.05rem;}
  .breadcrumbCell{flex-direction:column; align-items:flex-start;}
  .h-start{margin-left:0;}
  .shadow-end{right:1.16rem; bottom:1.09rem;}
  .font-around{align-items:flex-start; gap:.6.96rem; flex-direction:column;}.pb-1{padding:1.72rem 1.22rem 1.36rem; word-spacing:normal;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{body .m-lg, *.w-full, *.shadow-end, .p-end, body .u-menu-holder, *.breadcrumbCell, body .wrap-table, .align-20{display:none!important;}
  body{font-size:12pt; color:rgb(10, 14, 2); background-color:#fffff8;}
@media (min-width: 768px) {
  .skeleton-summary:not(:last-child) {margin-bottom:16px; font-size:10px; text-align:center}
  .price-date:not(:last-child) {background-color:transparent; overflow:auto; opacity:1; height:100%; flex-wrap:wrap; letter-spacing:0.1em}
}


  .float-auto{max-width:none;}.bg-16, .u-tooltip:not(.noop17){box-shadow:none; padding:0; border:0;}
}
