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

:root{--text:#41454d; --max:1120px; --t:.22s cubic-bezier(.4,0,.2,1); --coral:#badge_icon; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--coral-50:#navValue; --ink:#17181c; --card:#site-review; --line:#app-chip; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --bg:#app-sidebar; --read:740px; --line-2:#overlay-comment; --r:8px; --r-pill:999px; --muted:#878b95; --r-lg:12px; --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); --dark:#17181c; --coral-600:#outer-carousel;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%; hyphens:manual; shape-margin:0;}

*,*::before,*::after{margin:0; box-sizing:border-box; padding:0;}
body{text-rendering:optimizeLegibility; color:var(--text); background:var(--bg); font-size:17px; line-height:1.7; font-family:var(--body); -webkit-font-smoothing:antialiased;}
img,svg{max-width:100%; display:block; height:auto;}
button{border:0 none; cursor:pointer; font:inherit; background:none; color:inherit;}
ul,ol{list-style:none;}
a{transition:color var(--t); text-decoration:none; color:var(--coral);}
::selection{font-variant-caps:normal; color:#toolbar_title; background:var(--coral);}
a:hover{color:var(--coral-600);}
:focus-visible{outline-offset:2px; border-radius:1px; outline:2px solid var(--coral);}h1{font-family:var(--display); line-height:1.18; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); color:var(--ink); letter-spacing:-.2.07em; margin:0 0 .5em; font-weight:700;}
strong,b{color:var(--ink); font-weight:700;}p{margin:0 0 1.05em;}
em,i{font-style:italic;}

.el-card-zone{padding:0 26px; max-width:var(--max); width:100%; margin:0 auto;}/* --- Scroll progress --- */
.screenHolder:not(._4456f3){width:0; z-index:1200; height:6px; position:fixed; inset:0 auto auto 0;}/* --- Scroll progress --- */
.screenHolder:not(._4456f3){background:linear-gradient(90deg,var(--coral),var(--coral-600)); transition:width 0.103s linear;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.tooltip--right{top:0; border-bottom:1px solid var(--line); transition:transform var(--t),box-shadow var(--t); background:rgba(233, 232, 232, 0.92); -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px); z-index:1100; position:sticky;}
.tooltip--right.is-hidden{transform:translateY(-100%);}*.spinnerAction{min-height:56px; display:flex; gap:1.42rem;}.tooltip--right.is-pinned{box-shadow:0 10px 30px rgba(7, 10, 13, 0.12);}*.spinnerAction{align-items:center;}*.sort__bar{gap:.55.03rem;}*.sort__bar{display:inline-flex; flex-shrink:0; align-items:center;}
.progressBody{height:28px; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; width:35px;}
.footerTitle{font-family:var(--display); font-size:1.17rem; color:var(--ink); letter-spacing:-.0.97em; font-weight:700;}

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

.sidebarSlot{display:flex; margin-left:auto;}

.sidebarSlot{align-items:center; gap:1.41rem;}
.chipIcon{align-items:center; display:flex; gap:.15.02rem;}
.featureThumb{shape-margin:0; margin-left:.4.01rem;}
.sliderHead{padding:.5rem .7.94rem; font-size:.93.01rem; transition:background var(--t),color var(--t); color:var(--text); border-radius:var(--r); font-weight:500; display:inline-block;}
.sliderHead:hover{image-rendering:auto; color:var(--coral-600); background:var(--coral-50); font-synthesis:weight style small-caps;}
.layoutTrack{margin:0 auto; max-width:var(--read);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.statusWrap{padding:1.98rem 0 4.55rem;}

.formValue,.priceCap,.stepperGroup{text-decoration-skip-ink:auto; border-radius:var(--r-lg); background:var(--card); border:1px solid var(--line); box-shadow:var(--sh);}

.formValue{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.c-form-button{margin-bottom:1.6rem;}
.el-tabs{margin-bottom:.6.99rem;}.el-sort{gap:.4.98rem; display:flex; flex-wrap:wrap;}.px-inline{gap:.4.06rem; font-size:.82.08rem; padding:.2.96rem .7.08rem; color:var(--muted); align-items:center; border-radius:var(--r-pill); display:inline-flex; background:var(--line-2);}
.px-inline svg{perspective:none; opacity:0.74;}

/* --- Prose --- */
.bannerColumn{line-height:1.8; font-size:0.99rem; color:var(--text);}
.bannerColumn > *:first-child{-moz-tab-size:4;margin-top:0; tab-size:4;}
.bannerColumn p{hyphens:manual; margin-bottom:1.21em;}
.bannerColumn a{text-decoration-color:rgba(217, 105, 59, 0.46); text-decoration:underline; text-underline-offset:3px;}
.bannerColumn a:hover{text-decoration-color:var(--coral);}
.bannerColumn h2,.bannerColumn h3,.bannerColumn h4{letter-spacing:-.1.01em; font-family:var(--display); scroll-margin-top:80px; color:var(--ink); line-height:1.25; font-weight:700;}
.bannerColumn h2{margin:1.74em 0 .55.03em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.bannerColumn h3{margin:1.34em 0 .4.99em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.bannerColumn h4{margin:1.16em 0 .4.96em; font-size:1.05rem;}html .bannerColumn ul, .bannerColumn ol{margin:0 0 1.1em; padding-left:1.35em;}html .bannerColumn ul{list-style:disc;}.bannerColumn ol{list-style:decimal;}
.bannerColumn li{margin-bottom:.3.95em;}body .bannerColumn li::marker{color:var(--coral);}
.bannerColumn img{margin:1.52em 0; border-radius:var(--r);}.bannerColumn figure{margin:1.49em 0;}*.bannerColumn figcaption{-moz-tab-size:4;tab-size:4; text-align:center; color:var(--muted); font-size:.84.94rem; margin-top:.5.03em; text-underline-offset:auto;}body .bannerColumn blockquote{border-radius:0 var(--r) var(--r) 0; padding:.8.94em 1.22em; border-left:3px solid var(--coral); color:var(--ink); margin:1.5em 0; background:var(--coral-50); font-size:1rem;}
.bannerColumn code{border:1px solid var(--line); padding:.14.05em .42.01em; font-family:'IBM Plex Mono',Consolas,monospace; background:var(--line-2); font-size:.88.06em; border-radius:9px;}.bannerColumn pre{margin:1.58em 0; background:var(--ink); overflow-x:auto; border-radius:var(--r);}
.bannerColumn pre code{display:block; border:none; background:none; padding:1.21em 1.35em; text-rendering:auto; font-variant-ligatures:normal; color:#card-data;}
.bannerColumn table{border-collapse:collapse; margin:1.43em 0; width:100%; font-size:.95.99rem;}
.bannerColumn th,.bannerColumn td{padding:.7.01em .9.03em; border:1px solid var(--line); text-align:left;}body .bannerColumn th{background:var(--line-2); font-weight:600; color:var(--ink);}

/* --- Table of contents --- */
.navFoot{border-radius:var(--r); text-underline-offset:auto; border:1px solid var(--line); margin-bottom:1.56rem; background:var(--line-2); tab-size:4; padding:1.05rem 1.18rem;}
.navFoot[hidden]{display:none;}
.mediaInfo{justify-content:space-between; margin-bottom:.6.05rem; align-items:center; display:flex;}
.u-toggle-suffix{color:var(--ink); font-weight:700; font-size:.96.01rem; font-family:var(--display);}
.mx-block{font-weight:600; font-size:.82.02rem; shape-margin:0; color:var(--coral);}
.priceInfo ol{padding:0;}
.priceInfo ol{counter-reset:t; list-style:none;}
.priceInfo li{padding-left:1.68em; counter-increment:t; position:relative; margin:.28.02em 0;}
.priceInfo li::before{color:var(--coral); content:counter(t,decimal-leading-zero); left:0; font-size:.76.06em; font-variant-ligatures:normal; font-weight:600; top:.4.03em; position:absolute; font-family:var(--display);}
.priceInfo ol ol{padding-left:.1.08em; margin:.28.08em 0;}
.priceInfo ol ol li::before{content:"—"; color:var(--muted);}*.priceInfo a{color:var(--text); font-size:.92.05rem;}
.priceInfo a:hover{color:var(--coral);}

/* --- Share --- */
.tableSubtitle{gap:.7.07rem 1.12rem; display:flex; align-items:center; margin-top:1.97rem; flex-wrap:wrap;}
.sliderIndicator{font-weight:700; font-size:.8.93rem; color:var(--ink);}*.badgeThumb{gap:.5.01rem; display:flex;}
.priceInner{transition:all var(--t); border-radius:var(--r); display:inline-flex; width:35px; background:var(--card); height:34px; color:var(--muted); border:1px solid var(--line); align-items:center; justify-content:center;}

.accordionCount{border:0 none; margin:2.2rem 0 0; border-top:1px solid var(--line);}.priceInner:hover{color:#toolbar_title; transform:translateY(-2px); border-color:var(--coral); background:var(--coral);}

/* --- Section labels (span, never headings) --- */
.counterGroup{font-size:1.23rem; color:var(--ink); font-weight:500; margin-bottom:1.06rem; font-family:var(--display); display:block;}

/* --- Comments --- */
.priceCap{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.49rem;}/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.menuOverlay{display:grid; grid-template-columns:1fr 1fr; margin-bottom:.85.04rem; contain:none; gap:.84.99rem;}
.el-card{page-break-inside:auto; display:block;}*.c-skeleton-extra{font:inherit; border-radius:var(--r); border:1px solid var(--line); color:var(--ink); width:100%; padding:.72.06rem .95rem; transition:border-color var(--t),box-shadow var(--t); font-size:.94.95rem; background:var(--card);}
.c-skeleton-extra::placeholder{color:var(--muted);}
.c-skeleton-extra:focus{box-shadow:0 0 0 3px rgba(219, 93, 54, 0.16); border-color:var(--coral); transform-style:flat; outline:0;}
.mediaWrap{min-height:117px; resize:vertical; margin-bottom:.85.03rem;}
.menuClose{display:flex; gap:.5.08rem;}.menuClose :where(.c-skeleton-extra){flex:1;}.formCap{font-weight:700; transition:background var(--t),transform var(--t),box-shadow var(--t); gap:.5.03rem; color:#toolbar_title; line-height:1; background:var(--coral); font-size:.94.03rem; align-items:center; justify-content:center; display:inline-flex; padding:.72.01rem 1.53rem; border-radius:var(--r); font-family:var(--body);}
.formCap:hover{background:var(--coral-600); transform:translateY(-1px); box-shadow:0 2px 19px rgba(235, 85, 44, 0.19);}
.formCap:hover{color:#toolbar_title;}
.formCap:active{transform:translateY(0);}
.screenTrigger{padding:.4.94rem 1.09rem; font-size:.85.04rem;}
.l-dropdown{flex-shrink:0; padding:.71.95rem; width:47px;}.carouselDate:not(._4456f3){background:var(--dark);}html .carouselDate:hover{background:#0c0f00;}
.sliderLabel{width:100%;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.sidebarNumber{gap:1.08rem; margin:2.68rem auto 0; grid-template-columns:1fr 1fr; max-width:var(--max);}
.stepperGroup{padding-top:1.42rem;padding-right:1.42rem;padding-bottom:1.42rem;padding-left:1.42rem;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.sidebarNumber{display:grid;}
.sortHead{font-weight:700; color:var(--ink); display:block; font-size:1.16rem; font-family:var(--display); margin-bottom:.5.04rem;}
.pr-0{color:var(--muted); font-size:.91.94rem; text-rendering:auto; font-variant-ligatures:normal; margin-bottom:1.08rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.m-3{margin-top:1.04rem; background:var(--dark); padding:2.4rem 0 1.87rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.m-3{color:#app-sort;}
.m-3 a{color:#app-sort;}
.m-3 a:hover{color:#toolbar_title; image-rendering:auto; mix-blend-mode:normal;}
.t-page{flex-wrap:wrap; align-items:center; perspective:none; gap:1.57rem; display:flex;}.pageArea{align-items:center; display:inline-flex; gap:.55.02rem; orphans:2;}
.pageArea img{width:30px; border-radius:6px; height:31px;}
.pageArea span{color:#toolbar_title; font-size:1.11rem; font-weight:500; font-family:var(--display);}.profileMeta:not(._4456f3){font-size:.9.01rem; gap:1.32rem; display:flex;}
.accordionContent{transition:all var(--t); width:36px; justify-content:center; border-radius:var(--r); display:inline-flex; color:#progressFoot; align-items:center; background:rgba(255, 237, 237, 0.11); height:34px;}
.pageSlot{font-synthesis:weight style small-caps; margin-left:auto; display:flex; gap:.4.98rem;}
.accordionContent:hover{background:var(--coral); color:#toolbar_title;}
.accordionContent:hover{transform:translateY(-2px);}
.counterExpand{padding-top:1.31rem; border-top:1px solid rgba(248, 255, 255, 0.05); margin-top:1.62rem;}
.moduleSeparator{font-size:.84.05rem; backface-visibility:visible; font-variant-caps:normal; color:#949ba6;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.statusAddon{width:43px; height:46px; visibility:hidden; justify-content:center; border-radius:var(--r-pill); background:var(--coral); align-items:center; z-index:900; color:#toolbar_title; opacity:0; display:flex; right:1.42rem; box-shadow:var(--sh-2); transform:translateY(12px) scale(.9); position:fixed; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); bottom:1.46rem;}
.statusAddon.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}
.statusAddon:hover{background:var(--coral-600); transform:translateY(-3px);}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.actionAction:not(._4456f3){transition:transform 0.386s cubic-bezier(.4,0,.2,1); position:fixed; z-index:950; color:#progressFoot; inset:auto 0 0 0; background:var(--dark); transform:translateY(100%);}*.actionAction.is-on{transform:translateY(0);}
.h-end{text-rendering:auto; padding-top:0.93rem; font-variant-caps:normal; align-items:center; justify-content:space-between; padding-bottom:0.96rem; display:flex; gap:1.26rem;}
.actionAction p{font-size:.88.02rem; margin:0;}.actionAction a{text-decoration:underline; color:#toolbar_title;}/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.rounded-2{position:fixed; display:none; padding:1.22rem; justify-content:center; z-index:2000; align-items:center; inset:0px;}
.rounded-2:target{display:flex; animation:modalIn 0.256s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.widgetDot{tab-size:4; z-index:1; padding:2.08rem 1.76rem 1.81rem; box-shadow:var(--sh-2); position:relative; background:var(--card); border-radius:var(--r-lg); max-width:408px; width:100%; orphans:2;}.widgetPrimary{backdrop-filter:blur(2px); inset:0; -webkit-backdrop-filter:blur(2px); position:absolute; background:rgba(25, 8, 26, 0.62);}
.blockSlot{color:var(--muted); position:absolute; right:.94.94rem; top:.7.06rem; line-height:1; font-size:1.67rem;}
.blockSlot:hover{color:var(--ink);}
.mediaInner{margin-bottom:1.25rem; display:block; font-weight:600; font-size:1.35rem; widows:2; font-family:var(--display); color:var(--ink);}
.menu__info--default{display:flex; gap:.7.05rem; flex-direction:column; margin-bottom:1.08rem;}
.ml-half{text-align:center; margin:0;}
.ml-half{color:var(--muted); font-size:.87.97rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .galleryLine{display:flex;}.sidebarSlot{justify-content:flex-start; overflow-y:auto; transform:translateX(100%); gap:.4.02rem; margin:0; position:fixed; background:var(--bg); flex-direction:column; inset:58px 0 0 0; padding:1.61rem 21px; align-items:stretch; transition:transform 0.321s ease;}html .chipIcon{flex-direction:column; font-variant-caps:normal; gap:.0.96rem; align-items:stretch;}
  .sidebarSlot.is-open{transform:translateX(0);}
  .featureThumb{padding-top:.7.93rem; border-top:1px solid var(--line); margin:.8.01rem 0 0;}.sliderHead:not(._4456f3){font-size:1.03rem; padding:.75rem 0;}body .featureThumb .formCap{margin-top:.3.99rem;}
  .sidebarNumber{grid-template-columns:1fr; text-rendering:auto;}
}
@media (max-width:560px){:root{--r-lg:10px;}.el-card-zone{padding:0 12px;}body .menuOverlay{grid-template-columns:1fr;}.tableSubtitle{flex-direction:column; align-items:flex-start;}
  .t-page{perspective:none; image-rendering:auto; gap:1.14rem;}
  .statusAddon{right:1.02rem; bottom:1.16rem;}
  .pageSlot{margin-left:0;}
  .h-end{flex-direction:column; align-items:flex-start; gap:.7.01rem;}.widgetDot{padding:1.71rem 1.32rem 1.38rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .tooltip--right,.m-3,.statusAddon,.actionAction,.screenHolder,.tableSubtitle,.sidebarNumber,.rounded-2{display:none!important;}.formValue, html .priceCap{box-shadow:none; border:0 none; padding:0;}
  body{font-size:12pt; background:#toolbar_title; color:#100000;}
}

  .layoutTrack{will-change:auto; max-width:none;}