*,*::before,*::after{padding:0; margin:0; box-sizing:border-box; break-inside:auto;}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

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

html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased; color:var(--text); text-rendering:optimizeLegibility; font-size:16px; font-family:var(--body); background:var(--bg); line-height:1.7;}ul, ol{list-style:none;}img, svg{display:block; orphans:2; page-break-inside:auto; height:auto; max-width:100%;}
button{cursor:pointer;}
button{background:none; color:inherit; border:none; font:inherit;}
a{text-decoration:none; transition:color var(--t); color:var(--coral);}
::selection{background-blend-mode:normal; font-variant-caps:normal; color:rgb(255, 252, 227); background:var(--coral);}
.sidebar-wrapper + .nav-tertiary {height:auto; padding:1.5rem 1rem; width:1100px; text-decoration:none}

a:hover{color:var(--coral-600);}
:focus-visible{outline-offset:2px; border-radius:none;}
:focus-visible{mix-blend-mode:normal; outline:2px solid var(--coral);}h1{font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-weight:bold; letter-spacing:-.1.99em;}h1{line-height:1.18; font-family:var(--display); color:var(--ink); margin:0 0 .5.06em;}
p{margin:0 0 1.03em;}
.filter-count.toolbar-fluid {transition:transform 0.35s ease-in-out; gap:1.125rem; display:inline}

.pagination-row .badge-foot {transition:transform 0.15s ease-in-out; width:340px; padding:0.75rem 1.5rem; min-height:100vh; border:none}

strong,b{font-weight:600; color:var(--ink);}em, i{font-style:italic;}

.listImage{padding:0 22px; margin:0 auto; max-width:var(--max); width:100%;}
.progress-subtitle .feature-detail {gap:20px; flex:none; position:static; transition:transform 0.3s ease-in-out; min-height:28px}
/* --- Scroll progress --- */
.el-price{z-index:1200; height:3px; width:0; position:fixed; transition:width 0.037s linear; background:linear-gradient(90deg,var(--coral),var(--coral-600)); inset:0 auto auto 0;}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.accordionData{position:sticky; background:rgba(254, 255, 255, 0.95); backdrop-filter:saturate(150%) blur(10px); border-bottom:1px solid var(--line); transition:transform var(--t),box-shadow var(--t); z-index:1100; top:0; -webkit-backdrop-filter:saturate(150%) blur(10px);}
.accordionData.is-hidden{transform:translateY(-100%);}
.dividerImage{min-height:60px; display:flex; align-items:center; gap:1.38rem;}
.accordionData.is-pinned{box-shadow:0 6px 26px rgba(31, 39, 18, 0.03);}
.skeleton-muted{display:inline-flex; gap:.54.94rem; align-items:center; flex-shrink:0;}
.entryAddon{width:30px; border-radius:10px; height:31px;}
.pb-xs{font-size:1.14rem; font-weight:600; letter-spacing:-.0.99em; color:var(--ink); font-family:var(--display);}.drawerHead{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px; margin-left:auto; height:41px; display:none; justify-content:center; flex-direction:column; width:46px; gap:2px;}
.drawerHead span{border-radius:2px; background:var(--ink); transition:transform var(--t),opacity var(--t); image-rendering:auto; height:2px;}
.drawerHead.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}.drawerHead.is-x span:nth-child(2){opacity:0;}
.drawerHead.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.modalName{display:flex; gap:1.33rem; align-items:center; margin-left:auto;}
.spinner-addon:not(:last-child) {font-weight:bold; opacity:1; border:none}

