/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

*,*::before,*::after{margin:0;}/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

*,*::before,*::after{padding:0; box-sizing:border-box;}

:root{-webkit-hyphens:manual;-ms-hyphens:manual;--slab-tint:#app-filter; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --rad:11px; --card:#app-status; --ink:#15181d; --paper:#suffix-breadcrumb; mix-blend-mode:normal; --accent-deep:#1d44a8; --wide:1080px; --tr:.2s ease; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --hair:#app-feature; hyphens:manual; --line:#layout-suffix; --accent-wash:#feature_image; --soft:#535b66; --accent:#2a5bd7; --sh3:0 20px 54px rgba(18,24,41,.20); --faint:#8b929d; --night:#121829; --pill:999px; --night-soft:#1b2235; --rad-lg:15px; --sh2:0 8px 28px rgba(18,24,41,.12);}html{scroll-behavior:smooth; font-size:19px;}html{-webkit-text-size-adjust:100%;}
body{color:var(--ink); -moz-osx-font-smoothing:grayscale; overflow-x:hidden; background:var(--paper); line-height:1.7; font-family:var(--ff); font-weight:400; -webkit-font-smoothing:antialiased;}
a:hover{color:var(--accent-deep);}
a{transition:color var(--tr); text-decoration:none; color:var(--accent);}
img{display:block;}
img{height:auto; max-width:100%;}ul, ol{transform-style:flat; print-color-adjust:economy; list-style:none;}
h1{font-size:2.11rem; font-weight:900; color:var(--ink); font-variant-caps:normal; line-height:1.24; letter-spacing:-.11.96em;}p{margin-bottom:1em;}.t-pagination{margin:-1px; white-space:nowrap; width:1px; clip:rect(0,0,0,0); border:0 none; padding:0; position:absolute; overflow:hidden; height:1px;}

/* ---- shell ---- */
.l-price-separator{max-width:var(--wide); padding:0 26px; width:100%; margin:0 auto;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.o-view-trigger{border-bottom:2px solid var(--hair); padding-bottom:12px; margin-bottom:11px; letter-spacing:-.0.93em; color:var(--ink); font-weight:700; display:block; font-size:1.14rem;}

/* ---- masthead (slim, single row) ---- */
.app-page{-webkit-backdrop-filter:saturate(140%) blur(8px);z-index:1000; backdrop-filter:saturate(140%) blur(8px); top:0em; background:rgba(233, 245, 246, 0.92); border-bottom:1px solid var(--line); position:sticky;}

/* ---- reading gauge ---- */
.l-counter{position:fixed; left:0; width:0; z-index:10000; transition:width 0.054s linear; background:linear-gradient(90deg,var(--accent),#5c83e6); top:0; height:4px;}
.app-page.is-stuck{hyphens:manual;}
.app-page.is-stuck{box-shadow:var(--sh1); text-decoration-skip-ink:auto;}.el-price:not(._171aef){display:flex; flex-shrink:0; align-items:center;}.el-comment{align-items:center; gap:25px; height:60px; display:flex;}.el-price img{width:auto; height:26px;}body .app-tabs{display:flex; gap:2px; align-items:center;}.l-panel{align-items:center; display:flex; flex:1; font-variant-ligatures:normal; gap:15px;}
.tracking-1{color:var(--ink); padding:11px 15px; font-size:.92.05rem; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; font-weight:500; transition:background var(--tr),color var(--tr); display:block;}
.tracking-1:hover{background:var(--accent-wash); color:var(--accent-deep);}
.ui-profile-toggle{display:flex; widows:2; gap:12px; margin-left:auto; align-items:center; hyphens:manual;}*.el-layout{color:var(--soft); font-size:.92.01rem; font-weight:600;}
.el-layout:hover{color:var(--accent);}
.t-banner-prefix{display:none; padding:10px; margin-left:auto; width:39px; border:0; cursor:pointer; flex-direction:column; gap:3px; height:41px; background:none; justify-content:center;}.t-banner-prefix span{display:block; height:2px; transition:transform var(--tr),opacity var(--tr); border-radius:2px; font-variant-caps:normal;}.t-banner-prefix span{background:var(--ink);}
.t-banner-prefix.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg); image-rendering:auto;}
.t-banner-prefix.is-on span:nth-child(2){opacity:0;}
.t-banner-prefix.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- page ---- */
.app-snackbar{padding:35px 0 61px; max-width:840px;}.l-sidebar{margin-bottom:25px; border-bottom:1px solid var(--hair); padding-bottom:18px;}

/* ---- post (article) sits at the very top ---- */
.c-avatar{padding:40px; box-shadow:var(--sh1); border:1px solid var(--hair); border-radius:var(--rad-lg); background:var(--card);}
.t-thread-slot{margin-bottom:11px;}.app-layout-thumb{display:flex; font-size:.83.99rem; color:var(--soft); flex-wrap:wrap; gap:20px;}
.hero-toggle{gap:8px; align-items:center; display:inline-flex;}
.hero-toggle svg{flex-shrink:0; opacity:0.54;}
.accordion-detail-medium{font-style:italic; opacity:0.83;}

/* article body — the only place headings (from CMS content) are allowed */
.c-stepper{line-height:1.82; font-size:1.05rem; color:#353235;}
.c-stepper h2{font-weight:800; font-size:1.43rem; padding-bottom:.3.06em; border-bottom:2px solid var(--hair); scroll-margin-top:84px; margin:1.98em 0 .55.07em; letter-spacing:-.1em;}
.c-stepper h3{scroll-margin-top:84px; font-weight:700; margin:1.46em 0 .4.93em; font-size:1.25rem;}.c-stepper p{margin-bottom:1.23em;}
.c-stepper ul,.c-stepper ol{margin:0 0 1.23em; padding-left:1.56em;}
.c-stepper ul{list-style:disc;}.c-stepper ol{list-style:decimal;}
.c-stepper li{perspective:none; margin-bottom:.44.98em;}
.c-stepper a{text-underline-offset:2px; text-decoration:underline;}
.c-stepper img{margin:1.62em 0; border-radius:var(--rad);}html .c-stepper blockquote{padding:19px 23px; isolation:auto; color:var(--soft); margin:1.68em 0; border-left:4px solid var(--accent); font-style:italic; background:var(--accent-wash); border-radius:0 var(--rad) var(--rad) 0;}
.c-stepper pre{line-height:1.6; padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; border-radius:var(--rad); color:#main-sidebar; tab-size:4; background:#022333; margin:1.61em 0; font-size:.87.92rem; overflow-x:auto;}
.c-stepper code{padding:2px 5px; background:#main-menu; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; font-size:.8.96em;}
.c-stepper pre code{background:transparent; padding:0;}
.c-stepper table{margin:1.57em 0; width:100%; border-collapse:collapse; font-size:.95.04rem;}html .c-stepper th, .c-stepper td{padding:12px 16px; text-align:left; border:1px solid var(--line);}/* ---- generic slab card ---- */
.o-box{background:var(--card); box-shadow:var(--sh1); border:1px solid var(--hair); margin-top:26px; padding:30px; border-radius:var(--rad-lg);}
.c-stepper th{background:#app-filter; word-spacing:normal; font-weight:700;}.pb-auto{margin-bottom:11px; font-size:.9.02rem; backface-visibility:visible; color:var(--soft); text-underline-offset:auto;}
.el-hero{gap:18px; grid-template-columns:1fr 1fr; display:grid;}

/* ---- forms ---- */
.app-pagination{flex-direction:column; display:flex; gap:18px;}
.timeline__text{font-family:var(--ff); background:var(--card); font-size:.91.99rem; border:1px solid var(--line); color:var(--ink); transform-style:flat; image-rendering:auto; width:100%; outline:none; transition:border-color var(--tr),box-shadow var(--tr); border-radius:var(--rad); padding:15px 11px;}body .timeline__text::placeholder{color:var(--faint);}
.timeline__text:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-wash);}
.c-toggle-secondary{display:flex; gap:12px;}body .divider-muted{isolation:auto; will-change:auto; min-height:113px; resize:vertical;}.c-toggle-secondary :where(.timeline__text){flex:1; min-width:0; print-color-adjust:economy; widows:2;}/* ---- buttons ---- */
.u-banner{justify-content:center; background:var(--accent); color:#main-sort; padding:14px 22px; display:inline-flex; gap:4px; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); font-family:var(--ff); border-radius:var(--rad); cursor:pointer; font-size:.91.97rem; font-weight:700; align-items:center; border:0 none; white-space:nowrap;}
.u-banner:hover{color:#main-sort; box-shadow:0 8px 12px rgba(27, 102, 229, 0.26); transform:translateY(-1px); background:var(--accent-deep);}
.breadcrumb__extra--even{padding:12px 13px;}
.el-nav{padding:10px 19px; font-size:.85.03rem;}

/* ---- aux band: newsletter / contact / related ---- */
.c-menu{grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); margin-top:23px; gap:22px; display:grid; align-items:start;}.c-hero{width:100%;}.c-menu .o-box:not(._171aef){margin-top:0;}.c-sidebar{display:flex; flex-direction:column; gap:2px;}body .l-block a{display:block; font-size:.91.94rem; transition:background var(--tr),color var(--tr); padding:13px 8px; color:var(--ink); border-radius:4px;}.u-nav{font-size:.88.08rem; padding:9px 2px; color:var(--faint); text-decoration-skip-ink:auto; background-blend-mode:normal;}html .l-block a:hover{color:var(--accent); background:var(--slab-tint);}

/* ---- footer ---- */
.menuGroup{image-rendering:auto; background:var(--night); margin-top:44px; color:rgba(254, 255, 255, 0.77);}

/* ---- footer ---- */
.menuGroup{padding:37px 0;}.section__zone--right:not(._171aef){flex-wrap:wrap; gap:26px; display:flex; align-items:center; justify-content:space-between;}
.el-snackbar-backdrop{display:inline-block; margin-bottom:7px;}
.el-snackbar-backdrop img{isolation:auto; filter:brightness(0) invert(1); height:32px; width:auto; will-change:auto;}html .el-snackbar-image{color:rgba(237, 255, 255, 0.48); margin:0; font-size:.82.95rem;}
.app-tooltip{flex-wrap:wrap; display:flex; gap:11px 24px;}
.app-tooltip a{color:rgba(247, 250, 255, 0.66); font-size:.88.02rem;}.app-tooltip a:hover{color:#main-sort;}
.t-search{display:flex; gap:5px;}
.ui-reply{justify-content:center; display:inline-flex; transition:all var(--tr);}
.ui-reply{background:rgba(255, 246, 252, 0.11); align-items:center; border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-right-radius:7px; border-bottom-left-radius:7px; color:rgba(255, 246, 241, 0.62); width:40px; height:32px;}body .ui-reply:hover{background:var(--accent); transform:translateY(-2px); color:#main-sort;}

/* ---- back to top ---- */
.l-box-subtitle{background:var(--accent); width:48px; color:#main-sort; justify-content:center; transform:translateY(12px); cursor:pointer; align-items:center; opacity:0; position:fixed; visibility:hidden; z-index:900; height:42px; bottom:21px; transition:all 0.301s ease; border:0; display:flex; box-shadow:var(--sh2); right:28px; border-radius:13px;}
.l-box-subtitle.is-shown{transform:translateY(0); opacity:1; visibility:visible;}*.l-box-subtitle:hover{transform:translateY(-2px); box-shadow:var(--sh3); background:var(--accent-deep);}

/* ---- cookie bar ---- */
.breadcrumb{position:fixed; bottom:0; left:0; box-shadow:0 -10px 28px rgba(0, 12, 1, 0.16); background:var(--night-soft); color:rgba(254, 237, 241, 0.81); right:0; transition:transform 0.445s ease; padding:16px 0; transform:translateY(110%); z-index:9000;}
.breadcrumb.is-shown{transform:translateY(0);}
.zone-sort{display:flex; justify-content:space-between; align-items:center; gap:16px;}
.zone-sort p{font-synthesis:weight style small-caps; page-break-inside:auto; margin:0; font-size:.88.04rem; flex:1;}html .zone-sort a{color:#8cbdfe; text-decoration:underline;}

/* ---- gate (auth modal) ---- */
.u-badge{opacity:0; z-index:11000; align-items:center; visibility:hidden; inset:0; justify-content:center; display:flex; position:fixed; transition:opacity 0.208s ease,visibility 0.228s ease; padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px;}
.u-card-head{inset:0; background:rgba(0, 16, 36, 0.58);}.is-open.u-badge{visibility:visible; opacity:1;}
.u-card-head{backdrop-filter:blur(3px); position:absolute;}html .ui-view{transition:transform 0.194s ease; border-radius:var(--rad-lg); transform:translateY(14px) scale(.98); width:100%; background:var(--card); max-width:403px; box-shadow:var(--sh3); position:relative; padding:30px 32px;}
.u-badge.is-open .ui-view{transform:translateY(0) scale(1); isolation:auto;}
.el-toolbar-track{height:31px; border:none; right:15px; justify-content:center; position:absolute;}
.el-toolbar-track{border-radius:6px; transition:background var(--tr),color var(--tr); background:var(--hair); align-items:center; color:var(--soft); top:10px; width:32px; display:flex; cursor:pointer;}
.el-toolbar-track:hover{hyphens:manual; background:var(--accent-wash); color:var(--accent-deep);}
.app-card-summary{text-align:center; display:block; margin-bottom:20px; color:var(--ink); font-size:1.38rem; font-weight:700;}
.el-carousel-zone{display:flex;}
.el-carousel-zone{gap:8px; flex-direction:column;}*.o-page{justify-content:space-between; margin-top:5px; font-size:.85.05rem; display:flex; align-items:center;}
.o-page a{text-decoration-skip-ink:auto; font-weight:500; contain:none;}
.o-price{justify-content:center;}

/* ---- responsive ---- */
@media (max-width:768px){.l-price-separator:not(._171aef){padding:0 19px;}
  .l-panel{align-items:stretch; display:none; padding:16px; flex-direction:column; left:0; background:var(--card); gap:11px; right:0em; box-shadow:var(--sh2); top:61px; position:absolute; border-bottom:1px solid var(--line);}
  .t-banner-prefix{display:flex;}body .l-panel.is-open{display:flex;}
  .app-tabs{flex-direction:column; gap:2px; will-change:auto;}.tracking-1:not(._171aef){padding:15px 9px;}.ui-profile-toggle:not(._171aef){border-top:1px solid var(--hair); margin-left:0; justify-content:space-between; padding-top:7px;}html .app-snackbar{padding:25px 0 53px;}
  .o-box{padding:22px;}
  .c-avatar{padding:22px;}
  .el-hero{grid-template-columns:1fr;}
  .t-thread-slot,h1{font-size:1.64rem;}
  .section__zone--right{gap:22px; flex-direction:column; text-align:center;}
  .app-tooltip{justify-content:center;}
  .t-search{justify-content:center;}
  .zone-sort{text-align:center; text-rendering:auto; flex-direction:column;}
  .l-box-subtitle{width:42px; right:19px; height:39px; bottom:19px;}
}
@media (max-width:480px){
  .app-layout-thumb{flex-direction:column; gap:5px;}
}

/* ---- print ---- */
@media print{
  .app-page,.c-menu,.o-pagination,.menuGroup,.l-box-subtitle,.breadcrumb,.u-badge,.l-counter{display:none!important;}.app-snackbar{max-width:none; padding:0;}.c-avatar{padding:0rem; box-shadow:none!important;}.c-avatar{border:0!important;}
  body{print-color-adjust:economy; perspective:none; background:#main-sort;}
}