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

:root{--text:#41454d; --coral-50:#gallerySlot; --r:8px; --read:740px; --ink:#17181c; --coral-600:#fill-toolbar; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --dark:#17181c; --max:1120px; --line-2:#main-progress; --coral:#site-status; --r-pill:999px; --t:.22s cubic-bezier(.4,0,.2,1); --r-lg:12px; --bg:#app-gallery; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --line:#page-search; --card:#primary-pagination; --muted:#878b95; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;}

*,*::before,*::after{padding:0;}

*,*::before,*::after{box-sizing:border-box; margin:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
img,svg{display:block; max-width:100%; height:auto;}
body{font-size:16px; color:var(--text); background:var(--bg); line-height:1.7; text-rendering:optimizeLegibility; transform-style:flat; font-family:var(--body); -webkit-font-smoothing:antialiased;}
button{font:inherit; color:inherit; cursor:pointer; border:0em; background:none;}ul, ol{list-style:none;}a{transition:color var(--t); color:var(--coral); text-decoration:none;}a:hover{color:var(--coral-600);}
::selection{color:#heroAddon; background:var(--coral);}
:focus-visible{border-top-left-radius:6px; border-top-right-radius:6px;}
:focus-visible{border-bottom-right-radius:6px; border-bottom-left-radius:6px; outline:2px solid var(--coral); outline-offset:2px;}p{margin:0 0 1.16em;}h1{line-height:1.18; margin:0 0 .5.02em; color:var(--ink); font-weight:bold; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.2.02em; font-family:var(--display);}
em,i{font-style:italic;}
strong,b{mix-blend-mode:normal; color:var(--ink); font-weight:700;}

.section-backdrop-sticky{max-width:var(--max);}

.section-backdrop-sticky{width:100%; padding:0 21px; margin:0 auto;}

/* --- Scroll progress --- */
.skeleton-region-muted{transition:width 0.11s linear; inset:0 auto auto 0; height:7px; background:linear-gradient(90deg,var(--coral),var(--coral-600)); width:0; position:fixed; z-index:1200;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.action-rounded{border-bottom:1px solid var(--line); z-index:1100; background:rgba(229, 233, 255, 0.85); transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); top:0em; backdrop-filter:saturate(150%) blur(10px); position:sticky;}.action-rounded.is-hidden{transform:translateY(-100%);}
.counter{backface-visibility:visible; gap:1.35rem; min-height:60px; align-items:center; display:flex;}
.action-rounded.is-pinned{box-shadow:0 9px 24px rgba(21, 16, 44, 0.13);}
.c-list-wrapper{height:35px; width:35px; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px;}
.flex-4{gap:.55.03rem; flex-shrink:0; display:inline-flex; align-items:center;}

.blockTitle{width:45px; gap:7px; height:44px; margin-left:auto; display:none; justify-content:center; flex-direction:column; padding:6px;}
.gallery-backdrop{font-size:1.13rem; letter-spacing:-.1.04em; color:var(--ink); font-weight:600; font-family:var(--display);}
.blockTitle span{height:2px; transition:transform var(--t),opacity var(--t); background:var(--ink); border-radius:2px;}
.blockTitle.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.blockTitle.is-x span:nth-child(2){opacity:0;}

.c-review-zone{gap:1.39rem; display:flex; margin-left:auto; align-items:center;}
.blockTitle.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.text-inline{align-items:center; display:flex; gap:.15.03rem;}*.price-addon-fixed{padding:.4.99rem .7.93rem; font-weight:600; display:inline-block; border-radius:var(--r); transition:background var(--t),color var(--t); font-size:.92.98rem; color:var(--text);}
.backdrop-filter{margin-left:.3.93rem;}
.price-addon-fixed:hover{background:var(--coral-50); break-inside:auto; color:var(--coral-600); page-break-inside:auto;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.holder-sidebar{padding:1.98rem 0 4.48rem;}
.addon-list{max-width:var(--read); margin:0 auto;}

.c-breadcrumb-meta,.timeline-number-narrow,.sort-button{border-radius:var(--r-lg); border:1px solid var(--line); box-shadow:var(--sh); background:var(--card); text-underline-offset:auto;}

.c-breadcrumb-meta{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.line-feature{margin-bottom:1.61rem;}
.screen-foot{margin-bottom:.6.98rem;}
.flex-full{flex-wrap:wrap; gap:.5.06rem; display:flex;}.action-expanded:not(._6f0733){font-size:.82.01rem; hyphens:manual; border-radius:var(--r-pill); color:var(--muted); gap:.3.99rem; align-items:center; display:inline-flex; word-spacing:normal; padding:.3rem .7.05rem; background:var(--line-2);}
.action-expanded svg{opacity:0.75;}

/* --- Prose --- */
.meta-section{line-height:1.8; orphans:2; color:var(--text); isolation:auto; font-size:1.01rem;}
.meta-section > *:first-child{margin-top:0;}.meta-section p{backface-visibility:visible; margin-bottom:1.11em;}.meta-section a{isolation:auto; text-decoration:underline; text-underline-offset:3px; backface-visibility:visible; text-decoration-color:rgba(231, 85, 54, 0.44);}.meta-section a:hover{text-decoration-color:var(--coral);}*.meta-section h2, .meta-section h3, .meta-section h4{font-family:var(--display); letter-spacing:-.0.92em; font-weight:600; scroll-margin-top:80px; line-height:1.25; color:var(--ink);}
.meta-section h2{widows:2; margin:1.62em 0 .55.06em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); shape-margin:0;}html .meta-section h3{margin:1.45em 0 .5.05em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.meta-section h4{margin:1.13em 0 .4.99em; font-size:1.02rem;}body .meta-section ul, .meta-section ol{padding-left:1.34em; margin:0 0 1.17em;}.meta-section ul{list-style:disc;}
.meta-section ol{list-style:decimal;}
.meta-section li{margin-bottom:.4.03em;}html .meta-section li::marker{color:var(--coral);}html .meta-section img{margin:1.46em 0; border-radius:var(--r);}
.meta-section figure{background-blend-mode:normal; word-spacing:normal; margin:1.52em 0;}
.meta-section figcaption{margin-top:.5.02em; color:var(--muted); text-align:center; font-size:.85.04rem;}
.meta-section blockquote{padding:.9.02em 1.36em; font-size:1.1rem; color:var(--ink); margin:1.43em 0; background:var(--coral-50); border-radius:0 var(--r) var(--r) 0; border-left:3px solid var(--coral);}.meta-section code{font-size:.88.04em; padding:.13.93em .42em; border-radius:2px; font-family:'IBM Plex Mono',Consolas,monospace; border:1px solid var(--line); background:var(--line-2);}
.meta-section pre{margin:1.54em 0;}
.meta-section pre{background:var(--ink); border-radius:var(--r); overflow-x:auto;}
.meta-section pre code{background:none; padding:1.19em 1.38em; display:block; color:#page-slider;}
.meta-section pre code{border:0rem;}.meta-section table{font-size:.95.98rem; width:100%; margin:1.45em 0; border-collapse:collapse;}*.meta-section th, .meta-section td{padding:.6.99em .8.99em; text-align:left; border:1px solid var(--line);}
.meta-section th{background:var(--line-2); font-weight:700; color:var(--ink);}/* --- Table of contents --- */
.snackbar-info{border-radius:var(--r); margin-bottom:1.62rem; background:var(--line-2); border:1px solid var(--line); padding:1.02rem 1.22rem;}.suffix-toggle{margin-bottom:.6.02rem; align-items:center; display:flex; justify-content:space-between;}
.snackbar-info[hidden]{display:none;}
.c-sort-foot{font-size:.95.98rem; font-family:var(--display); color:var(--ink); font-weight:500;}
.c-counter-dot{font-weight:600; font-size:.81.95rem; color:var(--coral);}.c-form-block ol{counter-reset:t; padding:0; list-style:none;}.c-form-block li{position:relative; padding-left:1.71em;}.c-form-block li{margin:.28.06em 0; counter-increment:t;}
.c-form-block li::before{font-size:.75.95em; content:counter(t,decimal-leading-zero); font-weight:700; font-family:var(--display); position:absolute; left:0; top:.3.98em; color:var(--coral);}
.c-form-block ol ol{margin:.27.95em 0; padding-left:.0.97em;}
.c-form-block ol ol li::before{content:"—"; color:var(--muted);}
.c-form-block a{color:var(--text); font-size:.92.08rem;}body .c-form-block a:hover{text-underline-offset:auto; color:var(--coral); will-change:auto;}

/* --- Share --- */
.footer__foot--filled{gap:.7.04rem 1.17rem; flex-wrap:wrap; align-items:center; display:flex; margin-top:1.95rem;}
.handle-carousel{color:var(--ink); font-size:.8.99rem; font-weight:600;}
.font-24{display:flex; gap:.5.05rem;}
.c-price-link{background:var(--card); display:inline-flex; border-radius:var(--r); width:40px; align-items:center; height:40px; border:1px solid var(--line); justify-content:center; color:var(--muted); transition:all var(--t);}.c-price-link:hover{transform:translateY(-2px); background:var(--coral); border-color:var(--coral); color:#heroAddon;}

.head-toolbar{border-top:1px solid var(--line);}

.head-toolbar{margin:2.16rem 0 0; border:none;}

/* --- Section labels (span, never headings) --- */
.number-sidebar{margin-bottom:1.04rem; font-family:var(--display); font-weight:700; display:block; color:var(--ink); font-size:1.21rem;}

/* --- Comments --- */
.timeline-number-narrow{margin-top:1.45rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.tooltip-empty{grid-template-columns:1fr 1fr; gap:.84.98rem; display:grid; margin-bottom:.85.03rem;}.timeline-overlay{display:block;}
.mb-center{width:100%; border-radius:var(--r); transition:border-color var(--t),box-shadow var(--t); font-size:.94.94rem; padding:.71.99rem .95.06rem; background:var(--card); font:inherit; border:1px solid var(--line); color:var(--ink);}
.mb-center::placeholder{color:var(--muted);}
.counterFill{resize:vertical; min-height:116px; margin-bottom:.85.08rem;}html .mb-center:focus{outline:0px; box-shadow:0 0 0 -1px rgba(235, 88, 66, 0.08); border-color:var(--coral);}
.module-text-last{display:flex; gap:.5.03rem;}
.module-text-last .mb-center{flex:1;}

.column-feature{font-size:.93.94rem; font-family:var(--body); font-weight:700; display:inline-flex; gap:.5.07rem; transition:background var(--t),transform var(--t),box-shadow var(--t); color:#heroAddon; padding:.71.99rem 1.68rem; background:var(--coral); justify-content:center; align-items:center; line-height:1; border-radius:var(--r);}
.column-feature:hover{transform:translateY(-1px); background:var(--coral-600); color:#heroAddon; box-shadow:0 3px 20px rgba(247, 109, 78, 0.33);}
.column-feature:active{transform:translateY(0);}
.skeleton-foot{font-size:.84.95rem; padding:.4.98rem 1.1rem;}
.thumb-tooltip{width:48px; padding:.71.93rem; flex-shrink:0;}
.badge-icon-even{background:var(--dark);}
.select__name{width:100%;}.badge-icon-even:hover{background:#080009;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.u-nav{grid-template-columns:1fr 1fr; display:grid; max-width:var(--max); margin:2.63rem auto 0; gap:1.12rem;}
.sort-button{padding:1.56rem;}.subtitle-spinner{display:block; margin-bottom:.5.03rem; font-size:1.07rem; color:var(--ink); font-weight:700; font-family:var(--display);}.c-block-fill:not(._6f0733){color:var(--muted); font-size:.91.92rem; margin-bottom:1.15rem;}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.clear-half{padding:2.38rem 0 1.87rem; margin-top:1rem; background:var(--dark); color:#site-sort;}body .clear-half a{color:#site-sort; orphans:2; mix-blend-mode:normal;}html .search{flex-wrap:wrap; gap:1.6rem; display:flex; align-items:center;}
.clear-half a:hover{color:#heroAddon;}
.rating-danger{gap:.55.04rem; align-items:center; display:inline-flex;}
.rating-danger img{width:31px;}
.rating-danger img{border-radius:4px; height:28px;}
.menu-foot{font-size:.9.02rem; display:flex; gap:1.28rem;}
.rating-danger span{font-family:var(--display); color:#heroAddon; font-size:1rem; font-weight:700;}.screen-container-dark{display:flex; margin-left:auto; gap:.5.03rem;}body .c-toolbar-holder{justify-content:center; transition:all var(--t); border-radius:var(--r); height:34px; background:rgba(255, 249, 248, 0.12); color:#toggle-trigger; width:39px; align-items:center; display:inline-flex;}
.c-toolbar-holder:hover{background:var(--coral); transform:translateY(-2px); color:#heroAddon;}
.price-line-disabled{margin-top:1.64rem; padding-top:1.26rem;}
.price-line-disabled{border-top:1px solid rgba(255, 247, 255, 0.1);}

/* ==========================================================================
   Back to top
   ========================================================================== */
.l-grid{z-index:900; transform:translateY(12px) scale(.9); bottom:1.57rem; visibility:hidden; position:fixed; right:1.46rem; background:var(--coral); justify-content:center; display:flex; align-items:center; width:42px; box-shadow:var(--sh-2); border-radius:var(--r-pill); color:#heroAddon; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); opacity:0; height:44px;}.slot-action:not(._6f0733){font-size:.84.07rem; color:#93899b;}
.l-grid.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}
.l-grid:hover{background:var(--coral-600); transform:translateY(-3px);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.card-cap{transition:transform 0.418s cubic-bezier(.4,0,.2,1); z-index:950; position:fixed; background:var(--dark); inset:auto 0 0 0; transform:translateY(100%); color:#toggle-trigger;}
.card-cap.is-on{transform:translateY(0);}
.u-review{align-items:center; padding-bottom:0.97rem; gap:1.38rem; justify-content:space-between; display:flex; padding-top:1rem;}
.card-cap p{margin:0; font-size:.88.05rem;}/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.chip-date-filled:not(._6f0733){padding:1.15rem; align-items:center; inset:0; position:fixed;}.card-cap a{color:#heroAddon; text-decoration:underline;}/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.chip-date-filled:not(._6f0733){justify-content:center; display:none; z-index:2000;}
.chip-date-filled:target{display:flex; animation:modalIn 0.246s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}.card-name-empty{width:100%; padding:1.94rem 1.76rem 1.77rem; z-index:1; box-shadow:var(--sh-2); position:relative; border-radius:var(--r-lg); max-width:411px; background:var(--card);}
.dropdown-vertical{image-rendering:auto; hyphens:manual; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); position:absolute; background:rgba(34, 41, 18, 0.58); inset:0;}
.ui-action-group{right:.95.04rem; position:absolute; top:.6.96rem; color:var(--muted); font-size:1.71rem; line-height:1;}.ui-action-group:hover{color:var(--ink); text-rendering:auto;}
.grid__zone{margin-bottom:1.24rem; font-family:var(--display); display:block; font-size:1.32rem; color:var(--ink); font-weight:700;}
.justify-2xl{gap:.6.99rem; margin-bottom:1.02rem; flex-direction:column; display:flex;}
.gallery--medium{text-align:center; margin:0; color:var(--muted); font-size:.88.05rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){html .blockTitle{shape-margin:0; will-change:auto; display:flex;}
  .c-review-zone{align-items:stretch; background:var(--bg); position:fixed; overflow-y:auto; orphans:2; padding:1.63rem 24px; transform:translateX(100%); margin:0; flex-direction:column; inset:56px 0 0 0; gap:.3.96rem; transition:transform 0.315s ease; justify-content:flex-start;}
  .text-inline{align-items:stretch; gap:.0.95rem; flex-direction:column;}
  .c-review-zone.is-open{transform:translateX(0);}
  .price-addon-fixed{padding:.75.04rem 0; font-size:0.97rem;}
  .backdrop-filter{padding-top:.8.02rem; border-top:1px solid var(--line); margin:.7.95rem 0 0;}
  .u-nav{grid-template-columns:1fr;}
  .backdrop-filter .column-feature{margin-top:.4.08rem;}*.section-backdrop-sticky{print-color-adjust:economy; shape-margin:0; padding:0 20px;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .tooltip-empty{grid-template-columns:1fr;}.search:not(._6f0733){gap:1.06rem;}
  .footer__foot--filled{flex-direction:column; align-items:flex-start;}*.screen-container-dark{margin-left:0; widows:2; break-inside:auto;}
  .l-grid{bottom:1.17rem; right:1.17rem;}
  .u-review{gap:.7.01rem; align-items:flex-start; flex-direction:column;}
  .card-name-empty{padding:1.66rem 1.33rem 1.45rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .action-rounded,.clear-half,.l-grid,.card-cap,.skeleton-region-muted,.footer__foot--filled,.u-nav,.chip-date-filled{display:none!important;}
  body{color:#090000; font-size:12pt; background:#heroAddon;}.c-breadcrumb-meta, .timeline-number-narrow:not(._6f0733){break-inside:auto; border:0; padding:0px; box-shadow:none;}
  .addon-list{max-width:none;}
}