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

:root{--coral:#e85d3d; --muted:#878b95; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --r-pill:999px; --coral-600:#cf4a2c; --read:740px; --coral-50:#fdeee9; --text:#41454d; --dark:#17181c; --max:1120px; --r:8px; --line-2:#eef0f4; --r-lg:12px; --t:.22s cubic-bezier(.4,0,.2,1); --card:#ffffff; --line:#e6e8ee; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --bg:#f4f5f7; --ink:#17181c; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;}*, *::before, *::after{box-sizing:border-box; backface-visibility:visible; padding:0; margin:0em; image-rendering:auto;}body{line-height:1.7; background:var(--bg); -webkit-font-smoothing:antialiased; color:var(--text); font-family:var(--body); text-rendering:optimizeLegibility; font-size:18px;}
.box-icon {min-width:37px; text-decoration:underline; position:sticky; line-height:1; width:auto}

html{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%; background-blend-mode:normal; isolation:auto; scroll-behavior:smooth;}img, svg{max-width:100%;}img, svg{display:block; height:auto; font-variant-caps:normal;}
ul,ol{list-style:none;}button{font:inherit; background:none; cursor:pointer; border:0 none; color:inherit;}
a{color:var(--coral); transition:color var(--t); text-decoration:none;}a:hover{color:var(--coral-600);}
::selection{color:#ffffff; background:var(--coral);}:focus-visible{outline-offset:2px; outline:2px solid var(--coral); border-radius:7px;}

h1{line-height:1.18; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-weight:bold; color:var(--ink); letter-spacing:-.2.05em; margin:0 0 .5.04em; font-family:var(--display);}
p{margin:0 0 1.04em;}strong, b{color:var(--ink); font-weight:600;}em, i{font-style:italic;}.row-20:not(.empty92){width:100%; max-width:var(--max); margin:0 auto; padding:0 28px;}/* --- Scroll progress --- */
.col-5{background:linear-gradient(90deg,var(--coral),var(--coral-600)); inset:0 auto auto 0; transition:width 0.055s linear; z-index:1200; height:2px; width:0; position:fixed;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.popoverHolder{background:rgba(239, 251, 233, 0.9); position:sticky; top:0; border-bottom:1px solid var(--line); transition:transform var(--t),box-shadow var(--t); z-index:1100; -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px);}.popoverHolder.is-hidden{transform:translateY(-100%);}.popoverHolder.is-pinned:not(.nil40){box-shadow:0 12px 27px rgba(29, 15, 25, 0.06);}
.order-between{align-items:center; display:flex; orphans:2; gap:1.48rem; text-decoration-skip-ink:auto; min-height:61px;}.clear-8{gap:.55.06rem; display:inline-flex; align-items:center; flex-shrink:0;}html .c-screen-slot{letter-spacing:-.0.95em; font-weight:600; color:var(--ink); font-size:1.16rem; font-family:var(--display);}
.py-1{border-radius:8px; height:31px; width:35px;}*.pb-start{justify-content:center; width:38px; display:none; margin-left:auto; flex-direction:column; orphans:2; height:38px; padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px; gap:8px; page-break-inside:auto;}.pb-start span{height:2px; transition:transform var(--t),opacity var(--t); border-radius:2px; background:var(--ink);}
.pb-start.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.pb-start.is-x span:nth-child(2){opacity:0;}

.w-6{gap:1.35rem; display:flex; align-items:center; margin-left:auto;}
.panel--hover {margin-left:auto; border:none; min-width:0; position:absolute; transition:all 0.4s ease}
.is-x.pb-start span:nth-child(3){transform:translateY(-7px) rotate(-45deg); shape-margin:0;}
.bg-sm{gap:.15.08rem; word-spacing:normal; tab-size:4; align-items:center; display:flex;}
.pb-4{margin-left:.4.08rem;}
.align-2{color:var(--text); display:inline-block; word-spacing:normal; font-weight:600; font-size:.93.06rem; border-radius:var(--r); transition:background var(--t),color var(--t); padding:.4.99rem .8.06rem;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.visible-10{padding:1.96rem 0 4.5rem;}*.align-2:hover{background:var(--coral-50); color:var(--coral-600);}

.action-medium,.ml-between,.m-around{border:1px solid var(--line); background:var(--card); box-shadow:var(--sh); border-radius:var(--r-lg);}
.w-8{max-width:var(--read); margin:0 auto;}body .my-3{margin-bottom:1.67rem;}

.action-medium{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.breadcrumb-handle:not(:last-child) {transition:color 0.5s; font-weight:600; flex:0 0 auto; color:#bbbbbb}
html .pb-2{margin-bottom:.7.01rem;}
.h-10{gap:.5.04rem; flex-wrap:wrap; display:flex;}
.font-1{color:var(--muted); background:var(--line-2); font-size:.81.99rem; border-radius:var(--r-pill); padding:.2.92rem .7.01rem;}
.font-1{align-items:center; display:inline-flex; gap:.3.99rem;}
.font-1 svg{opacity:0.72;}

/* --- Prose --- */
.my-0{font-size:1.05rem; line-height:1.8; color:var(--text);}
.my-0 > *:first-child{margin-top:0;}
.my-0 p{margin-bottom:1.16em; contain:none;}
.my-0 a{text-decoration:underline; text-decoration-color:rgba(226, 102, 67, 0.37); text-underline-offset:3px;}
.my-0 a:hover{text-decoration-color:var(--coral);}.my-0 h2, html .my-0 h3, .my-0 h4{color:var(--ink); letter-spacing:-.0.92em; line-height:1.25; font-weight:600; font-family:var(--display); scroll-margin-top:80px;}.my-0 h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.64em 0 .55.08em;}
.my-0 h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.47em 0 .5.02em;}
.my-0 h4{orphans:2; font-size:1.09rem; transform-style:flat; margin:1.17em 0 .4.93em;}body .my-0 ul, html .my-0 ol{margin:0 0 1.19em; padding-left:1.42em;}
.my-0 ul{list-style:disc; will-change:auto;}
.divider-expand .sort-text {overflow:auto; min-width:4px}
*.my-0 ol{list-style:decimal;}
.my-0 li{margin-bottom:.4.08em;}
@media (min-width: 1440px) {
  .divider-expand .sort-text {transition:all 0.35s ease; align-items:stretch; width:100%; gap:1.75rem; text-transform:lowercase; text-decoration:underline}
  .progress-handle .panel-thumb {width:520px; min-width:25px; padding:1.125rem; display:inline; padding-bottom:0.25rem}
  #gallery-area {position:static; border-radius:42px; justify-content:flex-end; min-height:100vh; padding-top:1.5rem}
}


.my-0 li::marker{color:var(--coral);}.my-0 img{border-radius:var(--r);}.my-0 img{margin:1.49em 0; hyphens:manual; background-blend-mode:normal;}
.my-0 figure{contain:none; margin:1.58em 0;}
.my-0 figcaption{font-size:.84.93rem;}
.my-0 figcaption{color:var(--muted); text-align:center; margin-top:.5.03em;}
.my-0 blockquote{margin:1.52em 0; word-spacing:normal; font-size:1.12rem; background:var(--coral-50); border-radius:0 var(--r) var(--r) 0; border-left:3px solid var(--coral); mix-blend-mode:normal; padding:.9.03em 1.37em; color:var(--ink);}body .my-0 code{font-size:.88.04em; font-family:'IBM Plex Mono',Consolas,monospace; border-radius:9px; background:var(--line-2); border:1px solid var(--line); padding:.14.04em .42.02em;}
.my-0 pre{overflow-x:auto; background:var(--ink); border-radius:var(--r); margin:1.51em 0;}
.my-0 pre code{border:0;}
.my-0 pre code{background:none; padding:1.28em 1.4em; color:#d8f6ec; display:block;}
.my-0 table{border-collapse:collapse; font-size:.96.04rem; margin:1.48em 0; width:100%;}
.my-0 th,.my-0 td{text-align:left;}
.my-0 th,.my-0 td{border:1px solid var(--line); padding:.7em .8.94em;}
.my-0 th{font-weight:600; background:var(--line-2); color:var(--ink);}

/* --- Table of contents --- */
.ui-block{background:var(--line-2); padding:1.09rem 1.32rem; border-radius:var(--r); border:1px solid var(--line); margin-bottom:1.53rem;}
.tracking-full{align-items:center; margin-bottom:.6.07rem; display:flex; justify-content:space-between;}
.ui-block[hidden]{display:none;}
.py-12{color:var(--ink); font-family:var(--display); font-weight:600; font-size:.95.94rem;}
@media (max-width: 1440px) {
  .badge-data.page-outlined {min-height:100vh; position:absolute; letter-spacing:normal; transition:color 0.5s; cursor:pointer; flex-wrap:wrap}
  .grid-outer .timeline-suffix {position:static; transition:opacity 0.5s; display:grid}
  .rating--wide {transition:transform 0.45s ease-in-out; border:1px solid #33e4ca; text-align:center}
  .profile-zone.media-compact {transition:all 0.2s ease; text-transform:lowercase}
}


#action-subtitle {margin-left:23px; margin-right:26px; margin:46px; display:table}

.justify-between{font-weight:600; color:var(--coral); font-size:.81.99rem;}
.pl-sm ol{list-style:none; counter-reset:t;}
.pl-sm ol{padding:0;}html .pl-sm li{counter-increment:t; margin:.27.93em 0; tab-size:4; padding-left:1.76em; position:relative; hyphens:manual;}html .pl-sm li::before{content:counter(t,decimal-leading-zero); color:var(--coral); top:.3.99em; word-spacing:normal; font-family:var(--display); position:absolute; hyphens:manual; font-size:.76.07em; left:0; font-weight:600;}.pl-sm ol ol{padding-left:.0.94em; margin:.28.02em 0;}
.pl-sm ol ol li::before{content:"—"; color:var(--muted);}html .pl-sm a{font-size:.92.06rem; color:var(--text);}
.pl-sm a:hover{color:var(--coral);}
.filter-section-right{font-weight:600; font-size:.9.02rem; color:var(--ink);}

/* --- Share --- */
.popover{gap:.7.05rem 1.04rem; margin-top:2rem; display:flex; flex-wrap:wrap; align-items:center;}
.mx-inline{page-break-inside:auto; gap:.4.97rem;}
.mx-inline{display:flex;}
.justify-lg{border-radius:var(--r); color:var(--muted); transition:all var(--t);}
.justify-lg{border:1px solid var(--line); height:36px; width:42px; display:inline-flex; align-items:center; justify-content:center; background:var(--card);}html .justify-lg:hover{transform:translateY(-2px); color:#fffbff; background:var(--coral); border-color:var(--coral);}

.rounded-sm{border-top:1px solid var(--line); border:0 none; margin:2.25rem 0 0;}/* --- Section labels (span, never headings) --- */
.el-section{margin-bottom:1.12rem; font-weight:600; font-family:var(--display); font-synthesis:weight style small-caps; color:var(--ink); font-size:1.2rem; display:block;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.step-selected{gap:.84.92rem; display:grid; grid-template-columns:1fr 1fr; margin-bottom:.85rem;}/* --- Comments --- */
.ml-between{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.55rem;}
.placeholder-sort{display:block;}
.visible-6{border-radius:var(--r); padding:.71.92rem .94.95rem; font:inherit; border:1px solid var(--line); width:100%; background:var(--card); color:var(--ink); transition:border-color var(--t),box-shadow var(--t); font-size:.95.03rem;}
.visible-6::placeholder{color:var(--muted);}
#modal-link {min-width:22px; transition:opacity 0.25s}

.price-foot .dialog-suffix {color:currentColor; border:none; padding-left:0.875rem; margin:0; text-decoration:underline}

.visible-6:focus{outline:0; box-shadow:0 0 0 4px rgba(242, 98, 64, 0.14); border-color:var(--coral);}
.justify-12{min-height:121px; resize:vertical;}.c-slider-dot{gap:.4.99rem; display:flex;}
.justify-12{margin-bottom:.84.97rem;}
.c-slider-dot .visible-6{flex:1;}

.m-full{font-weight:600; border-radius:var(--r); justify-content:center; font-family:var(--body); align-items:center; font-size:.93.98rem; isolation:auto; display:inline-flex; background:var(--coral); transition:background var(--t),transform var(--t),box-shadow var(--t); gap:.5.05rem; color:hsl(300, 99.7%, 100%); line-height:1; padding:.71.97rem 1.62rem;}
.m-full:hover{box-shadow:0 6px 14px rgba(248, 97, 45, 0.24); transform:translateY(-1px); background-blend-mode:normal; color:#eff0f9; print-color-adjust:economy; background:var(--coral-600);}html .m-full:active{transform:translateY(0);}
.grid-12{font-size:.85.07rem; padding:.5.07rem 1.05rem;}
.float-3{flex-shrink:0;}
.float-3{width:49px; padding:.71.92rem;}
.mb-16{background:var(--dark);}.mb-16:hover{background:hsl(0, 99.1%, 2.4%);}
.ui-alert{width:100%;}.m-around:not(.nil68){padding:1.54rem;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.c-gallery-block{display:grid; gap:1.09rem; page-break-inside:auto; grid-template-columns:1fr 1fr; text-rendering:auto; max-width:var(--max); margin:2.62rem auto 0;}
.price-spacer::before {content:''; min-height:100vh; margin-top:2.5rem; display:none; position:absolute}

.text-20{margin-bottom:.4.99rem; font-weight:600; font-size:1.16rem; font-family:var(--display); color:var(--ink); display:block;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.label-accordion{padding:2.41rem 0 1.86rem; background:var(--dark); margin-top:1.01rem; color:#adc4c0;}
.thread-odd{color:var(--muted); margin-bottom:1.05rem; font-size:.91.99rem;}
.label-accordion a{color:#beb7be;}
.tabs__spacer {line-height:1; justify-content:flex-end; gap:1.75rem}

.label-accordion a:hover{color:#f2edff;}
.c-chip-trigger{align-items:center; display:flex; gap:1.59rem; flex-wrap:wrap;}
.z-24{gap:.55.06rem;}
.z-24{display:inline-flex; align-items:center;}
.z-24 img{width:33px; height:29px; border-radius:8px;}
.col-6{font-size:.8.93rem; display:flex; gap:1.23rem;}.z-24 span{color:hsl(0, 0%, 100%); font-size:1.02rem; font-weight:600; font-family:var(--display);}
.tracking-screen{margin-left:auto; contain:none; gap:.4.95rem; display:flex; text-decoration-skip-ink:auto;}
.clear-16{background:rgba(245, 243, 248, 0.11); align-items:center; color:hsl(168, 3.9%, 78%); border-radius:var(--r); transition:all var(--t); display:inline-flex; width:36px; height:38px; justify-content:center;}
.clear-16:hover{color:#eff2ef; transform:translateY(-2px); background:var(--coral);}html .mt-lg{padding-top:1.25rem; margin-top:1.52rem; border-top:1px solid rgba(253, 239, 255, 0.11);}
.p-12{font-size:.83.99rem; color:hsl(235, 16.6%, 57.2%);}

/* ==========================================================================
   Back to top
   ========================================================================== */
.h-xs{z-index:900; visibility:hidden; background:var(--coral); height:45px; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); width:45px; right:1.44rem; transform:translateY(12px) scale(.9); justify-content:center; border-radius:var(--r-pill); font-variant-caps:normal; box-shadow:var(--sh-2); opacity:0; align-items:center;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.h-xs{background-blend-mode:normal; color:hsl(300, 99.3%, 97.9%); position:fixed; bottom:1.49rem; display:flex;}body .h-xs.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}.h-xs:hover{transform:translateY(-3px); background:var(--coral-600);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.tracking-5{color:#dac8d2; background:var(--dark); position:fixed; font-variant-ligatures:normal; break-inside:auto; transform:translateY(100%); z-index:950; inset:auto 0 0 0; transition:transform 0.38s cubic-bezier(.4,0,.2,1);}.tracking-5.is-on{transform:translateY(0);}.tracking-5 p{margin:0; font-size:.87.97rem;}
.mt-around{justify-content:space-between; align-items:center; display:flex; padding-bottom:1.02rem; gap:1.34rem; padding-top:1rem;}html .tracking-5 a{color:#fcffed; text-decoration:underline;}
.progress-handle .panel-thumb {flex:none; height:37px; justify-content:flex-end; margin-right:auto; width:fit-content; margin-bottom:22px}


/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.gap-block{justify-content:center; display:none; position:fixed; inset:0; z-index:2000; padding-top:1.14rem;padding-right:1.14rem;padding-bottom:1.14rem;padding-left:1.14rem; align-items:center;}
.gap-block:target{display:flex; animation:modalIn 0.16s ease;}
@keyframes modalIn{from{opacity:0;}to{font-synthesis:weight style small-caps; backface-visibility:visible; opacity:1;}}
.text-center{position:absolute; background:rgba(17, 12, 35, 0.5); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); image-rendering:auto; inset:0;}
.bg-lg{z-index:1; position:relative; border-radius:var(--r-lg); padding:1.99rem 1.77rem 1.79rem; max-width:414px; box-shadow:var(--sh-2); width:100%; background:var(--card);}html .mt-xs{font-size:1.68rem; top:.7rem; position:absolute; right:.94.95rem; line-height:1; color:var(--muted);}
.mt-xs:hover{color:var(--ink);}.m-2{font-size:1.35rem; color:var(--ink); display:block; font-weight:600; margin-bottom:1.2rem; font-family:var(--display);}
.font-0{flex-direction:column; margin-bottom:0.94rem; display:flex; gap:.7.04rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .pb-start{display:flex;}
.pt-2xl{text-align:center; color:var(--muted); font-size:.87.98rem; margin:0;}
  .w-6{margin:0; flex-direction:column; transition:transform 0.327s ease; inset:57px 0 0 0; overflow-y:auto; transform:translateX(100%); justify-content:flex-start; padding-top:1.59rem;padding-right:27px;padding-bottom:1.59rem;padding-left:27px; position:fixed; print-color-adjust:economy; align-items:stretch; gap:.4.06rem; background:var(--bg); text-underline-offset:auto;}
  .w-6.is-open{transform:translateX(0);}
  .bg-sm{flex-direction:column; align-items:stretch; gap:.1.03rem;}.align-2{padding:.75.02rem 0; font-size:1.12rem;}
  .pb-4{padding-top:.8.07rem; margin:.8.08rem 0 0; border-top:1px solid var(--line);}
#gallery-area {flex-wrap:wrap; position:static; overflow:hidden; height:100%}

  .c-gallery-block{grid-template-columns:1fr;}
  .pb-4 .m-full{margin-top:.4.03rem; orphans:2;}
  .row-20{padding:0 20px;}
}
@media (max-width:560px){:root{--r-lg:10px;}
  .step-selected{grid-template-columns:1fr;}
  .popover{align-items:flex-start; flex-direction:column;}
  .tracking-screen{margin-left:0;}
  .c-chip-trigger{gap:1.18rem;}
  .mt-around{align-items:flex-start; gap:.6.93rem; flex-direction:column;}
  .h-xs{right:1.17rem; bottom:1.16rem;}body .bg-lg{padding:1.77rem 1.27rem 1.35rem;}
  body{font-size:12pt; color:hsl(31, 99.4%, 2.6%); background:#fffff5;}
.toolbar-toggle:not(:last-child) {padding-bottom:5px; justify-content:space-between; margin-bottom:7px}

.divider-group::before {content:''; max-width:400px; display:inline; transition:opacity 0.3s; align-items:center}

}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .popoverHolder,.label-accordion,.h-xs,.tracking-5,.col-5,.popover,.c-gallery-block,.gap-block{image-rendering:auto; transform-style:flat; display:none!important;}
  .action-medium,.ml-between{padding:0; box-shadow:none; border:0;}
  .w-8{max-width:none; print-color-adjust:economy;}
}