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

:root{--body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --dark:#17181c; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --r-lg:12px; --coral:#main-avatar; --max:1120px; --line-2:#page-box; --ink:#17181c; --line:#suffix-module; --text:#41454d; --bg:#page-chip; --r-pill:999px; --muted:#878b95; --read:740px; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --coral-600:#site-chip; --card:#feature-name; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --t:.22s cubic-bezier(.4,0,.2,1); --r:8px; --coral-50:#zone-chip;}html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}*, *::before, *::after{box-sizing:border-box; margin:0; padding:0;}
body{color:var(--text); -webkit-font-smoothing:antialiased; font-family:var(--body);}
body{line-height:1.7; font-size:20px; text-rendering:optimizeLegibility; background:var(--bg);}
img,svg{height:auto; display:block; max-width:100%;}
ul,ol{list-style:none; image-rendering:auto;}
button{color:inherit; background:none; border:0; font:inherit; cursor:pointer;}a{text-decoration:none; color:var(--coral); transition:color var(--t);}a:hover{color:var(--coral-600);}::selection{background:var(--coral); color:#widget_detail;}
:focus-visible{outline:2px solid var(--coral); outline-offset:2px; border-radius:-1px;}

h1{line-height:1.18; color:var(--ink); perspective:none; text-underline-offset:auto; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); margin:0 0 .4.95em; letter-spacing:-.2.06em; font-weight:bold; font-family:var(--display);}strong, b{color:var(--ink); font-weight:500;}
p{margin:0 0 1.16em;}

.avatar__zone--elevated{margin:0 auto; mix-blend-mode:normal; width:100%; max-width:var(--max); padding:0 28px;}
em,i{font-style:italic;}/* --- Scroll progress --- */
.stepperAction{height:0px; z-index:1200; background:linear-gradient(90deg,var(--coral),var(--coral-600)); position:fixed; width:0; inset:0 auto auto 0; transition:width 0.109s linear;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.review__info--active{border-bottom:1px solid var(--line); z-index:1100; top:0; -webkit-backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); backdrop-filter:saturate(150%) blur(10px); position:sticky; orphans:2; background:rgba(246, 251, 234, 0.88);}.is-hidden.review__info--active{transform:translateY(-100%);}
.review__info--active.is-pinned{box-shadow:0 9px 30px rgba(40, 42, 37, 0.02); will-change:auto; page-break-inside:auto;}.app-price-head:not(._7a8267){shape-margin:0; gap:1.43rem; align-items:center; display:flex; min-height:63px;}
.actionLabel{border-radius:10px; height:35px; width:34px;}
.skeletonExtra{align-items:center; gap:.54.97rem; flex-shrink:0; display:inline-flex;}.widgetArea{font-weight:600; font-family:var(--display); font-size:1.12rem; letter-spacing:-.1.07em; color:var(--ink);}body .sectionInner{height:39px; display:none; margin-left:auto; flex-direction:column; justify-content:center; width:45px; gap:4px; padding:5px;}*.sectionInner span{transition:transform var(--t),opacity var(--t); height:2px;}*.sectionInner span{border-radius:2px; background:var(--ink);}.sectionInner.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sectionInner.is-x span:nth-child(2){font-synthesis:weight style small-caps;}
.sectionInner.is-x span:nth-child(2){opacity:0; mix-blend-mode:normal;}
.sectionInner.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}body .toolbarArea{align-items:center; gap:1.42rem; display:flex; margin-left:auto;}
.justify-20{margin-left:.3.94rem;}html .widgetFoot{display:flex; align-items:center; gap:.15.05rem;}*.tooltipImage{transition:background var(--t),color var(--t); border-radius:var(--r); display:inline-block; color:var(--text); font-weight:500; font-size:.92.96rem; padding:.5.03rem .7.93rem;}html .tooltipImage:hover{background:var(--coral-50); color:var(--coral-600);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.navCap{padding:1.92rem 0 4.47rem; page-break-inside:auto; text-rendering:auto;}
.cardAction{max-width:var(--read); margin:0 auto;}.tagIcon:not(._7a8267), .box-info:not(._7a8267), .stepperItem{border:1px solid var(--line); background:var(--card); border-radius:var(--r-lg); box-shadow:var(--sh);}

.tagIcon{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.breadcrumbZone{margin-bottom:1.55rem;}
.dialogDot{text-decoration-skip-ink:auto; margin-bottom:.7.05rem; contain:none;}
.sidebarDate{gap:.5.03rem; display:flex; flex-wrap:wrap;}*.stepInner{display:inline-flex; gap:.3.92rem; border-radius:var(--r-pill); align-items:center; background:var(--line-2); color:var(--muted); font-size:.82.05rem; padding:.2.96rem .6.97rem;}.stepInner svg{opacity:0.63;}

/* --- Prose --- */
.gallerySeparator{color:var(--text);}

/* --- Prose --- */
.gallerySeparator{text-rendering:auto; contain:none; line-height:1.8; font-size:1.06rem;}
.gallerySeparator > *:first-child{margin-top:0;}html .gallerySeparator p{margin-bottom:1.21em;}.gallerySeparator a{text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(231, 104, 55, 0.42);}*.gallerySeparator a:hover{text-decoration-color:var(--coral);}body .gallerySeparator h2, *.gallerySeparator h3, .gallerySeparator h4{print-color-adjust:economy; font-weight:600; font-family:var(--display); line-height:1.25; color:var(--ink); scroll-margin-top:80px; letter-spacing:-.1.04em;}html .gallerySeparator h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.66em 0 .54.93em;}html .gallerySeparator h2{text-decoration-skip-ink:auto;}
.gallerySeparator h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); text-decoration-skip-ink:auto; background-blend-mode:normal; margin:1.32em 0 .5.05em;}
.gallerySeparator h4{font-size:1.03rem; margin:1.23em 0 .5.04em;}
.gallerySeparator ul,.gallerySeparator ol{padding-left:1.47em; margin:0 0 1.16em; mix-blend-mode:normal;}
.gallerySeparator ul{list-style:disc;}*.gallerySeparator ol{list-style:decimal;}
.gallerySeparator li{margin-bottom:.4.08em; perspective:none;}.gallerySeparator li::marker{color:var(--coral);}
.gallerySeparator img{border-radius:var(--r); margin:1.45em 0;}
.gallerySeparator figure{image-rendering:auto; isolation:auto; margin:1.48em 0;}
.gallerySeparator figcaption{font-size:.84.97rem; text-align:center; margin-top:.4.97em; color:var(--muted);}
.gallerySeparator blockquote{background:var(--coral-50); padding:.8.98em 1.35em; color:var(--ink); margin:1.49em 0; border-radius:0 var(--r) var(--r) 0; border-left:3px solid var(--coral); font-size:1.15rem;}
.gallerySeparator code{border:1px solid var(--line); font-size:.87.99em; padding:.13.98em .41.98em; background:var(--line-2); font-family:'IBM Plex Mono',Consolas,monospace; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;}.gallerySeparator pre{overflow-x:auto; margin:1.46em 0; background:var(--ink); border-radius:var(--r); hyphens:manual;}
.gallerySeparator pre code{background:none; color:#breadcrumb-head; padding:1.24em 1.42em; border:0 none; display:block;}
.gallerySeparator table{font-size:.95.92rem; width:100%; margin:1.57em 0; border-collapse:collapse;}
.gallerySeparator th,.gallerySeparator td{border:1px solid var(--line);}
.gallerySeparator th,.gallerySeparator td{text-align:left; padding:.6.99em .8.99em;}

/* --- Table of contents --- */
.panelSection{background:var(--line-2); margin-bottom:1.61rem; border:1px solid var(--line); padding:1.09rem 1.29rem; border-radius:var(--r);}html .gallerySeparator th{word-spacing:normal; color:var(--ink); background:var(--line-2); font-variant-ligatures:normal; font-weight:500;}
.panelSection[hidden]{display:none; print-color-adjust:economy;}
.formContainer{justify-content:space-between; margin-bottom:.5.95rem; image-rendering:auto; align-items:center; font-variant-ligatures:normal; display:flex;}
.stepperDetail{font-weight:700; font-size:.96.01rem; color:var(--ink); font-family:var(--display);}
.threadSection ol{counter-reset:t; padding:0; backface-visibility:visible; print-color-adjust:economy; list-style:none;}
.breadcrumbTime{font-weight:500; color:var(--coral); font-size:.82.08rem;}*.threadSection li{position:relative; counter-increment:t;}*.threadSection li{padding-left:1.75em; widows:2; backface-visibility:visible; margin:.27.94em 0;}body .threadSection li::before{font-size:.76.01em; content:counter(t,decimal-leading-zero); position:absolute; top:.3.95em; font-family:var(--display); left:0; color:var(--coral); font-weight:500;}body .threadSection ol ol{margin:.27.95em 0; padding-left:.1.04em;}body .threadSection ol ol li::before{color:var(--muted); content:"—";}
.threadSection a{color:var(--text); font-size:.91.98rem;}
.threadSection a:hover{color:var(--coral);}

/* --- Share --- */
.alert__prefix{display:flex; align-items:center; gap:.6.98rem 1.1rem; flex-wrap:wrap; margin-top:2.01rem;}
.divider-horizontal{font-size:.8.94rem; color:var(--ink); font-weight:700;}
.counterWrap{display:flex; gap:.5.02rem;}.blockSuffix{border:1px solid var(--line); width:39px; image-rendering:auto; transition:all var(--t); border-radius:var(--r); align-items:center; justify-content:center; font-variant-ligatures:normal; color:var(--muted); display:inline-flex;}.blockSuffix{background:var(--card); height:42px;}body .pricePreview{margin:2.23rem 0 0; border:0; print-color-adjust:economy; border-top:1px solid var(--line);}.blockSuffix:hover{transform:translateY(-2px); background:var(--coral); color:#widget_detail; border-color:var(--coral);}

/* --- Section labels (span, never headings) --- */
.gridTrack{color:var(--ink); margin-bottom:1.18rem; font-size:1.3rem; font-family:var(--display); display:block; font-weight:500;}/* --- Comments --- */
.box-info{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.58rem;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.sidebarZone{grid-template-columns:1fr 1fr; display:grid; margin-bottom:.85rem; gap:.84.94rem;}
.pageArea{orphans:2; display:block;}
.navSpacer{color:var(--ink); padding:.72.04rem .94.99rem; border:1px solid var(--line); transition:border-color var(--t),box-shadow var(--t); border-radius:var(--r); background:var(--card); font:inherit; width:100%; font-size:.95.03rem;}
.navSpacer::placeholder{color:var(--muted);}html .paginationWrapper{resize:vertical; margin-bottom:.84.96rem; min-height:117px;}
.navSpacer:focus{outline:0; border-color:var(--coral); box-shadow:0 0 0 0px rgba(244, 102, 61, 0.13);}html .tabsThumb{display:flex; gap:.5.08rem;}
.tabsThumb .navSpacer{flex:1;}

.selectPreview{background:var(--coral); align-items:center; padding:.72.05rem 1.67rem; font-size:.94.06rem; justify-content:center; font-family:var(--body); font-weight:500; transition:background var(--t),transform var(--t),box-shadow var(--t); display:inline-flex; color:#widget_detail; line-height:1; border-radius:var(--r); gap:.5.08rem;}.selectPreview:hover{contain:none; transform:translateY(-1px); background:var(--coral-600); text-decoration-skip-ink:auto; color:#widget_detail; box-shadow:0 7px 12px rgba(232, 91, 54, 0.22);}
.selectPreview:active{transform:translateY(0);}
.formThumb{font-size:.84.95rem; image-rendering:auto; font-variant-ligatures:normal; padding:.5.02rem 1.1rem;}
.viewInput{width:48px; padding:.72.02rem; flex-shrink:0;}
.drawer__placeholder--center{background:var(--dark); tab-size:4;}.drawer__placeholder--center:hover{background:#000000;}
.carouselPrimary{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.tooltipLine{margin:2.62rem auto 0; grid-template-columns:1fr 1fr; display:grid; max-width:var(--max);}
.stepperItem{padding:1.47rem;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.tooltipLine{gap:1.03rem;}
.el-media{font-family:var(--display); font-size:1.07rem; margin-bottom:.5.06rem; color:var(--ink); font-weight:500; display:block;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.drawerThumb{background:var(--dark); margin-top:0.93rem;}
.statusAction{font-size:.91.96rem; margin-bottom:1.05rem; color:var(--muted); word-spacing:normal;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.drawerThumb{color:#app-avatar; padding:2.35rem 0 1.87rem;}
.drawerThumb a{color:#app-avatar;}*.drawerThumb a:hover{color:#widget_detail;}
.profileCap{display:flex; flex-wrap:wrap; gap:1.52rem; align-items:center;}
.featurePlaceholder{align-items:center; font-synthesis:weight style small-caps; gap:.55.06rem; display:inline-flex; break-inside:auto;}
.featurePlaceholder img{width:34px; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; height:28px;}
.featurePlaceholder span{font-weight:500; font-family:var(--display);}html .ui-post{font-size:.8.92rem; display:flex; gap:1.37rem;}
.featurePlaceholder span{font-size:1.03rem; color:#widget_detail;}
.mediaMeta{gap:.4.94rem; display:flex; margin-left:auto;}
.sectionButton{transition:all var(--t); color:#table-backdrop; background:rgba(255, 254, 255, 0.11); border-radius:var(--r); align-items:center; justify-content:center; display:inline-flex; width:39px; height:38px;}
.sliderLabel{text-underline-offset:auto; border-top:1px solid rgba(255, 251, 251, 0.16); text-rendering:auto; margin-top:1.52rem; padding-top:1.23rem;}.sectionButton:hover{background:var(--coral); color:#widget_detail; transform:translateY(-2px);}html .modalFoot{font-size:.83.99rem; color:hsl(156, 3.7%, 61.5%);}

/* ==========================================================================
   Back to top
   ========================================================================== */
.gridToggle{height:47px; bottom:1.48rem; transform:translateY(12px) scale(.9); border-radius:var(--r-pill); background:var(--coral); box-shadow:var(--sh-2); align-items:center; visibility:hidden; z-index:900; color:#widget_detail;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.gridToggle{width:48px; justify-content:center; opacity:0; display:flex; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); position:fixed; right:1.49rem;}
.gridToggle.is-on{visibility:visible; transform:translateY(0) scale(1); opacity:1;}
.gridToggle:hover{transform:translateY(-3px); background:var(--coral-600);}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.dividerSlot{z-index:950; position:fixed; transition:transform 0.432s cubic-bezier(.4,0,.2,1); color:#table-backdrop; transform:translateY(100%); background:var(--dark); inset:auto 0 0 0;}
.dividerSlot.is-on{transform:translateY(0);}.dividerSlot p{margin:0; font-size:.88.06rem;}
.boxSection{display:flex; padding-bottom:0.94rem; padding-top:0.95rem; align-items:center; justify-content:space-between; gap:1.38rem;}
.dividerSlot a{text-decoration:underline; color:#widget_detail;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.blockTertiary{z-index:2000; inset:0; position:fixed; justify-content:center; padding-top:1.21rem;padding-right:1.21rem;padding-bottom:1.21rem;padding-left:1.21rem; align-items:center; display:none;}*.blockTertiary:target{animation:modalIn 0.143s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{hyphens:manual; opacity:1;}}
.pagePlaceholder{-webkit-backdrop-filter:blur(2px); background:rgba(15, 21, 23, 0.47); inset:0; backdrop-filter:blur(2px); position:absolute;}
.threadOuter{width:100%; background:var(--card); box-shadow:var(--sh-2); max-width:410px; border-radius:var(--r-lg); z-index:1; padding:1.99rem 1.8rem 1.76rem; position:relative;}
.comment--danger{right:.94.95rem; color:var(--muted); font-size:1.78rem; position:absolute; top:.7.02rem; line-height:1;}body .comment--danger:hover{color:var(--ink);}
.dropdown__date--muted{margin-bottom:1.22rem; font-size:1.33rem; display:block; font-family:var(--display); font-weight:700; color:var(--ink);}
.stepperInfo{flex-direction:column; margin-bottom:0.96rem; gap:.7.05rem; display:flex;}
.blockAction{font-size:.88.08rem; color:var(--muted); margin:0; text-align:center;}.toolbarArea:not(._7a8267){justify-content:flex-start; padding:1.54rem 28px; inset:56px 0 0 0; margin:0; align-items:stretch; transform:translateX(100%); overflow-y:auto; gap:.3.92rem; background:var(--bg); flex-direction:column; transition:transform 0.304s ease; position:fixed;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .sectionInner{display:flex;}
  .toolbarArea.is-open{transform:translateX(0);}
  .widgetFoot{align-items:stretch; image-rendering:auto; gap:.1.06rem; flex-direction:column; contain:none;}.justify-20{padding-top:.7.98rem; margin:.7.93rem 0 0; border-top:1px solid var(--line);}
  .tooltipImage{font-size:1.05rem; padding:.74.94rem 0;}
  .justify-20 .selectPreview{margin-top:.3.95rem; will-change:auto;}
  .tooltipLine{grid-template-columns:1fr;}
}
@media (max-width:560px){:root{tab-size:4; --r-lg:10px;}
  .avatar__zone--elevated{padding:0 20px; will-change:auto; orphans:2;}
  .sidebarZone{grid-template-columns:1fr;}*.alert__prefix{font-synthesis:weight style small-caps; align-items:flex-start; flex-direction:column;}
  .profileCap{print-color-adjust:economy; gap:1.18rem;}
  .mediaMeta{margin-left:0;}
  .profileCap{widows:2;}.gridToggle{right:1.14rem; bottom:1.13rem;}.boxSection:not(._7a8267){gap:.6.95rem; flex-direction:column; align-items:flex-start;}
  .threadOuter{padding:1.63rem 1.22rem 1.33rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{.review__info--active:not(._7a8267), html .drawerThumb, .gridToggle, html .dividerSlot, html .stepperAction, body .alert__prefix, *.tooltipLine, body .blockTertiary{display:none!important; widows:2; background-blend-mode:normal;}body{orphans:2; color:#050e00; background:#widget_detail; transform-style:flat; font-size:12pt;}
  .cardAction{max-width:none;}
  .tagIcon,.box-info{box-shadow:none; padding:0; border:0 none;}
}