/* ==========================================================================
   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; --line-2:#accordion_close; --text:#41454d; --r-lg:12px; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --max:1120px; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --ink:#17181c; --t:.22s cubic-bezier(.4,0,.2,1); --dark:#17181c; --coral:#block-text; --muted:#878b95; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --bg:#module_data; --read:740px; --line:#main-table; --coral-600:#group-layout; --r:8px; --coral-50:#site-header; --card:#app-stepper; --r-pill:999px;}

*,*::before,*::after{box-sizing:border-box; padding:0; margin:0px;}
body{font-family:var(--body); text-rendering:optimizeLegibility; background:var(--bg); -webkit-font-smoothing:antialiased; font-size:13px; color:var(--text); line-height:1.7;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}img, svg{display:block; height:auto; max-width:100%;}
ul,ol{list-style:none;}
button{background:none; font:inherit; cursor:pointer; border:0 none; color:inherit;}
a{text-decoration:none; color:var(--coral); transition:color var(--t);}
a:hover{color:var(--coral-600);}
::selection{background:var(--coral); color:#skeletonFill;}:focus-visible{border-radius:5px; outline-offset:2px; outline:2px solid var(--coral);}

h1{font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); margin:0 0 .4.97em; line-height:1.18; font-family:var(--display); font-weight:700; letter-spacing:-.2.07em; color:var(--ink);}
p{text-decoration-skip-ink:auto; tab-size:4; margin:0 0 1.09em;}
strong,b{color:var(--ink); text-rendering:auto; font-weight:500; hyphens:manual;}

.el-carousel{padding:0 28px; width:100%; margin:0 auto; max-width:var(--max);}
em,i{font-style:italic;}

/* --- Scroll progress --- */
.o-block-container{inset:0 auto auto 0; transition:width 0.074s linear; z-index:1200; height:5px; width:0; position:fixed; background:linear-gradient(90deg,var(--coral),var(--coral-600));}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.el-media{background:rgba(242, 255, 255, 0.9); transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); position:sticky; top:0; z-index:1100; border-bottom:1px solid var(--line); backdrop-filter:saturate(150%) blur(10px);}.is-hidden.el-media{transform:translateY(-100%);}
.el-media.is-pinned{box-shadow:0 7px 28px rgba(25, 26, 33, 0);}
.u-spinner{display:flex; min-height:56px; align-items:center; gap:1.34rem;}*.ui-tag-title{align-items:center; gap:.54.93rem; flex-shrink:0; display:inline-flex;}*.u-pagination{border-radius:7px; width:30px; height:33px;}.grid__cell{display:none; gap:8px; padding:5px;}
.rounded-full{letter-spacing:-.0.98em; color:var(--ink); font-family:var(--display); font-size:1.18rem; font-weight:600;}.grid__cell{flex-direction:column; margin-left:auto; widows:2; background-blend-mode:normal; justify-content:center; height:46px; width:46px;}body .grid__cell span{-webkit-hyphens:manual;-ms-hyphens:manual;transition:transform var(--t),opacity var(--t); border-radius:2px; height:2px; hyphens:manual; background:var(--ink);}.grid__cell.is-x span:nth-child(1){text-underline-offset:auto; transform:translateY(7px) rotate(45deg); page-break-inside:auto;}.grid__cell.is-x span:nth-child(2){opacity:0; contain:none; mix-blend-mode:normal;}
.grid__cell.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.searchData{-moz-tab-size:4;display:flex; gap:1.34rem; tab-size:4; align-items:center; margin-left:auto;}
.o-widget-zone{gap:.14.99rem; display:flex; align-items:center;}*.clear-8{word-spacing:normal; margin-left:.4.03rem; shape-margin:0;}.u-search:not(._2b765d){font-size:.93.07rem; font-weight:700; padding:.5.08rem .7.93rem; color:var(--text); display:inline-block; transition:background var(--t),color var(--t); border-radius:var(--r);}
.u-search:hover{color:var(--coral-600); background:var(--coral-50);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.u-media{mix-blend-mode:normal; perspective:none; padding:1.94rem 0 4.51rem;}.el-layout-group:not(._2b765d){max-width:var(--read); margin:0 auto;}

.l-badge,.ui-timeline-button,.t-spinner{background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); border-radius:var(--r-lg); backface-visibility:visible;}body .l-badge{padding:clamp(1.5rem,1rem + 2vw,3rem);}body .o-entry{margin-bottom:1.6rem;}
.progress__body{text-decoration-skip-ink:auto; tab-size:4; margin-bottom:.6.96rem;}
.o-review-secondary{gap:.4.93rem; display:flex;}.u-grid{color:var(--muted); display:inline-flex; background:var(--line-2); border-radius:var(--r-pill); align-items:center; font-size:.81.92rem; padding:.3.02rem .6.96rem; gap:.3.99rem;}
.o-review-secondary{flex-wrap:wrap;}