.badgeThumb{gap:.15.04rem; display:flex; align-items:center;}.searchToggle{margin-left:.4.07rem;}
.chipAddon{font-weight:600; transition:background var(--t),color var(--t); border-radius:var(--r); font-size:.93.04rem; color:var(--text); display:inline-block; padding:.5.01rem .7.94rem; perspective:none;}
.chipAddon:hover{background:var(--coral-50); color:var(--coral-600);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.searchHead{padding:1.97rem 0 4.47rem;}
.viewTime{margin:0 auto; text-rendering:auto; max-width:var(--read);}

.heroContent,.badgeContainer,.replyNumber{border-radius:var(--r-lg); box-shadow:var(--sh); hyphens:manual; background:var(--card); border:1px solid var(--line);}

.heroContent{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.cardSpacer{margin-bottom:.6.99rem;}
.select-column > meta {position:absolute; max-width:520px; border-radius:32px; letter-spacing:normal}

.mediaSeparator{margin-bottom:1.67rem; break-inside:auto; isolation:auto;}
.ratingSummary{padding:.2.95rem .7.04rem; border-radius:var(--r-pill); font-size:.82.01rem; display:inline-flex; font-synthesis:weight style small-caps; gap:.4.08rem; background:var(--line-2); align-items:center; color:var(--muted);}
.listTertiary{gap:.4.92rem; display:flex; flex-wrap:wrap;}
.ratingSummary svg{opacity:0.62; will-change:auto;}

/* --- Prose --- */
.counterAction{font-size:1.14rem; line-height:1.8;}

/* --- Prose --- */
.counterAction{color:var(--text);}
.counterAction > *:first-child{margin-top:0px;}body .counterAction p{margin-bottom:1.16em;}html .counterAction a{text-underline-offset:3px; text-decoration-color:rgba(246, 98, 77, 0.48); text-decoration:underline;}
.counterAction a:hover{text-decoration-color:var(--coral);}.counterAction h2, body .counterAction h3, html .counterAction h4{font-weight:600; scroll-margin-top:80px; letter-spacing:-.1em; line-height:1.25; color:var(--ink); font-family:var(--display); text-decoration-skip-ink:auto;}
.action-prefix .section-close {flex:1 1 0%; transition:opacity 0.35s}
.counterAction h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.69em 0 .54.99em;}
.counterAction h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.46em 0 .5.08em;}.counterAction h4{font-size:1.03rem; margin:1.17em 0 .4.96em;}
.counterAction ul,.counterAction ol{margin:0 0 1.21em; padding-left:1.33em;}
.counterAction ul{list-style:disc;}
.counterAction ol{list-style:decimal;}
.counterAction li{margin-bottom:.3.97em; perspective:none; word-spacing:normal;}*.counterAction li::marker{color:var(--coral);}
.counterAction img{margin:1.5em 0; border-radius:var(--r);}html .counterAction figure{margin:1.56em 0;}
.counterAction figcaption{margin-top:.5.03em; text-align:center; font-size:.85.05rem; color:var(--muted);}*.counterAction blockquote{color:var(--ink); font-size:1.11rem; padding:.8.97em 1.27em; border-radius:0 var(--r) var(--r) 0; background:var(--coral-50); border-left:3px solid var(--coral); margin:1.47em 0;}
.counterAction code{font-family:'IBM Plex Mono',Consolas,monospace; border-radius:8px; border:1px solid var(--line); font-size:.87.99em; padding:.14.08em .42.04em; background:var(--line-2);}
.counterAction pre{background:var(--ink); overflow-x:auto; margin:1.55em 0; border-radius:var(--r);}
.menu-primary .pagination-expand {box-shadow:0 1px 11px rgba(0,0,0,0.78); flex:1 1 0%; max-width:840px}
html .counterAction pre code{background:none; display:block; border:0; padding-top:1.18em;padding-right:1.46em;padding-bottom:1.18em;padding-left:1.46em; color:#f4e3f7;}
.counterAction table{width:100%; font-size:.95.92rem; margin:1.52em 0; border-collapse:collapse;}
.counterAction th,.counterAction td{padding:.6.98em .8.97em; text-align:left; border:1px solid var(--line);}
.counterAction th{color:var(--ink); background:var(--line-2); font-weight:600;}/* --- Table of contents --- */
.toolbarDetail{border:1px solid var(--line); mix-blend-mode:normal; border-radius:var(--r); background:var(--line-2); margin-bottom:1.67rem; padding:1.12rem 1.29rem;}
.toolbarDetail[hidden]{background-blend-mode:normal; display:none;}html .menuLine{align-items:center; margin-bottom:.5.94rem; justify-content:space-between; display:flex;}body .snackbarPrefix{font-family:var(--display); font-weight:600;}
.selectIcon{color:var(--coral); font-weight:600; font-size:.82.08rem;}body .snackbarPrefix{color:var(--ink); font-size:.96.03rem;}
.tooltipText ol{list-style:none; counter-reset:t; padding:0;}.tooltipText li{margin:.27.94em 0; counter-increment:t; position:relative; padding-left:1.78em;}
.tooltipText li::before{font-weight:600; position:absolute; font-family:var(--display); top:.3.98em; left:0; font-size:.76.02em; color:var(--coral); content:counter(t,decimal-leading-zero);}html .tooltipText ol ol{padding-left:.0.98em; backface-visibility:visible; transform-style:flat; margin:.27.92em 0;}*.tooltipText ol ol li::before{color:var(--muted); content:"—";}
.tooltipText a{color:var(--text); font-size:.91.92rem;}.tooltipText a:hover{color:var(--coral); print-color-adjust:economy;}/* --- Share --- */
.boxPrimary{margin-top:1.97rem; display:flex; flex-wrap:wrap; align-items:center; gap:.6.93rem 1.12rem;}
.ui-card{font-size:.8.99rem; color:var(--ink); font-weight:600;}
.statusPreview{display:flex; gap:.4.93rem;}
.layout__suffix{border-radius:var(--r); color:var(--muted); justify-content:center; height:36px; background:var(--card); transition:all var(--t); width:40px; display:inline-flex; border:1px solid var(--line); align-items:center;}
.layout__suffix:hover{background:var(--coral); border-color:var(--coral); color:rgb(255, 226, 224); transform:translateY(-2px); text-rendering:auto;}

/* --- Section labels (span, never headings) --- */
.filterPrefix{color:var(--ink); font-size:1.2rem; font-family:var(--display); margin-bottom:1.17rem; display:block; font-weight:600;}html .searchInput{margin:2.2rem 0 0; word-spacing:normal; border:0; border-top:1px solid var(--line);}

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

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.overflow-none{gap:.84.97rem; margin-bottom:.85.01rem; display:grid; grid-template-columns:1fr 1fr;}body .feature-date-pressed{display:block; image-rendering:auto; perspective:none;}
.tabsGroup{border:1px solid var(--line); border-radius:var(--r); font-size:.94.97rem; padding:.71.92rem .94.97rem; width:100%; background:var(--card); transition:border-color var(--t),box-shadow var(--t); font:inherit; color:var(--ink);}
.tabsGroup::placeholder{color:var(--muted);}
.tabsGroup:focus{border-color:var(--coral); box-shadow:0 0 0 2px rgba(231, 81, 60, 0.09); outline:0;}
.feature{gap:.5.03rem; display:flex;}
.statusContent{resize:vertical; min-height:117px; background-blend-mode:normal; margin-bottom:.84.92rem;}body .ratingLine{color:#fff7ed; justify-content:center; gap:.5.08rem; font-weight:600; line-height:1; padding:.72.01rem 1.65rem; font-family:var(--body); font-size:.93.92rem; display:inline-flex; background:var(--coral); align-items:center; border-radius:var(--r); transition:background var(--t),transform var(--t),box-shadow var(--t);}
.feature .tabsGroup{flex:1;}
.ratingLine:hover{color:#ffffff; box-shadow:0 8px 17px rgba(224, 95, 61, 0.3); background:var(--coral-600); transform:translateY(-1px);}
.ratingLine:active{transform:translateY(0);}
.region-toolbar{font-size:.84.99rem; padding:.4.98rem 1.13rem;}*.heroSeparator{background:var(--dark);}.boxLine{width:47px; padding:.72.07rem; flex-shrink:0;}
.menuBackdrop{width:100%;}
@media (max-width: 1024px) {
  .drawer-handle .accordion-item {align-items:flex-end; margin-top:0; font-weight:normal; height:12px; border-radius:24px; border:none}
  .modal--rounded {margin-left:auto; display:inline; transition:color 0.5s; background:none; min-width:13px}
}


.heroSeparator:hover{background:#000c12;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.counterButton{max-width:var(--max); gap:1.15rem; margin:2.66rem auto 0; grid-template-columns:1fr 1fr; display:grid;}body .replyNumber{padding:1.46rem;}
.card__row{font-size:1.14rem; font-family:var(--display); color:var(--ink); margin-bottom:.4.93rem; display:block; font-weight:600;}/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.stepContainer{margin-top:0.95rem; padding:2.4rem 0 1.78rem; color:rgb(186, 195, 181); background:var(--dark);}
.mediaDot{font-size:.92.03rem; margin-bottom:1.05rem; color:var(--muted);}
.stepContainer a{color:#c8c3ca;}
.stepContainer a:hover{font-variant-ligatures:normal; backface-visibility:visible; color:rgb(255, 234, 247);}.align-6{flex-wrap:wrap; gap:1.52rem; align-items:center;}.align-6{mix-blend-mode:normal; display:flex;}
.carousel-trigger:first-child {transition:all 0.45s ease; margin-right:31px; justify-content:flex-end}

.toggleBackdrop{gap:.54.96rem; align-items:center; display:inline-flex;}
.toggleBackdrop img{height:27px; width:27px; hyphens:manual; will-change:auto; border-radius:6px;}
.toggleBackdrop span{color:#fffff3; font-weight:600; font-family:var(--display); font-size:1.01rem;}
.avatarOverlay{font-size:.9.03rem; gap:1.29rem; display:flex;}
.px-5{gap:.5rem; display:flex; margin-left:auto;}
.u-carousel{height:41px; transition:all var(--t); color:rgb(218, 218, 211); width:39px; display:inline-flex; align-items:center; border-radius:var(--r); justify-content:center; background:rgba(255, 255, 255, 0.1);}
.u-carousel:hover{background:var(--coral); color:#f9f9ff; transform:translateY(-2px);}*.bannerBody{padding-top:1.23rem; border-top:1px solid rgba(255, 255, 255, 0.16); margin-top:1.67rem;}body .snackbar__number--half{color:rgb(137, 129, 163); font-size:.84rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.searchCount{position:fixed; display:flex; box-shadow:var(--sh-2); visibility:hidden; border-radius:var(--r-pill); height:47px; background:var(--coral); opacity:0; width:42px; right:1.51rem; transform:translateY(12px) scale(.9); justify-content:center; z-index:900; bottom:1.58rem; align-items:center; color:#f3ffee; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t);}
.rating-image {height:9px; margin-right:auto; justify-content:space-around; margin-top:0}

.searchCount.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.widgetIcon{color:hsl(224, 7.6%, 77.1%); inset:auto 0 0 0; z-index:950; transform:translateY(100%); background:var(--dark); position:fixed; transition:transform 0.452s cubic-bezier(.4,0,.2,1);}*.searchCount:hover{background:var(--coral-600); transform:translateY(-3px);}
.widgetIcon.is-on{transform:translateY(0);}
#grid-preview {position:relative; border:1px solid #2db304; transition:color 0.25s; box-shadow:0 14px 6px rgba(0,0,0,0.52)}

.d-around{display:flex; align-items:center; padding-top:0.99rem; gap:1.34rem; padding-bottom:1.01rem; justify-content:space-between;}body .widgetIcon p{margin:0; font-size:.87.97rem;}
.widgetIcon a{text-decoration:underline; color:rgb(255, 255, 255);}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.mx-lg{display:none; padding:1.17rem; inset:0em; z-index:2000; justify-content:center; align-items:center; position:fixed;}
.mx-lg:target{page-break-inside:auto; animation:modalIn 0.207s ease; image-rendering:auto; display:flex;}
@keyframes modalIn{from{page-break-inside:auto; opacity:0;}to{opacity:1;}}
.app-table-wrap{-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); inset:0; background:rgba(32, 36, 14, 0.57); position:absolute;}html .searchItem{position:absolute;}.stepperHandle{max-width:414px; border-radius:var(--r-lg); box-shadow:var(--sh-2); width:100%; position:relative; padding:1.92rem 1.76rem 1.83rem; background:var(--card); z-index:1;}html .searchItem{right:.94.97rem; font-size:1.65rem; top:.6.96rem; color:var(--muted); line-height:1;}
.searchItem:hover{color:var(--ink);}html .menuPrefix{display:block; font-weight:600; margin-bottom:1.19rem; font-family:var(--display); font-size:1.42rem; transform-style:flat; color:var(--ink);}
.dropdownAddon{display:flex; gap:.7.06rem; margin-bottom:1.07rem; flex-direction:column;}*.searchInfo{font-size:.87.97rem; color:var(--muted); margin:0; text-align:center;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .drawerHead{display:flex;}
  .modalName{background:var(--bg); transform:translateX(100%); gap:.4.07rem; overflow-y:auto; padding:1.52rem 23px; inset:59px 0 0 0; position:fixed;}
  .modalName{justify-content:flex-start; flex-direction:column; transition:transform 0.246s ease; margin:0; align-items:stretch;}
  .badgeThumb{flex-direction:column; align-items:stretch; gap:.1.01rem;}
  .modalName.is-open{transform:translateX(0); backface-visibility:visible;}*.searchToggle{margin:.8.01rem 0 0; padding-top:.8.07rem; border-top:1px solid var(--line);}
  .chipAddon{font-size:1.08rem; padding:.74.99rem 0;}
  .searchToggle .ratingLine{margin-top:.3.96rem;}
  .counterButton{grid-template-columns:1fr;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}.listImage:not(.none16){padding:0 19px;}
.form-input:not(:last-child) {position:sticky; text-decoration:underline}

  .overflow-none{grid-template-columns:1fr;}body .boxPrimary{word-spacing:normal; align-items:flex-start; flex-direction:column; transform-style:flat;}
  .align-6{gap:1.06rem;}*.px-5{margin-left:0;}
  .searchCount{bottom:1.1rem; right:1.12rem;}
  .d-around{align-items:flex-start; gap:.6.93rem; flex-direction:column;}
  .stepperHandle{padding:1.74rem 1.26rem 1.41rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .accordionData,.stepContainer,.searchCount,.widgetIcon,.el-price,.boxPrimary,.counterButton,.mx-lg{display:none!important;}
  body{background-color:#f0f9ee; color:hsl(251, 99.7%, 0.5%); font-size:12pt;}
@media (max-width: 800px) {
  .pagination-row .badge-foot {gap:1rem; background-color:#0dd7b9; transition:color 0.5s; min-height:100vh; margin-right:auto}
  .action-prefix .section-close {max-width:none; min-width:0; transition:transform 0.3s ease-in-out; min-height:22px; font-size:30px}
  .progress-subtitle .feature-detail {position:sticky; transition:color 0.3s}
}


  .heroContent,.badgeContainer{box-shadow:none; border:0 none; padding:0;}html .viewTime{font-variant-caps:normal; max-width:none; orphans:2;}
}