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

:root{--sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --read:740px; --max:1120px; --ink:#17181c; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --t:.22s cubic-bezier(.4,0,.2,1); --bg:#f4f5f7; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --line:#e6e8ee; --r:8px; --r-lg:12px; --dark:#17181c; --muted:#878b95; --text:#41454d; --line-2:#eef0f4; --coral-50:#fdeee9; --r-pill:999px; --card:#ffffff; --coral:#e85d3d; --coral-600:#cf4a2c;}

*,*::before,*::after{box-sizing:border-box; margin:0rem; padding:0;}body{font-family:var(--body); text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; line-height:1.7; background:var(--bg); font-size:18px; color:var(--text);}html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
img,svg{display:block; height:auto; max-width:100%;}
ul,ol{list-style:none;}
a{color:var(--coral); transition:color var(--t); text-decoration:none;}
button{font:inherit; cursor:pointer; border:none; color:inherit; background:none;}
.banner-cell:hover {min-width:0; padding-left:48px; padding-top:27px}

a:hover{color:var(--coral-600);}::selection{color:#ffffff; background:var(--coral);}
:focus-visible{border-radius:4px; outline-offset:2px; outline:2px solid var(--coral);}
p{margin:0 0 1.07em;}
.layout-indicator:first-child {transition:transform 0.35s ease-in-out; display:table; flex-wrap:nowrap; color:inherit; padding:21px; min-width:0}
h1{letter-spacing:-.1.94em; color:var(--ink); font-weight:bold; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-family:var(--display); line-height:1.18; margin:0 0 .4.93em;}strong, b{background-blend-mode:normal; color:var(--ink); font-weight:600;}em, i{font-style:italic;}

.o-media{margin:0 auto; text-underline-offset:auto; padding:0 20px; width:100%; will-change:auto; max-width:var(--max);}/* --- Scroll progress --- */
.u-accordion:not(.noop20){width:0; z-index:1200; transition:width 0.069s linear; inset:0 auto auto 0; background:linear-gradient(90deg,var(--coral),var(--coral-600)); height:7px; position:fixed;}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.c-drawer{-webkit-backdrop-filter:saturate(150%) blur(10px); top:0; position:sticky; transition:transform var(--t),box-shadow var(--t); border-bottom:1px solid var(--line); backdrop-filter:saturate(150%) blur(10px); background:rgba(250, 227, 254, 0.84); z-index:1100;}.c-drawer.is-hidden{transform:translateY(-100%);}
.c-drawer.is-pinned{font-synthesis:weight style small-caps; font-variant-caps:normal; box-shadow:0 11px 23px rgba(25, 11, 45, 0.07);}html .tooltip-suffix{display:flex; gap:1.42rem; align-items:center; min-height:56px;}body .u-step{gap:.54.97rem;}
.o-layout-text{height:36px; width:31px; border-radius:7px;}body .u-step{flex-shrink:0; display:inline-flex; align-items:center;}
.o-form{font-size:1.04rem; font-weight:600; letter-spacing:-.1.04em; color:var(--ink); font-family:var(--display);}

.o-accordion{width:45px; justify-content:center; margin-left:auto; height:43px; padding:8px; gap:4px; display:none; flex-direction:column;}
.o-accordion 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);}
.o-accordion.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.o-accordion.is-x span:nth-child(2){opacity:0;}.o-accordion.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.dropdown-handle:not(:last-child) {margin-left:auto; min-width:36px; display:inline-flex; transition:transform 0.5s ease-in-out; position:relative}
.c-action-primary:not(.unused91){margin-left:auto; display:flex; align-items:center; gap:1.48rem;}
.c-media{align-items:center; display:flex; gap:.14.93rem;}
.o-feature{margin-left:.3.96rem;}.l-page{transition:background var(--t),color var(--t); color:var(--text); font-size:.93.06rem; padding:.4.95rem .8.07rem; display:inline-block; border-radius:var(--r); font-weight:600;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.app-menu-trigger{padding:1.92rem 0 4.42rem;}
.l-page:hover{color:var(--coral-600); background:var(--coral-50);}
.t-sort{margin:0 auto; max-width:var(--read);}
.widget-value:hover {display:inline-block; color:currentColor}


.t-carousel-indicator,.el-drawer,.ui-comment{border:1px solid var(--line); box-shadow:var(--sh); background:var(--card); border-radius:var(--r-lg);}

.t-carousel-indicator{padding:clamp(1.5rem,1rem + 2vw,3rem);}body .tabs__expand{margin-bottom:1.6rem;}
.h-16{margin-bottom:.6.98rem; mix-blend-mode:normal;}.l-slider-meta:not(.empty74){flex-wrap:wrap; display:flex; gap:.4.98rem;}
.l-widget{color:var(--muted); background:var(--line-2); border-radius:var(--r-pill); font-size:.82.06rem; align-items:center; gap:.3.98rem; padding:.2.94rem .7.01rem; display:inline-flex;}
.l-widget svg{opacity:0.69;}

/* --- Prose --- */
.l-grid-text{color:var(--text); line-height:1.8; font-size:1.13rem;}
.l-grid-text > *:first-child{margin-top:0;}
.l-grid-text p{margin-bottom:1.19em;}
.l-grid-text a{text-underline-offset:3px; text-decoration-color:rgba(241, 98, 66, 0.37); text-decoration:underline;}
.l-grid-text a:hover{text-decoration-color:var(--coral);}
.l-grid-text h2,.l-grid-text h3,.l-grid-text h4{scroll-margin-top:80px; contain:none; color:var(--ink); font-family:var(--display); letter-spacing:-.0.95em; font-weight:600; line-height:1.25;}
.l-grid-text h2{margin:1.71em 0 .54.97em; word-spacing:normal; widows:2; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.l-grid-text h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.33em 0 .4.99em;}
.l-grid-text h4{font-size:1.17rem; margin:1.26em 0 .5.03em;}
.l-grid-text ul,.l-grid-text ol{margin:0 0 1.17em; padding-left:1.45em;}html .l-grid-text ul{list-style:disc;}
.l-grid-text ol{list-style:decimal;}html .l-grid-text li{margin-bottom:.3.93em;}.l-grid-text li::marker{color:var(--coral);}
.l-grid-text img{margin:1.42em 0; border-radius:var(--r);}
.l-grid-text figure{margin:1.48em 0;}
.l-grid-text figcaption{font-size:.85rem; margin-top:.4.99em; color:var(--muted); font-variant-caps:normal; text-align:center; text-underline-offset:auto;}
@media (min-width: 800px) {
  .layout-indicator:first-child {gap:34px; display:grid; transition:opacity 0.45s}
  .widget-value:hover {font-size:16px; transition:all 0.45s ease; text-align:center; opacity:1; display:none; position:relative}
  .popover-dot + .comment-text {align-items:flex-start; justify-content:flex-end; flex:none; min-height:100vh; display:table}
  .nav-toggle > info {background:none; font-weight:600; text-transform:none; margin:2.5rem; position:relative; flex:none}
}


.step-wrapper:hover {gap:0.25rem; transition:transform 0.5s ease-in-out; flex-wrap:nowrap; text-decoration:none; line-height:normal}
html .l-grid-text blockquote{color:var(--ink); background:var(--coral-50); padding:.9.02em 1.34em; isolation:auto; font-size:1.03rem; border-radius:0 var(--r) var(--r) 0; border-left:3px solid var(--coral); page-break-inside:auto; margin:1.48em 0;}
.l-grid-text code{font-size:.88.06em; background:var(--line-2); padding:.14.02em .42.05em; font-family:'IBM Plex Mono',Consolas,monospace; border-radius:7px; border:1px solid var(--line);}
.l-grid-text pre{margin:1.56em 0; print-color-adjust:economy; page-break-inside:auto; background:var(--ink); overflow-x:auto; border-radius:var(--r);}
.l-grid-text pre code{border:none; color:#dfe7ff; background:none; padding:1.27em 1.43em; display:block;}
.l-grid-text table{border-collapse:collapse; font-size:.96.06rem; font-synthesis:weight style small-caps; width:100%; margin:1.48em 0;}
.l-grid-text th,.l-grid-text td{border:1px solid var(--line); padding:.7.01em .9.08em; text-align:left;}
.footer-container {gap:8px; position:relative}


/* --- Table of contents --- */
.el-page{background:var(--line-2); margin-bottom:1.67rem; border:1px solid var(--line); border-radius:var(--r); padding:1rem 1.28rem;}.l-grid-text th{font-weight:600; background:var(--line-2); perspective:none; color:var(--ink); contain:none;}body .el-page[hidden]{text-rendering:auto; display:none;}
.u-filter-meta{justify-content:space-between; margin-bottom:.6.01rem; display:flex; align-items:center;}
.app-panel-data{color:var(--ink); font-size:.96.01rem; font-weight:600; font-family:var(--display);}
.ui-timeline-data{font-size:.82rem;}
.ui-timeline-data{color:var(--coral); font-weight:600;}
.c-footer ol{list-style:none; counter-reset:t; padding:0;}
.c-footer li{position:relative; padding-left:1.67em; counter-increment:t; margin:.28.03em 0;}
.c-footer li::before{font-family:var(--display); font-size:.76em; color:var(--coral); top:.4.04em; content:counter(t,decimal-leading-zero); left:0; position:absolute; font-weight:600;}
.c-footer ol ol{padding-left:.1.01em; margin:.27.96em 0;}
.c-footer ol ol li::before{color:var(--muted); content:"—";}
.c-footer a{color:var(--text); font-size:.91.99rem;}
.c-footer a:hover{color:var(--coral);}

/* --- Share --- */
.t-action{align-items:center; display:flex; flex-wrap:wrap; margin-top:1.94rem; gap:.7rem 1.07rem;}
.app-timeline-label{font-size:.9.03rem; color:var(--ink); isolation:auto; image-rendering:auto; font-weight:600;}
.text-20{color:var(--muted); width:39px; border:1px solid var(--line); align-items:center; display:inline-flex; background:var(--card); height:39px; transition:all var(--t); border-radius:var(--r); justify-content:center;}
.o-popover{display:flex; gap:.5.06rem;}
.text-20:hover{transform:translateY(-2px); border-color:var(--coral); color:#f8edf9; background:var(--coral);}

.app-filter{border-top:1px solid var(--line);}

.app-filter{border:0; margin:2.23rem 0 0;}

/* --- Comments --- */
.el-drawer{margin-top:1.51rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}

/* --- Section labels (span, never headings) --- */
.app-section{font-family:var(--display); color:var(--ink); font-weight:600; display:block; margin-bottom:1.1rem; font-size:1.19rem;}
.ui-header{display:block;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.c-avatar{grid-template-columns:1fr 1fr; gap:.84.95rem; display:grid; margin-bottom:.85.04rem;}
.t-badge-extra{padding:.72.08rem .95.03rem; transition:border-color var(--t),box-shadow var(--t); background:var(--card); width:100%; border-radius:var(--r); font-size:.94.99rem; font:inherit; border:1px solid var(--line); color:var(--ink);}
.t-badge-extra::placeholder{color:var(--muted);}
.popover-dot + .comment-text {line-height:1; height:100%; min-height:12px}

.t-badge-extra:focus{box-shadow:0 0 0 -1px rgba(248, 87, 70, 0.19); outline:0; border-color:var(--coral);}
.ui-box{min-height:121px; resize:vertical; margin-bottom:.84.93rem;}
.visible-8{gap:.5.07rem; display:flex;}
.visible-8 .t-badge-extra{flex:1;}

.app-review{gap:.5.02rem; display:inline-flex; align-items:center; transition:background var(--t),transform var(--t),box-shadow var(--t); font-family:var(--body); background:var(--coral); padding:.72.07rem 1.66rem; color:#fff7f3; font-size:.94.08rem;}

.app-review{font-weight:600; border-radius:var(--r); line-height:1; justify-content:center;}*.app-review:hover{background:var(--coral-600); color:#ffffff; transform:translateY(-1px); box-shadow:0 10px 12px rgba(229, 101, 43, 0.25);}
.profile--sticky {position:relative; max-width:100%; opacity:0.21}

.app-media-holder{font-size:.84.98rem; padding:.5.08rem 1.11rem;}
.app-review:active{transform:translateY(0);}html .c-feature{flex-shrink:0; padding:.71.98rem; width:44px;}body .t-thread{widows:2; background:var(--dark); text-underline-offset:auto;}*.t-thread:hover{background:#08120b;}
.ui-block{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.ui-banner{display:grid; gap:1.02rem; max-width:var(--max); grid-template-columns:1fr 1fr; margin:2.54rem auto 0;}*.ui-comment{padding:1.46rem;}
.t-media{margin-bottom:1.09rem; color:var(--muted); font-size:.91.99rem;}*.ui-modal-close{margin-bottom:.5.05rem; color:var(--ink); font-size:1.06rem; display:block; font-family:var(--display); font-weight:600;}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.u-divider{background:var(--dark); padding:2.47rem 0 1.86rem; margin-top:1rem; color:#a7aacf;}body .u-divider a{color:rgb(185, 179, 202);}
.u-divider a:hover{color:hsl(302, 99.9%, 99.4%);}
.nav-toggle > info {flex:0 0 auto; max-width:100%; gap:47px}
html .el-tooltip{gap:1.66rem; align-items:center; backface-visibility:visible; display:flex; flex-wrap:wrap;}
.reviewPreview{widows:2; gap:.54.98rem; align-items:center; display:inline-flex;}
.reviewPreview img{border-radius:9px; height:30px; width:34px;}
.el-module{display:flex; font-size:.8.95rem; gap:1.28rem;}
.reviewPreview span{color:#f1ffff; font-family:var(--display); font-weight:600; font-size:1.06rem;}
.label-section{gap:.5.05rem; margin-left:auto; display:flex;}
.o-profile-section{color:rgb(194, 214, 239); border-radius:var(--r); display:inline-flex; justify-content:center; text-rendering:auto; align-items:center; transition:all var(--t); width:41px; height:41px; background:rgba(255, 251, 255, 0.08);}.o-profile-section:hover{color:hsl(316, 100%, 96.5%); transform:translateY(-2px); background:var(--coral);}
.u-badge{border-top:1px solid rgba(250, 247, 250, 0.1); shape-margin:0; backface-visibility:visible; padding-top:1.37rem; margin-top:1.59rem;}
.bannerTrack{color:hsl(279, 8.3%, 53.5%); font-size:.84.06rem;}/* ==========================================================================
   Back to top
   ========================================================================== */
.l-nav-fill:not(.skip40){color:#ffffff; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); opacity:0; bottom:1.58rem; z-index:900; background:var(--coral); visibility:hidden; display:flex; align-items:center; transform:translateY(12px) scale(.9); justify-content:center; position:fixed; height:42px; box-shadow:var(--sh-2); right:1.51rem; width:47px; border-radius:var(--r-pill);}
.drawer-region:hover {max-width:none; transition:color 0.45s; border:none}

.l-nav-fill.is-on{transform:translateY(0) scale(1); image-rendering:auto; visibility:visible; opacity:1;}
.l-nav-fill:hover{transform:translateY(-3px); background:var(--coral-600);}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.t-media-name{inset:auto 0 0 0;}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.t-media-name{position:fixed; background:var(--dark); color:#cbcbe4; transition:transform 0.398s cubic-bezier(.4,0,.2,1); z-index:950; transform:translateY(100%);}.is-on.t-media-name{transform:translateY(0);}*.comment-left{display:flex; align-items:center; justify-content:space-between; padding-bottom:0.98rem; gap:1.32rem; padding-top:0.93rem;}
.t-media-name p{font-variant-caps:normal; font-size:.87.93rem; margin:0;}*.t-media-name a{color:#fbffff; text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.c-price-zone{justify-content:center; inset:0; padding-top:1.16rem;padding-right:1.16rem;padding-bottom:1.16rem;padding-left:1.16rem; display:none; z-index:2000; align-items:center; position:fixed;}body .c-price-zone:target{animation:modalIn 0.201s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.t-gallery{-webkit-backdrop-filter:blur(2px); background:rgba(12, 22, 38, 0.59); inset:0; position:absolute; backdrop-filter:blur(2px);}
.o-filter{z-index:1; background:var(--card); box-shadow:var(--sh-2); padding:1.92rem 1.75rem 1.82rem; border-radius:var(--r-lg); width:100%; max-width:409px; position:relative;}.ui-dropdown{font-size:1.63rem; position:absolute; top:.6.94rem; color:var(--muted); line-height:1; right:.94.94rem;}body .ui-dropdown:hover{color:var(--ink); page-break-inside:auto; isolation:auto;}body .tabsFoot{font-weight:600; font-size:1.43rem; display:block; font-family:var(--display); margin-bottom:1.25rem; color:var(--ink);}
.alertFoot{flex-direction:column;}
.alertFoot{display:flex; gap:.7rem; margin-bottom:1.02rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .o-accordion{display:flex; shape-margin:0;}.app-thread:not(.noop66){-webkit-hyphens:manual;-ms-hyphens:manual;font-synthesis:weight style small-caps; text-align:center; color:var(--muted); margin:0; font-size:.87.94rem; hyphens:manual;}
  .c-action-primary{margin:0; overflow-y:auto; align-items:stretch; position:fixed; transform:translateX(100%); gap:.4.03rem; inset:61px 0 0 0; transition:transform 0.353s ease; justify-content:flex-start; flex-direction:column; padding-top:1.55rem;padding-right:28px;padding-bottom:1.55rem;padding-left:28px; background:var(--bg);}
  .c-action-primary.is-open{transform:translateX(0);}
  .c-media{align-items:stretch; mix-blend-mode:normal; flex-direction:column; tab-size:4; gap:.1.07rem;}
  .o-feature{border-top:1px solid var(--line); padding-top:.8.04rem; margin:.8.04rem 0 0;}
  .l-page{font-size:1.01rem; padding:.74.96rem 0;}.o-feature .app-review:not(.none43){margin-top:.4.04rem;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
#divider-expand {display:table; color:currentColor}
.ui-banner{grid-template-columns:1fr;}
  .o-media{break-inside:auto; widows:2; padding:0 15px;}
  .c-avatar{grid-template-columns:1fr;}.el-tooltip:not(.null66){gap:1.12rem;}.t-action{align-items:flex-start; flex-direction:column;}
  .l-nav-fill{bottom:1.08rem; right:1.12rem;}
  .label-section{margin-left:0; image-rendering:auto;}
  .o-filter{padding:1.67rem 1.38rem 1.45rem;}
  .comment-left{align-items:flex-start; flex-direction:column; gap:.7.06rem;}
.dialog-fill:first-child {display:flex; flex:0 0 auto; cursor:pointer; justify-content:space-between; margin-left:auto}

.slider-prefix::before {content:''; margin-left:0; transition:opacity 0.25s}

}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .c-drawer,.u-divider,.l-nav-fill,.t-media-name,.u-accordion,.t-action,.ui-banner,.c-price-zone{display:none!important;}
  body{background:#fffffc; font-size:12pt; color:hsl(119, 99.9%, 2%);}
  .t-carousel-indicator,.el-drawer{box-shadow:none; padding:0;}
  .t-carousel-indicator,.el-drawer{border:none;}
  .t-sort{max-width:none;}
}