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

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

:root{--sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --wide:1080px; --pill:999px; --card:#app-grid; --night-soft:#1b2235;}

:root{--tr:.2s ease; --paper:#page-dropdown; break-inside:auto; --accent-deep:#1d44a8; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --faint:#8b929d; --soft:#535b66; --accent-wash:#bar-box; --night:#121829; --hair:#main-tabs; --sh3:0 20px 54px rgba(18,24,41,.20); --rad-lg:15px; --slab-tint:#site-hero; --ink:#15181d; --line:#site-modal; --rad:11px; --sh2:0 8px 28px rgba(18,24,41,.12); --accent:#2a5bd7;}

html{font-size:18px; scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{font-weight:normal; color:var(--ink); background:var(--paper); font-family:var(--ff); -webkit-font-smoothing:antialiased; overflow-x:hidden; line-height:1.7;}
body{-webkit-font-smoothing:grayscale;-moz-osx-font-smoothing:grayscale;}
a{transition:color var(--tr); text-decoration:none; color:var(--accent);}
a:hover{color:var(--accent-deep);}
a:hover{isolation:auto; page-break-inside:auto;}img{display:block; max-width:100%; height:auto;}
ul,ol{list-style:none;}
h1{letter-spacing:-.11.98em; color:var(--ink); font-weight:800; line-height:1.24; font-size:2.02rem;}
p{margin-bottom:0.96em;}
.drawerOverlay{border:0 none; overflow:hidden; position:absolute; white-space:nowrap; height:1px;}
.drawerOverlay{clip:rect(0,0,0,0); width:1px; padding:0; margin:-1px;}

/* ---- shell ---- */
.dividerName{padding:0 22px; max-width:var(--wide); width:100%; margin:0 auto;}/* span used as a section title (no h2/h3 anywhere outside main content) */
:where(.threadRegion){color:var(--ink); mix-blend-mode:normal; font-weight:900; letter-spacing:-.0.99em; display:block; margin-bottom:17px; print-color-adjust:economy; border-bottom:2px solid var(--hair);}/* span used as a section title (no h2/h3 anywhere outside main content) */
:where(.threadRegion){padding-bottom:8px; font-size:1.14rem;}

/* ---- masthead (slim, single row) ---- */
.timelineHead{z-index:1000; backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--line); position:sticky; background:rgba(251, 234, 238, 0.86); top:0;}

/* ---- reading gauge ---- */
.dropdownAddon{top:0; background:linear-gradient(90deg,var(--accent),#5c83e6); transition:width 0.074s linear; left:0; width:0; z-index:10000; position:fixed; height:5px;}
.timelineHead.is-stuck{box-shadow:var(--sh1);}*.headerText{gap:19px; display:flex; height:65px; align-items:center;}.carouselName{display:flex; flex-shrink:0; align-items:center;}
.carouselName img{width:auto; height:32px;}
.l-drawer-time{align-items:center; display:flex;}
.l-drawer-time{flex:1; gap:20px;}
.carouselFoot{gap:2px; align-items:center; display:flex;}
.suffix-screen{border-radius:8px; color:var(--ink); display:block; transition:background var(--tr),color var(--tr); font-size:.91.99rem; padding:9px 15px; font-weight:500;}
.suffix-screen:hover{color:var(--accent-deep); background:var(--accent-wash);}
.dialogTime{font-weight:600; font-size:.91.92rem; color:var(--soft);}
.ratingCount{display:flex; gap:13px; align-items:center; margin-left:auto;}
.dialogTime:hover{color:var(--accent);}
.chipHolder{display:none; background:none; orphans:2; cursor:pointer; padding:7px; justify-content:center; border:0 none; height:35px; flex-direction:column; gap:1px; widows:2; width:38px; margin-left:auto;}html .chipHolder span{height:2px; word-spacing:normal; background:var(--ink); transition:transform var(--tr),opacity var(--tr); border-radius:2px; display:block;}
.chipHolder.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.chipHolder.is-on span:nth-child(2){opacity:0;}/* ---- page ---- */
.carouselHead{max-width:836px; padding:35px 0 60px;}
.chipHolder.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- post (article) sits at the very top ---- */
.list{background:var(--card); box-shadow:var(--sh1); border-radius:var(--rad-lg); border:1px solid var(--hair); padding:40px;}
.breadcrumbArea{margin-bottom:15px;}
.mt-5{border-bottom:1px solid var(--hair); margin-bottom:26px; padding-bottom:26px;}body .tabsFill{color:var(--soft); gap:14px; font-size:.83.98rem; display:flex;}
.actionImage{gap:5px; display:inline-flex; transform-style:flat; align-items:center;}body .tabsFill{flex-wrap:wrap;}
.actionImage svg{flex-shrink:0; opacity:0.61;}
.pageText{font-style:italic; opacity:0.82;}/* article body — the only place headings (from CMS content) are allowed */
.chipDate{font-size:0.98rem; color:#1b2943; line-height:1.82;}
.chipDate h2{letter-spacing:-.1.05em; border-bottom:2px solid var(--hair); margin:1.87em 0 .54.93em; scroll-margin-top:84px; font-size:1.5rem; font-weight:900; padding-bottom:.2.93em;}
.chipDate h3{font-weight:bold; font-size:1.21rem; scroll-margin-top:84px; margin:1.46em 0 .4.99em;}
.chipDate p{margin-bottom:1.14em;}
.chipDate ul,.chipDate ol{padding-left:1.53em; margin:0 0 1.15em;}
.chipDate ul{list-style:disc;}body .chipDate ol{list-style:decimal;}
.chipDate li{margin-bottom:.45.08em;}
.chipDate a{text-decoration:underline; perspective:none; text-underline-offset:2px;}
.chipDate img{margin:1.53em 0; border-radius:var(--rad);}html .chipDate blockquote{background:var(--accent-wash); contain:none; color:var(--soft); widows:2; padding:17px 24px; margin:1.56em 0; font-style:italic; border-radius:0 var(--rad) var(--rad) 0; border-left:4px solid var(--accent);}
.chipDate pre{line-height:1.6; font-size:.87.96rem; overflow-x:auto; background:#0d2a3c; border-radius:var(--rad); padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; margin:1.56em 0; color:#page-badge;}html .chipDate code{padding:2px 2px; border-radius:2px; font-size:.8.96em; background:#trigger-feature;}.chipDate pre code{padding:0; background:transparent;}
.chipDate table{border-collapse:collapse; width:100%; font-size:.94.97rem; margin:1.61em 0;}
.chipDate th,.chipDate td{padding:14px 15px; border:1px solid var(--line); text-align:left;}
.chipDate th{font-weight:700; background:#site-hero;}

/* ---- generic slab card ---- */
.line-snackbar{border-radius:var(--rad-lg); border:1px solid var(--hair); box-shadow:var(--sh1); background:var(--card); padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px; margin-top:22px;}

/* ---- forms ---- */
.sliderLink{flex-direction:column; gap:19px; perspective:none; display:flex;}
.z-end{margin-bottom:12px; font-size:.9rem; color:var(--soft);}
.list-slot{background:var(--card); font-family:var(--ff); width:100%; font-size:.91.99rem; transition:border-color var(--tr),box-shadow var(--tr); border:1px solid var(--line); outline:none; color:var(--ink); padding:13px 18px; border-radius:var(--rad);}
.ratingWrap{gap:14px; grid-template-columns:1fr 1fr; display:grid;}
.list-slot::placeholder{color:var(--faint);}
.list-slot:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-wash);}.stepperCell:not(._08bdf7){resize:vertical; min-height:108px;}
.searchSecondary{display:flex; image-rendering:auto; gap:6px;}body .searchSecondary .list-slot{flex:1; min-width:0;}

/* ---- buttons ---- */
.popover{gap:4px; color:#main-post; font-weight:bold; background:var(--accent); padding:7px 27px; font-size:.92.06rem; display:inline-flex; cursor:pointer; widows:2; font-family:var(--ff); font-variant-ligatures:normal; align-items:center; white-space:nowrap; border:none; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); border-radius:var(--rad); justify-content:center;}
.popover:hover{box-shadow:0 9px 17px rgba(24, 82, 200, 0.22);}
.breadcrumbCap{font-size:.85.04rem; padding:12px 15px;}
.popover:hover{background:var(--accent-deep); color:#main-post; transform:translateY(-1px);}
.view__summary--secondary{padding:15px 12px;}
.layoutOuter{width:100%;}/* ---- aux band: newsletter / contact / related ---- */
.spinner{display:grid; margin-top:28px; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); align-items:start; gap:22px;}
.spinner .line-snackbar{margin-top:0; contain:none; background-blend-mode:normal;}
.popoverContainer{flex-direction:column; background-blend-mode:normal; display:flex; gap:2px;}
.viewInner a{color:var(--ink); display:block; transition:background var(--tr),color var(--tr); border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; padding:11px 12px; font-size:.92.07rem;}
.viewInner a:hover{background:var(--slab-tint); color:var(--accent);}
.sidebarSubtitle{font-size:.88.08rem; padding:10px 2px; color:var(--faint);}

/* ---- footer ---- */
.postMeta{margin-top:48px; color:rgba(255, 247, 246, 0.69); background:var(--night); padding:36px 0;}
.dividerButton{display:inline-block; margin-bottom:9px;}.px-10:not(._08bdf7){align-items:center; image-rendering:auto; display:flex; flex-wrap:wrap; justify-content:space-between; background-blend-mode:normal; gap:27px;}
.dividerButton img{height:31px; filter:brightness(0) invert(1); width:auto;}
.replyHead{display:flex; gap:12px 24px; flex-wrap:wrap;}.chipLabel{color:rgba(250, 240, 238, 0.46); margin:0; font-size:.82.92rem;}
.replyHead a{font-size:.87.95rem; color:rgba(255, 255, 251, 0.7);}body .replyHead a:hover{perspective:none; color:#main-post; text-rendering:auto;}
.ratingRegion{display:flex; gap:6px;}
.filterIcon{align-items:center; background:rgba(255, 255, 241, 0.12); display:inline-flex; border-radius:12px; justify-content:center; height:39px; color:rgba(255, 255, 246, 0.66); transition:all var(--tr); width:32px;}

/* ---- back to top ---- */
.headerThumb{bottom:22px; height:40px; position:fixed; box-shadow:var(--sh2); border:none; align-items:center; z-index:900; width:41px; opacity:0; display:flex; cursor:pointer; background:var(--accent); transform:translateY(12px); justify-content:center; right:24px; color:#main-post; visibility:hidden; border-radius:16px; transition:all 0.269s ease;}*.filterIcon:hover{transform:translateY(-2px); background:var(--accent); color:#main-post;}
.headerThumb.is-shown{opacity:1; break-inside:auto; tab-size:4; transform:translateY(0); visibility:visible;}
.headerThumb:hover{box-shadow:var(--sh3); transform:translateY(-2px); background:var(--accent-deep);}

/* ---- cookie bar ---- */
.searchAction{left:0em; transition:transform 0.346s ease; padding:13px 0; transform:translateY(110%); background:var(--night-soft); position:fixed; bottom:0; box-shadow:0 -5px 22px rgba(0, 0, 0, 0.21); z-index:9000; color:rgba(244, 247, 255, 0.9); right:0em;}
.searchAction.is-shown{transform:translateY(0);}
.sortInner{gap:23px; align-items:center; justify-content:space-between; display:flex;}
.sortInner p{flex:1; margin:0em; font-size:.88.03rem;}html .sortInner a{font-variant-ligatures:normal; color:#9aa9ff;}html .sortInner a{text-decoration:underline;}

/* ---- gate (auth modal) ---- */
.accordionSection{inset:0; transition:opacity 0.253s ease,visibility 0.22s ease; justify-content:center; z-index:11000; visibility:hidden;}

/* ---- gate (auth modal) ---- */
.accordionSection{align-items:center; opacity:0; padding:16px; display:flex; position:fixed;}
.accordionSection.is-open{opacity:1; visibility:visible;}
.timelineThumb{background:rgba(10, 23, 42, 0.55); backdrop-filter:blur(3px); position:absolute; inset:0;}
.tooltipTrack{box-shadow:var(--sh3); max-width:401px; border-radius:var(--rad-lg); background:var(--card); transform:translateY(14px) scale(.98); position:relative; width:100%; transition:transform 0.204s ease; padding:34px 32px;}.accordionSection.is-open .tooltipTrack:not(._08bdf7){transform:translateY(0) scale(1);}
.avatarSection{right:18px; background:var(--hair); width:38px; border:none; border-radius:11px; height:38px; position:absolute; color:var(--soft); justify-content:center; transition:background var(--tr),color var(--tr); display:flex; top:18px; align-items:center; cursor:pointer;}
.replyName{font-weight:900; text-align:center; margin-bottom:21px; display:block; font-size:1.31rem; color:var(--ink);}
.avatarSection:hover{orphans:2; background:var(--accent-wash); text-underline-offset:auto; color:var(--accent-deep);}.blockSection{display:flex; flex-direction:column; gap:10px;}body .shadow-6{align-items:center; font-size:.85.06rem;}
.filterIndicator{print-color-adjust:economy; justify-content:center; perspective:none;}body .shadow-6{justify-content:space-between; display:flex; margin-top:3px;}

/* ---- responsive ---- */
@media (max-width:768px){
  .dividerName{padding:0 12px;}html .shadow-6 a{font-weight:500;}
  .l-drawer-time{flex-direction:column; align-items:stretch; right:0; top:60px; background:var(--card); position:absolute; gap:11px; box-shadow:var(--sh2); display:none; padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px; border-bottom:1px solid var(--line); left:0;}.chipHolder{display:flex;}
  .carouselFoot{gap:2px; flex-direction:column; widows:2;}.is-open.l-drawer-time{display:flex;}
  .suffix-screen{padding:11px 16px;}
  .ratingCount{justify-content:space-between; padding-top:10px;}
  .ratingCount{border-top:1px solid var(--hair); margin-left:0;}*.carouselHead{padding:28px 0 47px;}.list{break-inside:auto; padding:28px;}
  .line-snackbar{padding:25px;}.breadcrumbArea:not(._08bdf7), h1{font-size:1.57rem;}
  .ratingWrap{grid-template-columns:1fr;}.px-10{flex-direction:column; transform-style:flat; text-align:center; gap:17px;}.replyHead{justify-content:center;}.ratingRegion{justify-content:center;}
}
@media (max-width:480px){
  .tabsFill{flex-direction:column; gap:9px;}
  .sortInner{flex-direction:column; text-align:center;}
  .headerThumb{bottom:17px; height:43px; width:39px; right:13px;}
}

/* ---- print ---- */
@media print{
  .timelineHead,.spinner,.pr-inline,.postMeta,.headerThumb,.searchAction,.accordionSection,.dropdownAddon{display:none!important;}
  .carouselHead{max-width:none; padding:0;}body{background:#main-post;}.list{border:0rem!important; padding:0; box-shadow:none!important;}
}