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

:root{--line-2:#tertiary-entry; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --muted:#878b95; --coral-600:#entry-head; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --card:#inner-toolbar; --r-lg:12px; --coral-50:#viewPlaceholder; --r:8px; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --t:.22s cubic-bezier(.4,0,.2,1); --bg:#timelineHolder; --dark:#17181c; --text:#41454d; --r-pill:999px; --line:#page-toolbar; --ink:#17181c; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --max:1120px; --coral:#page-post; --read:740px;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}

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

.ml-24{max-width:var(--max);}

.ml-24{padding:0 25px; margin:0 auto; width:100%;}

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

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.commentNumber{backdrop-filter:saturate(150%) blur(10px); border-bottom:1px solid var(--line); position:sticky; -webkit-backdrop-filter:saturate(150%) blur(10px); top:0; z-index:1100; background:rgba(255, 250, 250, 0.83); transition:transform var(--t),box-shadow var(--t);}body .commentNumber.is-hidden{transform:translateY(-100%); font-variant-caps:normal;}.commentNumber.is-pinned:not(._54d61d){word-spacing:normal; font-synthesis:weight style small-caps; box-shadow:0 7px 26px rgba(13, 39, 34, 0.06);}
.pt-xl{gap:1.46rem; align-items:center; min-height:59px; display:flex;}*.modalCap{gap:.54.92rem; align-items:center; display:inline-flex; flex-shrink:0;}.dialogToggle:not(._54d61d){height:34px; border-radius:12px; width:32px;}
.c-accordion-summary{font-weight:600; font-family:var(--display); letter-spacing:-.0.96em; font-size:1.07rem; color:var(--ink);}

.l-section-wrapper{height:39px; display:none; gap:3px; margin-left:auto; padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px; justify-content:center; flex-direction:column; width:41px;}
.l-section-wrapper span{print-color-adjust:economy; transition:transform var(--t),opacity var(--t); height:2px; background:var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.l-section-wrapper.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.l-section-wrapper.is-x span:nth-child(2){opacity:0;}
.l-section-wrapper.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

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

.menuOverlay{gap:1.43rem; align-items:center;}.mediaSeparator:not(._54d61d){gap:.14.92rem; align-items:center; display:flex;}
.tagColumn{margin-left:.4rem;}
.hero__input{transition:background var(--t),color var(--t); color:var(--text); font-size:.92.93rem; padding:.4.99rem .8.03rem; font-weight:700; display:inline-block; border-radius:var(--r);}
.hero__input:hover{background:var(--coral-50); color:var(--coral-600);}*.galleryNumber{max-width:var(--read); margin:0 auto;}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.featureBackdrop{padding:1.92rem 0 4.46rem;}.select-success, *.footerDot, html .sliderHandle{border-radius:var(--r-lg); border:1px solid var(--line); box-shadow:var(--sh); background:var(--card);}

.select-success{padding:clamp(1.5rem,1rem + 2vw,3rem);}*.priceRow{margin-bottom:1.63rem;}
.spinnerExtra{margin-bottom:.6.95rem; widows:2;}
.snackbarSection{gap:.5.04rem; display:flex; flex-wrap:wrap;}
.tooltipImage{padding:.3.02rem .7.05rem; color:var(--muted); align-items:center; display:inline-flex; border-radius:var(--r-pill); background:var(--line-2); gap:.3.99rem; font-size:.82.01rem;}
.tooltipImage svg{opacity:0.64;}

/* --- Prose --- */
.commentFill{font-size:1rem; line-height:1.8; color:var(--text);}
.commentFill > *:first-child{margin-top:0; print-color-adjust:economy; isolation:auto;}
.commentFill p{image-rendering:auto; break-inside:auto; margin-bottom:1.12em;}
.commentFill a{tab-size:4;}
.commentFill a{text-decoration-color:rgba(246, 93, 64, 0.48); text-underline-offset:3px; text-decoration:underline;}
.commentFill a:hover{text-decoration-color:var(--coral);}
.commentFill h2,.commentFill h3,.commentFill h4{font-family:var(--display); line-height:1.25; color:var(--ink); font-weight:600; letter-spacing:-.1.07em; scroll-margin-top:80px;}html .commentFill h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.66em 0 .55em;}
.commentFill h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.47em 0 .5.05em;}
.commentFill h4{font-size:1.12rem; margin:1.19em 0 .4.92em;}
.commentFill ul,.commentFill ol{margin:0 0 1.15em; padding-left:1.46em;}
.commentFill ul{list-style:disc;}
.commentFill ol{list-style:decimal;}*.commentFill li{-moz-tab-size:4;tab-size:4; margin-bottom:.3.96em;}
.commentFill li::marker{color:var(--coral);}
.commentFill img{border-radius:var(--r); margin:1.56em 0;}
.commentFill figure{margin:1.51em 0;}
.commentFill figcaption{text-align:center; font-size:.85.07rem; color:var(--muted); margin-top:.4.99em;}
.commentFill blockquote{font-size:1.12rem; margin:1.49em 0; color:var(--ink); border-left:3px solid var(--coral); background:var(--coral-50); border-radius:0 var(--r) var(--r) 0; padding:.9.07em 1.28em;}
.commentFill code{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; text-decoration-skip-ink:auto; transform-style:flat; border:1px solid var(--line); font-family:'IBM Plex Mono',Consolas,monospace; background:var(--line-2); padding:.13.95em .42.04em; font-size:.88.08em;}
.commentFill pre{margin:1.45em 0; background:var(--ink); overflow-x:auto; border-radius:var(--r);}
.commentFill pre code{background:none; color:#page-spinner; display:block; border:none; padding:1.15em 1.48em;}.commentFill table{border-collapse:collapse; width:100%; font-size:.96.04rem; margin:1.49em 0;}
.commentFill th,.commentFill td{padding:.6.96em .8.95em; text-align:left; border:1px solid var(--line);}
.commentFill th{font-weight:500; color:var(--ink); background:var(--line-2);}/* --- Table of contents --- */
.selectSpacer{border-radius:var(--r); background:var(--line-2); font-variant-caps:normal; border:1px solid var(--line); padding:0.99rem 1.23rem;}/* --- Table of contents --- */
.selectSpacer{image-rendering:auto; margin-bottom:1.54rem;}
.avatarColumn{align-items:center;}body .selectSpacer[hidden]{display:none;}
.avatarColumn{margin-bottom:.6.07rem; display:flex; justify-content:space-between;}
.widgetSpacer{font-family:var(--display); font-size:.95.93rem; font-weight:700; color:var(--ink);}.shadow-block:not(._54d61d){font-size:.81.96rem; font-weight:600; color:var(--coral);}
.o-pagination ol{list-style:none; counter-reset:t; padding:0;}body .o-pagination li{counter-increment:t; position:relative; margin:.27.93em 0; padding-left:1.77em;}html .o-pagination li::before{font-size:.76.07em; color:var(--coral); font-weight:500; top:.4.03em; content:counter(t,decimal-leading-zero); font-family:var(--display); left:0; position:absolute;}.o-pagination ol ol{isolation:auto; padding-left:.1em; margin:.28.04em 0; contain:none;}
.o-pagination ol ol li::before{color:var(--muted); content:"—";}.o-pagination a{color:var(--text); font-size:.92.02rem;}
.o-pagination a:hover{color:var(--coral); transform-style:flat;}/* --- Share --- */
.dropdownTrack{align-items:center; gap:.6.99rem 1.1rem; margin-top:2.05rem; flex-wrap:wrap; display:flex;}.footerCap{font-size:.9.05rem; color:var(--ink); font-weight:500;}body .tabsImage{display:flex; gap:.5.03rem;}
.mediaButton{transition:all var(--t); height:41px; border:1px solid var(--line); width:41px; color:var(--muted); align-items:center; border-radius:var(--r); background:var(--card); display:inline-flex; justify-content:center;}
.mediaButton:hover{transform:translateY(-2px); background:var(--coral); border-color:var(--coral); color:#page-skeleton;}

.t-screen-indicator{will-change:auto; border:none; backface-visibility:visible; border-top:1px solid var(--line); margin:2.13rem 0 0;}

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

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

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.skeleton-content-disabled{gap:.85.04rem; grid-template-columns:1fr 1fr; display:grid; margin-bottom:.84.97rem;}
.hero-subtitle-expanded{display:block;}body .filterItem{width:100%; transition:border-color var(--t),box-shadow var(--t); font-size:.95.08rem; border:1px solid var(--line); font:inherit; background:var(--card); padding:.71.99rem .94.92rem; color:var(--ink); border-radius:var(--r);}
.filterItem::placeholder{color:var(--muted);}body .ratingAction{min-height:118px; resize:vertical; margin-bottom:.85.01rem;}
.filterItem:focus{box-shadow:0 0 0 1px rgba(232, 81, 76, 0.09); outline:0; border-color:var(--coral);}
.viewContent{gap:.4.96rem; display:flex;}
.viewContent .filterItem{flex:1;}

.chipAddon{background:var(--coral); gap:.4.92rem;}

.chipAddon{padding:.71.97rem 1.63rem; justify-content:center; font-weight:600; color:#page-skeleton; border-radius:var(--r); display:inline-flex; font-size:.94.02rem; align-items:center; transition:background var(--t),transform var(--t),box-shadow var(--t); line-height:1; font-family:var(--body);}
.chipAddon:hover{transform:translateY(-1px); shape-margin:0; background:var(--coral-600); break-inside:auto; color:#page-skeleton; box-shadow:0 8px 14px rgba(229, 95, 52, 0.2);}
.py-24{text-rendering:auto; font-variant-ligatures:normal; padding:.4.98rem 1.11rem; font-size:.84.94rem;}body .chipAddon:active{shape-margin:0; transform:translateY(0); backface-visibility:visible;}
.toolbarTime{flex-shrink:0; width:48px; padding:.71.98rem;}.layoutName{background:var(--dark); font-variant-caps:normal; shape-margin:0;}.layoutName:hover{background:#0e0106;}
.snackbarSeparator{width:100%;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.c-chip-spacer{grid-template-columns:1fr 1fr; gap:1.16rem; display:grid; margin:2.64rem auto 0; max-width:var(--max);}
.sliderHandle{widows:2; padding:1.58rem; text-decoration-skip-ink:auto;}
.gridSummary{font-size:1.16rem; font-weight:700; margin-bottom:.5.02rem; color:var(--ink); font-family:var(--display); display:block;}
.sliderAddon{font-size:.91.93rem; color:var(--muted); margin-bottom:1.03rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.widgetTrack{color:#app-review; margin-top:0.97rem; padding:2.32rem 0 1.81rem; background:var(--dark);}*.widgetTrack a{color:#app-review; perspective:none; word-spacing:normal;}
.u-accordion-value{align-items:center; display:flex; gap:1.52rem; flex-wrap:wrap;}
.widgetTrack a:hover{color:#page-skeleton;}
.selectClose{gap:.55.06rem; align-items:center; display:inline-flex;}
.selectClose img{height:33px; word-spacing:normal; border-radius:9px; width:29px;}
.selectClose span{font-weight:500; font-family:var(--display); color:#page-skeleton; font-size:1.13rem;}body .c-table{display:flex; gap:1.32rem; font-size:.8.93rem;}
.el-divider-placeholder{display:flex; margin-left:auto; gap:.5.06rem;}
.card-warning{transition:all var(--t); height:39px; justify-content:center; color:#site-footer; display:inline-flex; align-items:center; border-radius:var(--r); background:rgba(244, 243, 255, 0.04); width:37px; text-decoration-skip-ink:auto;}.tabsRegion{will-change:auto; image-rendering:auto; padding-top:1.29rem; margin-top:1.53rem; border-top:1px solid rgba(238, 253, 255, 0.1);}.card-warning:hover{color:#page-skeleton; transform:translateY(-2px); background:var(--coral);}body .ui-module-toggle{color:#8a8a8c; font-size:.84.03rem;}/* ==========================================================================
   Back to top
   ========================================================================== */
.d-md{position:fixed; z-index:900; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); width:49px;}/* ==========================================================================
   Back to top
   ========================================================================== */
.d-md{border-radius:var(--r-pill); visibility:hidden; box-shadow:var(--sh-2); height:45px; align-items:center; bottom:1.55rem; color:#page-skeleton; display:flex; justify-content:center; opacity:0; transform:translateY(12px) scale(.9); background:var(--coral); right:1.56rem;}
.d-md.is-on{opacity:1; transform:translateY(0) scale(1); visibility:visible;}
.d-md:hover{transform:translateY(-3px); background:var(--coral-600);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.tableZone{inset:auto 0 0 0; color:#site-footer; z-index:950; transition:transform 0.425s cubic-bezier(.4,0,.2,1); transform:translateY(100%); background:var(--dark); position:fixed;}
.mediaInner{align-items:center; padding-top:1.05rem; justify-content:space-between; gap:1.23rem; display:flex; padding-bottom:0.93rem;}body .tableZone.is-on{transform:translateY(0);}
.tableZone p{margin:0; font-size:.87.93rem;}
.tableZone a{color:#page-skeleton; text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.ratingTrigger{display:none; z-index:2000; justify-content:center; word-spacing:normal; align-items:center; padding:1.26rem; inset:0; image-rendering:auto; position:fixed;}.ratingTrigger:target{animation:modalIn 0.194s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.paginationArea{position:absolute; background:rgba(15, 8, 30, 0.52); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); inset:0;}.tagTrigger{padding:1.92rem 1.79rem 1.87rem; box-shadow:var(--sh-2); background:var(--card); z-index:1; max-width:412px; width:100%; position:relative; border-radius:var(--r-lg);}
.dropdownToggle{top:.7.03rem; line-height:1; position:absolute; right:.95.08rem; font-size:1.74rem; color:var(--muted);}
.menuExtra{font-weight:600; color:var(--ink); margin-bottom:1.25rem; font-size:1.39rem; font-family:var(--display); display:block;}
.dropdownToggle:hover{color:var(--ink);}
.snackbarAction{flex-direction:column; gap:.6.97rem; display:flex; margin-bottom:1.08rem;}.navTrigger:not(._54d61d){margin:0; font-size:.87.97rem; break-inside:auto; color:var(--muted); text-align:center;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .l-section-wrapper{display:flex;}
  .menuOverlay{background:var(--bg); transition:transform 0.258s ease; overflow-y:auto; margin:0; align-items:stretch; flex-direction:column; transform:translateX(100%); gap:.3.98rem; justify-content:flex-start; inset:64px 0 0 0; padding:1.54rem 24px; position:fixed;}*.menuOverlay.is-open{transform:translateX(0);}
  .mediaSeparator{orphans:2; align-items:stretch; flex-direction:column; gap:.0.95rem;}.tagColumn:not(._54d61d){margin:.7.95rem 0 0;}.tagColumn:not(._54d61d){padding-top:.8.08rem; border-top:1px solid var(--line);}html .hero__input{font-size:0.98rem; padding:.75.08rem 0;}
  .tagColumn .chipAddon{margin-top:.4.08rem;}
  .c-chip-spacer{grid-template-columns:1fr;}
  .ml-24{padding:0 17px;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .dropdownTrack{font-variant-caps:normal; flex-direction:column; align-items:flex-start;}
  .skeleton-content-disabled{grid-template-columns:1fr;}body .u-accordion-value{gap:1.16rem;}
  .el-divider-placeholder{margin-left:0;}.d-md{right:1.18rem; bottom:1.03rem; shape-margin:0;}
  .mediaInner{gap:.6.98rem; align-items:flex-start; flex-direction:column;}
  .tagTrigger{will-change:auto; padding:1.68rem 1.35rem 1.43rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .commentNumber,.widgetTrack,.d-md,.tableZone,.sidebarPrefix,.dropdownTrack,.c-chip-spacer,.ratingTrigger{display:none!important;}body{color:#070000; background:#page-skeleton; font-size:12pt;}
  .select-success,.footerDot{border:0 none; padding:0; box-shadow:none;}
  .galleryNumber{max-width:none;}
}