/* --- Prose --- */
.l-divider{font-size:1.03rem; color:var(--text); line-height:1.8;}.u-grid svg{opacity:0.69;}
.l-divider > *:first-child{hyphens:manual; image-rendering:auto; margin-top:0;}
.l-divider p{margin-bottom:1.08em;}.l-divider a{text-decoration:underline; text-decoration-color:rgba(242, 93, 44, 0.41); text-underline-offset:3px;}
.l-divider a:hover{text-decoration-color:var(--coral);}
.l-divider h2,.l-divider h3,.l-divider h4{font-weight:500; line-height:1.25; font-family:var(--display); color:var(--ink); scroll-margin-top:80px; letter-spacing:-.1.04em;}.l-divider h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); background-blend-mode:normal; widows:2; margin:1.75em 0 .55.01em;}
.l-divider h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.45em 0 .4.99em;}
.l-divider h3{text-underline-offset:auto; backface-visibility:visible;}.l-divider h4{font-size:1.08rem; margin:1.24em 0 .5.06em;}
.l-divider ul,.l-divider ol{padding-left:1.36em; text-rendering:auto;}
.l-divider ul,.l-divider ol{margin:0 0 1.17em;}
.l-divider ul{list-style:disc;}body .l-divider ol{list-style:decimal;}body .l-divider li{margin-bottom:.4.05em;}html .l-divider li::marker{color:var(--coral);}
.l-divider img{margin:1.48em 0; border-radius:var(--r);}
.l-divider figure{margin:1.56em 0;}
.l-divider figcaption{color:var(--muted); margin-top:.4.99em; text-align:center; font-size:.85.08rem;}*.l-divider blockquote{background:var(--coral-50); border-left:3px solid var(--coral); border-radius:0 var(--r) var(--r) 0;}*.l-divider blockquote{margin:1.58em 0; padding:.8.96em 1.27em; font-size:1.02rem; color:var(--ink);}.l-divider code{padding:.14.07em .41.98em; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background:var(--line-2); border:1px solid var(--line); font-size:.88.08em; font-family:'IBM Plex Mono',Consolas,monospace;}body .l-divider pre{border-radius:var(--r); margin:1.47em 0; overflow-x:auto; background:var(--ink);}
.l-divider pre code{color:#dividerDetail; padding:1.27em 1.34em; border:0; display:block; background:none;}
.l-divider table{font-size:.95.99rem; width:100%; margin:1.52em 0; border-collapse:collapse;}
.l-divider th,.l-divider td{text-align:left; padding:.7.03em .9.04em; border:1px solid var(--line);}
.l-divider th{background:var(--line-2); color:var(--ink);}
.l-divider th{font-weight:500;}/* --- Table of contents --- */
.app-popover-content{-webkit-hyphens:manual;-ms-hyphens:manual;border:1px solid var(--line); hyphens:manual; widows:2; padding:0.97rem 1.3rem; margin-bottom:1.58rem; background:var(--line-2); border-radius:var(--r);}
.c-header{word-spacing:normal; display:flex; justify-content:space-between; align-items:center; margin-bottom:.6.05rem;}.app-popover-content[hidden]{display:none; isolation:auto;}
.toggleBody{color:var(--ink); font-size:.96.07rem; font-family:var(--display); font-weight:500;}.l-carousel{font-weight:500; font-size:.82.01rem; color:var(--coral);}
.el-nav ol{list-style:none; counter-reset:t; padding:0;}
.el-nav li{position:relative; margin:.28.04em 0; counter-increment:t; padding-left:1.76em;}*.el-nav li::before{font-size:.76.06em; content:counter(t,decimal-leading-zero); color:var(--coral); top:.4.06em; font-weight:500; font-family:var(--display); position:absolute; tab-size:4; left:0rem;}
.el-nav ol ol{hyphens:manual; margin:.28.07em 0; padding-left:.0.99em; backface-visibility:visible;}
.el-nav ol ol li::before{backface-visibility:visible;}
.el-nav ol ol li::before{color:var(--muted); content:"—";}
.el-nav a{font-size:.92.01rem; color:var(--text);}
.el-nav a:hover{color:var(--coral);}
.c-slider-button{font-weight:600; color:var(--ink); font-size:.9rem;}

/* --- Share --- */
.ui-thread{display:flex; margin-top:1.94rem; transform-style:flat; flex-wrap:wrap; gap:.7rem 1.07rem; align-items:center;}
.review--selected{gap:.4.96rem; display:flex;}
.ui-popover{align-items:center; border:1px solid var(--line); justify-content:center;}
.ui-popover{transition:all var(--t); border-radius:var(--r); background:var(--card); width:38px; color:var(--muted); text-decoration-skip-ink:auto; height:34px; display:inline-flex; will-change:auto;}
.ui-popover:hover{color:#skeletonFill; transform:translateY(-2px); border-color:var(--coral); background:var(--coral);}.row-screen:not(._2b765d){text-rendering:auto; border:0; margin:2.28rem 0 0; isolation:auto; border-top:1px solid var(--line);}

/* --- Comments --- */
.ui-timeline-button{background-blend-mode:normal; padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.51rem;}

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

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.el-spinner{image-rendering:auto; gap:.84.93rem; grid-template-columns:1fr 1fr; display:grid; margin-bottom:.85.08rem;}
.el-media-icon{font:inherit; padding:.71.95rem .95rem; transition:border-color var(--t),box-shadow var(--t); background:var(--card); font-size:.94.96rem; color:var(--ink); width:100%; border-radius:var(--r); border:1px solid var(--line);}
.app-view{display:block;}
.el-media-icon::placeholder{color:var(--muted);}*.post-focused{margin-bottom:.84.99rem; min-height:117px; resize:vertical;}
.el-media-icon:focus{box-shadow:0 0 0 0px rgba(226, 90, 66, 0.23); outline:0; border-color:var(--coral);}body .l-media{display:flex; gap:.5.03rem;}
.l-media .el-media-icon{flex:1;}

.o-dropdown{font-weight:500;}

.o-dropdown{transition:background var(--t),transform var(--t),box-shadow var(--t); gap:.5.03rem; line-height:1; color:#skeletonFill; border-radius:var(--r); justify-content:center; display:inline-flex; font-family:var(--body); align-items:center; padding:.71.92rem 1.54rem; background:var(--coral); font-size:.93.93rem;}html .o-dropdown:hover{color:#skeletonFill; break-inside:auto; transform:translateY(-1px); background:var(--coral-600); box-shadow:0 6px 19px rgba(235, 78, 51, 0.19);}
.o-dropdown:active{transform:translateY(0);}
.ui-modal{padding:.4.99rem 1.05rem; text-underline-offset:auto; font-size:.85.07rem;}
.c-card{flex-shrink:0; padding:.72.02rem; width:48px;}
.c-hero-date{background:var(--dark);}
.c-hero-date:hover{background:#000d04;}.u-breadcrumb-image:not(._2b765d){width:100%;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.ui-hero{gap:1.05rem; max-width:var(--max); contain:none; display:grid; grid-template-columns:1fr 1fr; margin:2.52rem auto 0;}
.el-media-number{margin-bottom:.5.03rem; font-weight:700; display:block; color:var(--ink); font-size:1.14rem; font-family:var(--display);}
.t-spinner{padding-top:1.46rem;padding-right:1.46rem;padding-bottom:1.46rem;padding-left:1.46rem;}
.app-spinner-spacer{color:var(--muted); font-size:.92.06rem; margin-bottom:1.05rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.col-none{color:#toggleImage; background:var(--dark); margin-top:1.05rem; padding:2.36rem 0 1.84rem;}
.col-none a{color:#toggleImage;}
.col-none a:hover{page-break-inside:auto; color:#skeletonFill;}html .el-review-cell{display:flex; align-items:center; gap:1.59rem; flex-wrap:wrap;}
.o-review{display:inline-flex; gap:.55.01rem; align-items:center;}
.o-review img{border-radius:12px; height:33px; width:27px;}
.toggle__wrapper{gap:1.37rem; display:flex; font-size:.9.03rem;}
.o-review span{color:#skeletonFill; font-weight:500; font-family:var(--display); font-size:1.13rem;}
.u-avatar-detail{margin-left:auto; display:flex; gap:.5.05rem; font-synthesis:weight style small-caps;}
.price-region{transition:all var(--t); height:35px; color:#moduleSubtitle; align-items:center;}
.price-region{display:inline-flex; border-radius:var(--r); background:rgba(238, 255, 252, 0); width:42px; justify-content:center;}
.price-region:hover{transform:translateY(-2px); background:var(--coral); color:#skeletonFill;}
.l-timeline{padding-top:1.37rem; text-rendering:auto; margin-top:1.67rem; border-top:1px solid rgba(237, 248, 254, 0.08);}

/* ==========================================================================
   Back to top
   ========================================================================== */
.font-10{opacity:0; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); width:49px; box-shadow:var(--sh-2); border-radius:var(--r-pill); height:45px; background:var(--coral); justify-content:center; right:1.48rem; visibility:hidden; position:fixed; align-items:center; color:#skeletonFill; bottom:1.51rem; transform:translateY(12px) scale(.9); display:flex; z-index:900;}
.u-gallery{color:#7996a8; font-size:.83.92rem;}
.font-10.is-on{opacity:1;}
.font-10.is-on{transform:translateY(0) scale(1); text-rendering:auto; visibility:visible;}
.font-10:hover{transform:translateY(-3px); background:var(--coral-600); image-rendering:auto;}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.u-module-time{color:#moduleSubtitle; inset:auto 0 0 0; background:var(--dark); z-index:950; transition:transform 0.368s cubic-bezier(.4,0,.2,1); position:fixed; transform:translateY(100%);}
.u-module-time.is-on{transform:translateY(0);}*.c-grid{align-items:center; gap:1.33rem; padding-bottom:0.96rem; justify-content:space-between; padding-top:1.01rem; display:flex;}
.u-module-time p{margin:0; font-size:.88.07rem;}.u-module-time a{text-decoration:underline; color:#skeletonFill;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.app-progress{contain:none; z-index:2000; display:none; padding:1.23rem; justify-content:center; inset:0rem; align-items:center; position:fixed;}
.app-progress:target{animation:modalIn 0.172s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.el-status{background:rgba(30, 23, 10, 0.6); inset:0; position:absolute; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.u-stepper-separator{max-width:409px; border-radius:var(--r-lg); background:var(--card); z-index:1; box-shadow:var(--sh-2); width:100%; padding:1.96rem 1.81rem 1.75rem; position:relative;}
.l-modal-summary{top:.6.97rem; tab-size:4; position:absolute; line-height:1; color:var(--muted); right:.95.01rem; font-size:1.71rem; backface-visibility:visible;}html .l-modal-summary:hover{color:var(--ink);}
.o-reply-fill{display:block; color:var(--ink); font-family:var(--display); font-size:1.32rem; font-weight:700; margin-bottom:1.18rem;}
.u-section{display:flex; gap:.7.08rem; margin-bottom:0.96rem; flex-direction:column;}
.el-alert-cap{font-size:.88.08rem; text-align:center;}
.el-alert-cap{color:var(--muted); margin:0;}html .searchData{background:var(--bg); overflow-y:auto; margin:0; transform:translateX(100%); transition:transform 0.358s ease; flex-direction:column; justify-content:flex-start; inset:60px 0 0 0; gap:.4.03rem; padding:1.62rem 23px; align-items:stretch; position:fixed;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .grid__cell{display:flex;}.is-open.searchData{transform:translateX(0);}.o-widget-zone{align-items:stretch; gap:.1.04rem; flex-direction:column;}
  .clear-8{padding-top:.7.92rem; margin:.8.08rem 0 0;}
  .clear-8{border-top:1px solid var(--line);}
  .u-search{padding:.74.92rem 0; font-size:1.05rem;}
  .clear-8 .o-dropdown{margin-top:.3.99rem; text-rendering:auto;}.ui-hero:not(._2b765d){grid-template-columns:1fr;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .el-carousel{padding:0 19px;}*.el-spinner{grid-template-columns:1fr;}.ui-thread:not(._2b765d){flex-direction:column; align-items:flex-start;}body .el-review-cell{gap:1.1rem;}
  .u-avatar-detail{margin-left:0;}.font-10:not(._2b765d){bottom:1.02rem; right:1.06rem;}
  .u-stepper-separator{padding:1.63rem 1.22rem 1.44rem; background-blend-mode:normal;}
  .c-grid{gap:.7.08rem; align-items:flex-start; flex-direction:column;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .el-media,.col-none,.font-10,.u-module-time,.o-block-container,.ui-thread,.ui-hero,.app-progress{display:none!important;}
  body{background:#skeletonFill; font-size:12pt; color:#00000a;}.l-badge, .ui-timeline-button{padding:0; border:0 none; box-shadow:none;}
}

  .el-layout-group{max-width:none;}