/* ==========================================================================
   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); --bg:#app-feature; --text:#41454d; --max:1120px; --ink:#17181c; --card:#ecf1a56e7; --line:#site-avatar; --coral:#mediaPreview; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --r-lg:12px; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --muted:#878b95; --r-pill:999px; --t:.22s cubic-bezier(.4,0,.2,1); --coral-50:#site-stepper; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --dark:#17181c; --read:740px; --coral-600:#main-filter; --r:8px; --line-2:#main-action;}*, *::before, *::after{print-color-adjust:economy; font-variant-caps:normal; margin:0; padding:0; box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}body{-webkit-font-smoothing:antialiased; color:var(--text); text-rendering:optimizeLegibility; line-height:1.7; background:var(--bg); font-family:var(--body); font-size:21px;}
img,svg{max-width:100%; display:block; height:auto;}ul, ol{list-style:none; text-rendering:auto;}
button{color:inherit; border:0; background:none; cursor:pointer; font:inherit;}a{transition:color var(--t); color:var(--coral); text-decoration:none;}
::selection{color:#accordionExtra; background:var(--coral);}
a:hover{color:var(--coral-600);}h1{font-weight:700; margin:0 0 .5.01em; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-family:var(--display); letter-spacing:-.1.98em; color:var(--ink); line-height:1.18;}:focus-visible{outline-offset:2px; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; outline:2px solid var(--coral);}
p{margin:0 0 1.03em; font-synthesis:weight style small-caps;}
strong,b{color:var(--ink); font-weight:700;}
em,i{font-style:italic;}

.profileButton{width:100%; padding:0 26px; margin:0 auto; shape-margin:0; font-synthesis:weight style small-caps; max-width:var(--max);}/* --- Scroll progress --- */
.threadSlot{width:0; height:3px; position:fixed; transition:width 0.053s linear; background:linear-gradient(90deg,var(--coral),var(--coral-600)); z-index:1200; inset:0 auto auto 0;}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.action__spacer--left{transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px); z-index:1100; background:rgba(255, 235, 251, 0.86); top:0; position:sticky; border-bottom:1px solid var(--line);}*.action__spacer--left.is-hidden{transform:translateY(-100%);}
.reviewData{align-items:center; gap:1.36rem; display:flex; min-height:62px;}.action__spacer--left.is-pinned{box-shadow:0 4px 28px rgba(6, 31, 37, 0.11);}*.filter__prefix{align-items:center; flex-shrink:0; gap:.54.99rem; display:inline-flex;}
.panelSpacer{orphans:2; width:30px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; height:30px;}.galleryGroup{font-weight:500; font-family:var(--display); color:var(--ink); letter-spacing:-.0.99em; font-size:1.1rem;}.spinnerItem{height:39px; width:43px; text-underline-offset:auto; flex-direction:column; gap:5px; widows:2; justify-content:center; margin-left:auto; display:none; padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px;}body .spinnerItem span{height:2px; border-radius:2px;}body .spinnerItem span{background:var(--ink); transition:transform var(--t),opacity var(--t);}
.spinnerItem.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.spinnerItem.is-x span:nth-child(2){opacity:0;}.is-x.spinnerItem span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.widgetText{will-change:auto; align-items:center; background-blend-mode:normal; display:flex; gap:1.36rem; margin-left:auto;}.navDate{align-items:center; display:flex; gap:.14.95rem;}.layoutImage{margin-left:.4.01rem;}.drawerTime{padding:.4.95rem .8rem; border-radius:var(--r); color:var(--text); font-size:.93rem; font-weight:600; transition:background var(--t),color var(--t); display:inline-block;}
.drawerTime:hover{orphans:2; color:var(--coral-600); mix-blend-mode:normal; background:var(--coral-50);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.badgeFill{padding:1.99rem 0 4.55rem;}body .profileSuffix{max-width:var(--read); margin:0 auto;}

.moduleOverlay,.galleryDot,.searchBar{background:var(--card); border-radius:var(--r-lg); box-shadow:var(--sh);}

.moduleOverlay,.galleryDot,.searchBar{border:1px solid var(--line);}

.moduleOverlay{isolation:auto;}

.moduleOverlay{padding:clamp(1.5rem,1rem + 2vw,3rem); text-decoration-skip-ink:auto;}.searchSlot:not(._d0fd67){margin-bottom:1.59rem;}.skeletonBar{text-decoration-skip-ink:auto; margin-bottom:.7.08rem;}.tabsBlock:not(._d0fd67){gap:.5.06rem; display:flex; flex-wrap:wrap;}
.dividerData{color:var(--muted); background:var(--line-2); display:inline-flex; border-radius:var(--r-pill); align-items:center; font-size:.82.04rem; padding:.2.94rem .7rem; gap:.4.07rem;}html .dividerData svg{opacity:0.67;}

/* --- Prose --- */
.tagValue{color:var(--text); line-height:1.8; font-size:1.07rem;}
.tagValue > *:first-child{margin-top:0;}
.tagValue p{margin-bottom:1.17em; isolation:auto;}
.tagValue a{text-underline-offset:3px; text-decoration:underline; text-decoration-color:rgba(235, 78, 74, 0.39);}
.tagValue a:hover{image-rendering:auto; text-decoration-color:var(--coral); text-decoration-skip-ink:auto;}
.tagValue h2,.tagValue h3,.tagValue h4{font-family:var(--display); letter-spacing:-.1.05em; scroll-margin-top:80px; font-weight:700; line-height:1.25; color:var(--ink);}
.tagValue h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.66em 0 .55.04em;}
.tagValue h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.38em 0 .4.92em;}html .tagValue h4{font-size:1.13rem; margin:1.18em 0 .4.95em;}
.tagValue ul,.tagValue ol{padding-left:1.47em; margin:0 0 1.08em;}
.tagValue ul{list-style:disc;}
.tagValue ol{list-style:decimal;}
.tagValue li{margin-bottom:.3.93em; widows:2;}.tagValue li::marker{color:var(--coral);}
.tagValue img{border-radius:var(--r); margin:1.42em 0;}
.tagValue figure{margin:1.47em 0; text-decoration-skip-ink:auto;}body .tagValue figcaption{color:var(--muted); margin-top:.5.02em; font-size:.84.99rem; text-align:center;}*.tagValue blockquote{font-size:1.02rem; page-break-inside:auto; border-left:3px solid var(--coral); margin:1.44em 0; padding:.9.04em 1.23em; backface-visibility:visible; color:var(--ink); background:var(--coral-50); border-radius:0 var(--r) var(--r) 0;}
.tagValue code{background:var(--line-2); border:1px solid var(--line); padding:.14.03em .41.95em; font-family:'IBM Plex Mono',Consolas,monospace; font-size:.87.98em; border-radius:1px;}
.tagValue pre{border-radius:var(--r); overflow-x:auto; background:var(--ink); margin:1.49em 0;}
.tagValue pre code{padding:1.22em 1.45em; border:0 none; background:none; color:#app-carousel; display:block;}
.tagValue table{margin:1.54em 0; font-size:.96.02rem; width:100%; border-collapse:collapse;}
.tagValue th,.tagValue td{border:1px solid var(--line);}
.tagValue th,.tagValue td{text-align:left; padding:.6.96em .9.02em;}
.tagValue th{background:var(--line-2); color:var(--ink); font-weight:500;}

/* --- Table of contents --- */
.layout-image-narrow{margin-bottom:1.59rem; background:var(--line-2); border-radius:var(--r);}

/* --- Table of contents --- */
.layout-image-narrow{border:1px solid var(--line); padding:1.12rem 1.32rem;}
.profileHandle{display:flex; margin-bottom:.6.07rem; justify-content:space-between; align-items:center;}.layout-image-narrow[hidden]{display:none;}
.galleryCount{font-family:var(--display); perspective:none; font-weight:600; font-size:.95.92rem; color:var(--ink);}
.listOverlay ol{counter-reset:t; padding:0; list-style:none;}body .formName{font-size:.82.02rem; color:var(--coral); font-weight:500; orphans:2;}.listOverlay li{margin:.27.97em 0; counter-increment:t; padding-left:1.75em; position:relative;}.listOverlay li::before{top:.4.05em; position:absolute; font-size:.75.95em; color:var(--coral); left:0; font-weight:500; font-family:var(--display); content:counter(t,decimal-leading-zero);}.listOverlay ol ol{padding-left:.0.97em; margin:.27.93em 0;}.listOverlay ol ol li::before{print-color-adjust:economy; content:"—"; color:var(--muted);}
.listOverlay a{font-size:.92.03rem; color:var(--text);}/* --- Share --- */
.c-rating{margin-top:1.96rem; display:flex; gap:.7.06rem 1.04rem; flex-wrap:wrap; shape-margin:0; align-items:center;}
.listOverlay a:hover{color:var(--coral);}
.spinnerSection{gap:.4.97rem; display:flex;}
.layoutGroup{font-weight:500; font-size:.9.01rem; color:var(--ink);}
.postInput{height:41px; width:37px; align-items:center; background:var(--card); justify-content:center; transition:all var(--t); border:1px solid var(--line); color:var(--muted); display:inline-flex; border-radius:var(--r);}.postInput:hover{transform:translateY(-2px); color:#accordionExtra; background:var(--coral); border-color:var(--coral);}.float-between:not(._d0fd67){border:none; margin:2.22rem 0 0; border-top:1px solid var(--line);}/* --- Comments --- */
:where(.galleryDot){margin-top:1.49rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}

/* --- Section labels (span, never headings) --- */
.breadcrumbInner{margin-bottom:1.04rem; font-family:var(--display); font-weight:500; color:var(--ink); font-size:1.31rem; display:block;}/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.alertDate{gap:.84.97rem; margin-bottom:.84.97rem; grid-template-columns:1fr 1fr; display:grid;}.heroValue{display:block;}
.alertBlock{font:inherit; font-size:.94.96rem; background:var(--card); width:100%; border:1px solid var(--line); transition:border-color var(--t),box-shadow var(--t); border-radius:var(--r); padding:.72.03rem .94.96rem; color:var(--ink);}.alertBlock::placeholder{color:var(--muted);}
.alertBlock:focus{border-color:var(--coral); outline:0; box-shadow:0 0 0 6px rgba(226, 75, 67, 0.17);}html .searchImage{display:flex; gap:.5.06rem;}html .popover{min-height:119px; resize:vertical; margin-bottom:.84.97rem;}
.searchImage .alertBlock{flex:1;}*.priceColumn{color:#accordionExtra; line-height:1; align-items:center; background:var(--coral); font-family:var(--body); font-weight:700; transition:background var(--t),transform var(--t),box-shadow var(--t); font-size:.94.03rem; gap:.4.96rem; justify-content:center; padding:.72.04rem 1.66rem; border-radius:var(--r); display:inline-flex;}
.priceColumn:hover{color:#accordionExtra; box-shadow:0 2px 19px rgba(227, 99, 61, 0.33); transform:translateY(-1px); background:var(--coral-600);}
.priceColumn:active{transform:translateY(0);}
.skeletonExtra{padding:.4.93rem 1.04rem; font-size:.84.94rem;}
.progress-expand-flat{background:var(--dark);}
.tagData{padding:.71.99rem; flex-shrink:0; width:50px;}.progress-expand-flat:hover{background:#000d00;}
.o-box{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.tagBlock{gap:1.15rem; margin:2.58rem auto 0; grid-template-columns:1fr 1fr; max-width:var(--max); display:grid;}body .searchBar{padding:1.54rem;}
.list{font-weight:500; font-size:1.06rem; display:block; margin-bottom:.5.08rem; font-family:var(--display); color:var(--ink);}
.counterBackdrop{margin-bottom:1.06rem; color:var(--muted); font-size:.92.08rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.screenFoot{background:var(--dark); margin-top:1.02rem; color:#number-tag; padding:2.36rem 0 1.87rem;}
.screenFoot a{color:#number-tag;}
.screenFoot a:hover{color:#accordionExtra;}*.toolbarName{align-items:center; gap:1.67rem; flex-wrap:wrap; display:flex;}
.viewAction{display:inline-flex; gap:.55.07rem; align-items:center;}
.viewAction img{height:29px;}
.viewAction img{border-radius:8px; width:31px;}
.viewAction span{color:#accordionExtra; font-size:1.01rem; font-family:var(--display); font-weight:500;}.spinnerWrap:not(._d0fd67){font-size:.9.05rem; display:flex; gap:1.26rem;}
.headerOverlay{display:flex; margin-left:auto; gap:.4.96rem;}
.heroInfo{color:#main-divider; justify-content:center; border-radius:var(--r); height:41px; display:inline-flex; transition:all var(--t); align-items:center; background:rgba(243, 238, 243, 0); text-underline-offset:auto; backface-visibility:visible; width:38px;}html .heroInfo:hover{transform:translateY(-2px); background:var(--coral); font-variant-ligatures:normal; color:#accordionExtra;}
.alertFill{margin-top:1.64rem; padding-top:1.34rem; border-top:1px solid rgba(255, 255, 244, 0.18);}
.select{color:hsl(211, 9.4%, 57.3%); font-size:.83.92rem;}/* ==========================================================================
   Back to top
   ========================================================================== */
.drawerSubtitle{color:#accordionExtra; height:47px; position:fixed; visibility:hidden; box-shadow:var(--sh-2); border-radius:var(--r-pill); display:flex; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); justify-content:center; align-items:center; right:1.53rem; background:var(--coral); opacity:0; width:44px; z-index:900; bottom:1.57rem; transform:translateY(12px) scale(.9);}*.drawerSubtitle.is-on{transform:translateY(0) scale(1); visibility:visible; opacity:1;}
.drawerSubtitle:hover{background:var(--coral-600); transform:translateY(-3px);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.screen__fill{transform:translateY(100%);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.screen__fill{color:#main-divider; z-index:950; inset:auto 0 0 0; transition:transform 0.373s cubic-bezier(.4,0,.2,1); background-blend-mode:normal; position:fixed; background:var(--dark);}
.screen__fill.is-on{transform:translateY(0);}html .counterSeparator{justify-content:space-between; padding-bottom:1.04rem; display:flex; align-items:center; padding-top:0.99rem;}
.screen__fill p{margin:0; font-size:.87.96rem;}html .counterSeparator{gap:1.26rem;}/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.sliderIcon{padding:1.21rem; align-items:center; display:none; z-index:2000; justify-content:center; position:fixed; inset:0; orphans:2; shape-margin:0;}
.screen__fill a{color:#accordionExtra; text-decoration:underline;}
.sliderIcon:target{display:flex; animation:modalIn 0.211s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.reviewDate{inset:0; background:rgba(37, 28, 28, 0.48); position:absolute; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.galleryPrefix{border-radius:var(--r-lg); position:relative; max-width:409px; background:var(--card);}
.galleryPrefix{width:100%; z-index:1; box-shadow:var(--sh-2); padding:2.01rem 1.75rem 1.78rem;}
.stepArea{position:absolute; color:var(--muted); right:.95.07rem; top:.6.97rem; font-size:1.64rem; line-height:1;}
.stepArea:hover{backface-visibility:visible; color:var(--ink); transform-style:flat;}html .cardToggle{display:block; color:var(--ink); font-weight:700; font-family:var(--display); margin-bottom:1.17rem; font-size:1.32rem;}
.mediaSuffix{text-align:center; margin:0; color:var(--muted); font-size:.88.03rem;}
.footerAction{margin-bottom:1rem; display:flex; gap:.7.02rem; flex-direction:column;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .spinnerItem{display:flex;}
  .widgetText{justify-content:flex-start; margin:0; isolation:auto; align-items:stretch; flex-direction:column; transform:translateX(100%); gap:.4.04rem; inset:59px 0 0 0; overflow-y:auto; padding:1.62rem 25px; background:var(--bg); font-synthesis:weight style small-caps; position:fixed; transition:transform 0.241s ease;}
  .widgetText.is-open{transform:translateX(0);}
  .navDate{flex-direction:column; align-items:stretch; gap:.1.08rem;}body .layoutImage{padding-top:.7.96rem; border-top:1px solid var(--line);}body .layoutImage{margin:.8rem 0 0;}.drawerTime{padding:.75.02rem 0; font-size:1.02rem;}
  .layoutImage .priceColumn{margin-top:.3.94rem;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .tagBlock{grid-template-columns:1fr;}
  .profileButton{padding:0 13px; tab-size:4; mix-blend-mode:normal;}.alertDate{grid-template-columns:1fr;}
  .c-rating{flex-direction:column; align-items:flex-start;}
  .toolbarName{image-rendering:auto; gap:1.16rem;}
  .headerOverlay{margin-left:0;}
  .drawerSubtitle{perspective:none; bottom:1.1rem; tab-size:4; right:1.12rem;}
  .galleryPrefix{padding:1.67rem 1.35rem 1.35rem;}
  .counterSeparator{flex-direction:column; text-rendering:auto; gap:.7.02rem; align-items:flex-start;}body{color:#000000; font-size:12pt; background:#accordionExtra;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{.action__spacer--left:not(._d0fd67), .screenFoot, *.drawerSubtitle, .screen__fill:not(._d0fd67), body .threadSlot, body .c-rating, .tagBlock:not(._d0fd67), .sliderIcon{break-inside:auto; text-underline-offset:auto; display:none!important;}
  .moduleOverlay,.galleryDot{border:0; padding:0; background-blend-mode:normal; text-rendering:auto; box-shadow:none;}
  .profileSuffix{max-width:none; text-rendering:auto;}
}