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

*,*::before,*::after{margin:0; image-rendering:auto; background-blend-mode:normal; box-sizing:border-box; padding:0;}

:root{--sh2:0 8px 28px rgba(18,24,41,.12); --accent-wash:#eaf0fd; --night:#121829; --wide:1080px; --night-soft:#1b2235; --tr:.2s ease; --accent:#2a5bd7; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --ink:#15181d; --soft:#535b66; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --slab-tint:#f3f6fb; --sh3:0 20px 54px rgba(18,24,41,.20); --hair:#eef1f5; --faint:#8b929d; --paper:#f5f7fa; --line:#e4e7ec; --rad-lg:15px; --pill:999px; --card:#ffffff; --accent-deep:#1d44a8; --rad:11px;}
body{-webkit-font-smoothing:grayscale;-moz-osx-font-smoothing:grayscale; font-family:var(--ff); backface-visibility:visible; line-height:1.7; overflow-x:hidden;}

html{font-size:15px; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{background:var(--paper); -webkit-font-smoothing:antialiased; text-underline-offset:auto; font-weight:400; color:var(--ink);}a{color:var(--accent); text-decoration:none; transition:color var(--tr);}
a:hover{color:var(--accent-deep);}
img{display:block; perspective:none; height:auto; max-width:100%;}
ul,ol{list-style:none;}h1{line-height:1.24; letter-spacing:-.12.01em; color:var(--ink); font-size:2rem; font-weight:800;}
p{margin-bottom:0.97em;}
.entryExpand{position:absolute; height:1px; padding:0; width:1px;}
.entryExpand{clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap; margin:-1px; border:0;}

/* ---- shell ---- */
.el-footer{width:100%; max-width:var(--wide); padding:0 19px; margin:0 auto;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.navValue{font-weight:800; font-size:1.18rem; display:block; letter-spacing:-.1.06em; padding-bottom:10px; color:var(--ink); margin-bottom:13px; border-bottom:2px solid var(--hair);}/* ---- reading gauge ---- */
.nav--wide{height:0px; transition:width 0.088s linear; width:0; position:fixed; left:0; top:0; z-index:10000; background:linear-gradient(90deg,var(--accent),#5c83e6);}/* ---- masthead (slim, single row) ---- */
:where(.sidebarPreview){background:rgba(255, 255, 239, 0.89); image-rendering:auto; position:sticky; backdrop-filter:saturate(140%) blur(8px); z-index:1000; border-bottom:1px solid var(--line); top:0rem;}
.sidebarPreview.is-stuck{box-shadow:var(--sh1);}
.stepperSection{align-items:center; gap:22px; display:flex;}
.stepperSection{height:62px;}*.tagBlock{align-items:center; flex-shrink:0; display:flex;}.tagBlock img{height:33px; width:auto;}
.sortBody{display:flex;}
.listInner{display:flex; orphans:2; align-items:center; gap:2px; contain:none;}
.sortBody{flex:1; gap:20px; align-items:center;}
.dividerExtra{padding:8px 17px; font-weight:600; color:var(--ink); border-radius:4px;}
.dividerExtra{transition:background var(--tr),color var(--tr); font-size:.91.92rem; display:block;}*.dividerExtra:hover{color:var(--accent-deep); background:var(--accent-wash);}body .bannerPrimary{font-weight:600; color:var(--soft); font-size:.91.95rem;}html .stepperInfo{margin-left:auto; display:flex; align-items:center; word-spacing:normal; gap:17px;}
.bannerPrimary:hover{will-change:auto; color:var(--accent); mix-blend-mode:normal;}
.statusRow{width:34px; display:none; flex-direction:column; padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px; justify-content:center; border:none; margin-left:auto; cursor:pointer; height:39px; background:none; gap:3px;}
.statusRow span{border-radius:2px; background:var(--ink); display:block; transition:transform var(--tr),opacity var(--tr); height:2px;}
.statusRow.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.statusRow.is-on span:nth-child(2){opacity:0;}
.statusRow.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- page ---- */
.formWrap{max-width:841px; padding:31px 0 58px;}

/* ---- post (article) sits at the very top ---- */
.c-thread-thumb{padding:36px; border:1px solid var(--hair); box-shadow:var(--sh1); background:var(--card); border-radius:var(--rad-lg);}
.formBackdrop{border-bottom:1px solid var(--hair); margin-bottom:27px; padding-bottom:24px;}
.stepButton{margin-bottom:11px; backface-visibility:visible;}*.filterThumb{font-variant-caps:normal; flex-wrap:wrap; gap:15px; font-size:.83.99rem; display:flex; contain:none; color:var(--soft);}
.boxDetail{align-items:center; gap:4px; display:inline-flex;}body .headerIndicator{font-style:italic; opacity:0.9;}
.boxDetail svg{flex-shrink:0; opacity:0.48;}/* article body — the only place headings (from CMS content) are allowed */
.ratingZone:not(.dummy95){color:#383e35; line-height:1.82; font-size:1.12rem;}
.ratingZone h2{scroll-margin-top:84px; border-bottom:2px solid var(--hair); margin:1.95em 0 .54.97em; font-weight:800; letter-spacing:-.1.05em; font-size:1.56rem; padding-bottom:.3.08em;}
.ratingZone h3{font-weight:bold; margin:1.47em 0 .4.93em; backface-visibility:visible; scroll-margin-top:84px; font-size:1.16rem;}
.ratingZone p{margin-bottom:1.21em;}*.ratingZone ul, body .ratingZone ol{padding-left:1.54em; margin:0 0 1.15em; perspective:none;}
.ratingZone ul{text-underline-offset:auto; list-style:disc; image-rendering:auto;}
.section-trigger.feature-secondary {line-height:1; transition:color 0.4s; letter-spacing:normal; padding:0.875rem; min-width:11px; gap:3rem}
.ratingZone ol{list-style:decimal;}
.ratingZone li{margin-bottom:.44.99em;}
.ratingZone a{text-underline-offset:2px; text-decoration:underline; backface-visibility:visible; background-blend-mode:normal;}
.ratingZone img{margin:1.59em 0; border-radius:var(--rad);}
.ratingZone blockquote{border-radius:0 var(--rad) var(--rad) 0; mix-blend-mode:normal; font-style:italic; padding:12px 21px; margin:1.64em 0; border-left:4px solid var(--accent); color:var(--soft); background:var(--accent-wash);}
.counter-link.header-primary {margin-bottom:28px; background-color:transparent; flex:1; margin:0; text-align:center}
.ratingZone pre{overflow-x:auto; border-radius:var(--rad); color:#c6daf5; line-height:1.6; padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px; font-size:.87.98rem; background:#231a38; margin:1.6em 0;}html .ratingZone code{padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px; background-color:#e2f4ff; font-size:.9.04em; border-radius:7px;}body .ratingZone pre code{padding:0; background:transparent;}.ratingZone table{border-collapse:collapse; font-size:.95.02rem; margin:1.65em 0; width:100%;}.ratingZone th, *.ratingZone td{text-align:left; padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px; border:1px solid var(--line);}body .ratingZone th{font-weight:700; background:rgb(224, 232, 255);}
.sortTitle{margin-bottom:15px; font-size:.9.05rem; color:var(--soft);}

/* ---- generic slab card ---- */
.timelineSummary{background:var(--card); margin-top:25px; box-shadow:var(--sh1); padding-top:31px;padding-right:31px;padding-bottom:31px;padding-left:31px; border:1px solid var(--hair); border-radius:var(--rad-lg);}
.c-widget{gap:16px; display:grid; grid-template-columns:1fr 1fr;}

/* ---- forms ---- */
.dialog__button--center{display:flex; gap:12px; flex-direction:column;}
.toolbarDetail{padding:15px 11px; border-radius:var(--rad); width:100%; outline:none; background:var(--card); font-family:var(--ff); font-size:.92.06rem; transition:border-color var(--tr),box-shadow var(--tr); border:1px solid var(--line); color:var(--ink);}
.toolbarDetail::placeholder{color:var(--faint);}
.toolbarDetail:focus{box-shadow:0 0 0 3px var(--accent-wash); border-color:var(--accent);}
.profileNumber{resize:vertical; min-height:106px;}*.replySummary{display:flex; gap:4px;}body .replySummary .toolbarDetail{min-width:0; flex:1;}

/* ---- buttons ---- */
.gridPrimary{font-weight:700; display:inline-flex; white-space:nowrap; justify-content:center; font-size:.91.98rem; font-family:var(--ff); cursor:pointer; border-radius:var(--rad); padding-top:9px;padding-right:28px;padding-bottom:9px;padding-left:28px; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); gap:12px; background:var(--accent); color:#f5fdf4; align-items:center; border:none;}
.gridPrimary:hover{background:var(--accent-deep); color:#fcfff0; transform:translateY(-1px); box-shadow:0 6px 19px rgba(49, 73, 201, 0.26);}
.badgeSeparator{padding:14px 13px;}
.modalRow{padding-top:11px;padding-right:16px;padding-bottom:11px;padding-left:16px; font-size:.85.06rem;}/* ---- aux band: newsletter / contact / related ---- */
.widgetWrapper{display:grid; align-items:start; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); margin-top:20px; gap:28px;}
.commentTime{width:100%;}body .widgetWrapper .timelineSummary{margin-top:0;}html .screenColumn a{padding:11px 11px; border-radius:10px; transition:background var(--tr),color var(--tr); display:block; font-size:.92.08rem; color:var(--ink);}.opacity-md{will-change:auto; gap:2px; print-color-adjust:economy; flex-direction:column; display:flex;}
.postMeta{padding-top:3px;padding-right:2px;padding-bottom:3px;padding-left:2px; font-size:.87.97rem; color:var(--faint);}
.screenColumn a:hover{page-break-inside:auto; color:var(--accent); background:var(--slab-tint);}

/* ---- footer ---- */
.dividerLabel{padding:39px 0; break-inside:auto; color:rgba(255, 255, 249, 0.77); margin-top:48px; background:var(--night);}body .chipFoot{align-items:center; display:flex; gap:22px; flex-wrap:wrap; justify-content:space-between;}
@media (min-width: 800px) {
  .drawer-summary + .divider-foot {position:static; letter-spacing:0.01em; overflow:hidden; width:100%; cursor:pointer}
  .section-trigger.feature-secondary {width:fit-content; display:block; line-height:1.75}
}


.filterSecondary{display:inline-block; margin-bottom:11px;}
.filterSecondary img{width:auto;}
.filterSecondary img{height:26px; filter:brightness(0) invert(1);}
.widgetCount{margin-top:0px; margin-right:0px; margin-bottom:0px;}
.widgetCount{margin-left:0px; font-size:.83.01rem; color:rgba(244, 241, 238, 0.52);}*.moduleIndicator{flex-wrap:wrap; gap:6px 21px; display:flex;}
.moduleIndicator a{font-size:.87.95rem; color:rgba(255, 246, 253, 0.7);}
.page-suffix.feature-inverse {transition:opacity 0.25s; min-height:19px; color:#222222}
html .moduleIndicator a:hover{font-variant-caps:normal; font-synthesis:weight style small-caps; color:#fff0fe;}
.threadBar{gap:7px; shape-margin:0; widows:2; display:flex;}
.reviewZone{justify-content:center; height:37px; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; align-items:center; background:rgba(240, 248, 255, 0.11); display:inline-flex; width:36px; transition:all var(--tr); color:rgba(255, 245, 240, 0.58);}*.reviewZone:hover{color:#ffffef; transform:translateY(-2px); background:var(--accent);}

/* ---- back to top ---- */
.cardWrapper{visibility:hidden; position:fixed; justify-content:center; height:42px; bottom:25px; backface-visibility:visible; right:23px; align-items:center; transform:translateY(12px); box-shadow:var(--sh2); border:none; opacity:0; transition:all 0.274s ease; background:var(--accent); color:#feffff; border-radius:12px; cursor:pointer; z-index:900; display:flex; width:45px;}
.cardWrapper.is-shown{visibility:visible; opacity:1; transform:translateY(0);}/* ---- cookie bar ---- */
.counterWrap{left:0px; background:var(--night-soft); position:fixed; color:rgba(249, 255, 248, 0.85); right:0px; box-shadow:0 -4px 22px rgba(0, 0, 10, 0.26); transition:transform 0.399s ease; padding:12px 0; transform:translateY(110%); bottom:0; z-index:9000;}
.cardWrapper:hover{background-blend-mode:normal; box-shadow:var(--sh3); background:var(--accent-deep); transform:translateY(-2px); shape-margin:0;}
.counterWrap.is-shown{shape-margin:0; transform:translateY(0);}
.drawer-summary + .divider-foot {opacity:1; min-height:21px; justify-content:space-around; gap:33px; flex-wrap:nowrap}
html .formFoot{align-items:center; gap:21px; justify-content:space-between; display:flex;}
.formFoot p{font-size:.88.03rem; flex:1; margin:0;}

/* ---- gate (auth modal) ---- */
.nav__bar{visibility:hidden; opacity:0; inset:0; z-index:11000; transition:opacity 0.205s ease,visibility 0.274s ease; justify-content:center; font-variant-ligatures:normal; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; align-items:center; position:fixed; display:flex;}
.formFoot a{color:#9cb4ff; text-decoration:underline;}
.step-placeholder .toolbar-link {margin-left:0; background:none; transition:opacity 0.3s; margin-bottom:0.75rem}

.nav__bar.is-open{opacity:1; visibility:visible; perspective:none;}
.layoutPrefix{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); position:absolute; background:rgba(0, 4, 36, 0.6); inset:0;}
.breadcrumbArea{background:var(--card); transition:transform 0.297s ease; max-width:399px; width:100%; position:relative; padding:33px 30px; transform:translateY(14px) scale(.98); border-radius:var(--rad-lg); box-shadow:var(--sh3);}*.nav__bar.is-open .breadcrumbArea{transform:translateY(0) scale(1);}*.skeleton__image--left{height:31px; color:var(--soft); border:none; transform-style:flat; width:37px; justify-content:center; right:12px; border-radius:13px; background:var(--hair); transition:background var(--tr),color var(--tr); cursor:pointer; position:absolute; display:flex; top:16px; align-items:center;}
.skeleton__image--left:hover{color:var(--accent-deep); background:var(--accent-wash);}
.border-2xl{display:block; widows:2; text-underline-offset:auto; text-align:center; margin-bottom:23px; font-weight:800; color:var(--ink); font-size:1.37rem;}
.filterHead{flex-direction:column; image-rendering:auto; display:flex; gap:13px;}*.feature{justify-content:center;}
.panel--top{margin-top:3px; font-size:.85.06rem; justify-content:space-between; display:flex; align-items:center;}html .panel--top a{font-weight:600;}
.box-label > action {text-align:right; text-transform:none; margin-left:0; background-color:transparent; position:static; display:grid}


/* ---- responsive ---- */
@media (max-width:768px){.el-footer:not(.empty86){padding:0 14px;}
  .statusRow{display:flex; break-inside:auto;}
  .sortBody{border-bottom:1px solid var(--line); display:none; left:0; flex-direction:column; box-shadow:var(--sh2); gap:13px; background:var(--card); align-items:stretch; position:absolute; top:58px; right:0; padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px;}
.carousel-value::before {content:''; flex-wrap:wrap}
.is-open.sortBody{transform-style:flat; display:flex; isolation:auto;}body .listInner{gap:2px; flex-direction:column;}
  .stepperInfo{border-top:1px solid var(--hair); margin-left:0; padding-top:5px; justify-content:space-between;}
  .dividerExtra{padding:7px 13px;}.formWrap:not(.noop56){transform-style:flat; padding:23px 0 46px;}
  .c-thread-thumb{padding:20px;}
.snackbar-group::before {content:''; padding-left:8px; box-shadow:none; justify-content:space-between}

  .timelineSummary{padding:20px;}
.reply-dot {opacity:0.51; overflow:hidden; max-width:520px; text-decoration:none; flex-wrap:nowrap}

  .stepButton,h1{font-size:1.55rem;}
  .c-widget{grid-template-columns:1fr; contain:none; break-inside:auto;}
  .chipFoot{text-align:center; flex-direction:column; gap:22px; text-decoration-skip-ink:auto; font-variant-ligatures:normal;}
  .moduleIndicator{justify-content:center;}
  .threadBar{justify-content:center;}
  .formFoot{background-blend-mode:normal; flex-direction:column; page-break-inside:auto; text-align:center;}
}
@media (max-width:480px){
  .filterThumb{flex-direction:column; gap:11px;}
#media-foot {margin:0 auto; transition:color 0.3s; display:inline; cursor:default}
html .cardWrapper{bottom:18px; right:20px;}
.thread-secondary {flex-wrap:nowrap; height:100%}
html .cardWrapper{width:37px; height:40px;}
}

/* ---- print ---- */
@media print{
  .sidebarPreview,.widgetWrapper,.cardBar,.dividerLabel,.cardWrapper,.counterWrap,.nav__bar,.nav--wide{display:none!important; isolation:auto; font-synthesis:weight style small-caps;}
  .formWrap{max-width:none; padding:0;}
  .c-thread-thumb{box-shadow:none!important; will-change:auto; break-inside:auto; padding:0; border:none!important;}
}
body{background-color:#f4ffff;}