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

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

html{shape-margin:0; scroll-behavior:smooth; -webkit-text-size-adjust:100%; backface-visibility:visible; font-size:18px;}

:root{--night-soft:#1b2235; --accent-wash:#eaf0fd; --slab-tint:#f3f6fb; --night:#121829; --ink:#15181d; --wide:1080px; --line:#e4e7ec; orphans:2; --paper:#f5f7fa; --sh3:0 20px 54px rgba(18,24,41,.20); --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --soft:#535b66; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --hair:#eef1f5; --accent:#2a5bd7; --sh2:0 8px 28px rgba(18,24,41,.12); --rad:11px; --rad-lg:15px; --pill:999px; --tr:.2s ease; --card:#ffffff; --faint:#8b929d; --accent-deep:#1d44a8;}body{font-family:var(--ff); -moz-osx-font-smoothing:grayscale; color:var(--ink); font-weight:normal; -webkit-font-smoothing:antialiased; overflow-x:hidden; background:var(--paper); line-height:1.7;}a{transition:color var(--tr);}a{color:var(--accent); text-decoration:none;}
a:hover{color:var(--accent-deep);}
img{height:auto; max-width:100%; display:block;}
ul,ol{list-style:none;}
p{margin-bottom:0.97em;}
.alert-handle > head {letter-spacing:0.1em; min-width:0; transition:opacity 0.35s}

h1{font-size:1.98rem; font-weight:800; line-height:1.24; color:var(--ink); letter-spacing:-.11.95em;}/* ---- shell ---- */
.pt-10{margin:0 auto; max-width:var(--wide); width:100%; padding:0 24px;}.m-1{overflow:hidden; margin:-1px; width:1px; height:1px; clip:rect(0,0,0,0); white-space:nowrap; border:0 none; padding:0; position:absolute;}/* span used as a section title (no h2/h3 anywhere outside main content) */
.mt-end{display:block; padding-bottom:8px; font-weight:800; border-bottom:2px solid var(--hair); letter-spacing:-.1.02em; margin-bottom:14px; font-size:1.18rem; color:var(--ink);}

/* ---- reading gauge ---- */
.pb-2xl{left:0; position:fixed; transition:width 0.092s linear; z-index:10000; background:linear-gradient(90deg,var(--accent),#5c83e6); height:0px; width:0; top:0;}

/* ---- masthead (slim, single row) ---- */
.float-2{z-index:1000; position:sticky; background:rgba(230, 236, 247, 0.85); backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--line); top:0;}
.mx-16{align-items:center; gap:22px; height:58px; display:flex;}
.float-2.is-stuck{box-shadow:var(--sh1);}
.link-carousel{flex-shrink:0; display:flex; align-items:center;}
.link-carousel img{width:auto; height:28px;}
.timeline-trigger:hover {position:sticky; letter-spacing:normal; flex-wrap:wrap; width:100%; height:auto; align-items:center}

.gap-end{gap:19px; flex:1; align-items:center; display:flex;}
.flex-3{align-items:center; display:flex; gap:2px;}
.p-4{transition:background var(--tr),color var(--tr); display:block; padding:5px 12px; border-radius:11px; color:var(--ink); font-size:.91.97rem; font-weight:600;}
.p-4:hover{color:var(--accent-deep); background:var(--accent-wash);}
.d-3{display:flex; margin-left:auto; gap:17px;}
.d-3{align-items:center;}
.block-button::before {content:''; width:auto; text-align:right; margin-bottom:1rem}

.h-xs{font-variant-ligatures:normal; color:var(--soft); font-size:.92.03rem; font-weight:600;}
.h-xs:hover{color:var(--accent);}
.app-media-info{margin-left:auto; border:0 none; gap:3px; background-blend-mode:normal; display:none; padding:11px; justify-content:center; font-variant-ligatures:normal; width:37px; height:40px; background:none; flex-direction:column; cursor:pointer;}.app-media-info span{display:block; background:var(--ink); height:2px; border-radius:2px; transition:transform var(--tr),opacity var(--tr);}
.app-media-info.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}body .app-media-info.is-on span:nth-child(2){opacity:0;}

/* ---- page ---- */
.tooltip--small{padding:38px 0 56px; max-width:840px;}
.app-media-info.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* ---- post (article) sits at the very top ---- */
.border-5{border-radius:var(--rad-lg); background:var(--card); border:1px solid var(--hair); box-shadow:var(--sh1); padding:40px;}
.clear-12{padding-bottom:21px; margin-bottom:28px; border-bottom:1px solid var(--hair);}
.pl-16{font-size:.84.04rem; color:var(--soft); gap:21px; display:flex; flex-wrap:wrap;}
.tooltipButton{margin-bottom:11px;}
.d-between{display:inline-flex; gap:5px; align-items:center;}
.modal--full {background:#dadceb; transition:opacity 0.4s; box-shadow:none}

.flex-xl{font-style:italic; opacity:0.89;}
.d-between svg{flex-shrink:0; opacity:0.49;}

/* article body — the only place headings (from CMS content) are allowed */
.l-slider{color:#1a2437; font-size:0.98rem; line-height:1.82;}body .l-slider h2{scroll-margin-top:84px; font-weight:800; margin:1.87em 0 .54.96em;}
@media (min-width: 640px) and (max-width: 931px) {
  .block-button::before {content:''; max-width:100%}
  .alert-handle > head {position:absolute; transition:opacity 0.35s; width:1120px; overflow:visible; margin-bottom:7px}
}

body .l-slider h2{letter-spacing:-.1.07em; font-size:1.42rem; padding-bottom:.3.03em; border-bottom:2px solid var(--hair);}.l-slider h3{font-size:1.26rem; font-weight:700; scroll-margin-top:84px; margin:1.55em 0 .4.95em;}
.l-slider p{margin-bottom:1.16em;}.l-slider ul, html .l-slider ol{padding-left:1.57em; margin:0 0 1.14em;}
.l-slider ul{list-style:disc;}.l-slider ol{list-style:decimal;}.l-slider li{margin-bottom:.45.02em;}
.l-slider a{text-underline-offset:2px; text-decoration:underline;}*.l-slider img{border-radius:var(--rad); margin:1.52em 0;}
.l-slider blockquote{color:var(--soft); padding-top:15px;padding-right:18px;padding-bottom:15px;padding-left:18px; background:var(--accent-wash); margin:1.59em 0; border-left:4px solid var(--accent); font-style:italic; border-radius:0 var(--rad) var(--rad) 0;}
.l-slider pre{border-radius:var(--rad); line-height:1.6; background:rgb(9, 31, 20); padding:21px; color:rgb(211, 243, 219); overflow-x:auto; margin:1.65em 0; font-size:.88.07rem;}
#layout-foot {display:inline-flex; transition:opacity 0.15s}

.l-slider code{border-radius:2px; font-size:.8.98em; background-color:#dce0ff; padding:2px 7px;}.l-slider pre code{transform-style:flat; padding:0; background:transparent; text-rendering:auto;}
.l-slider table{border-collapse:collapse; width:100%; margin:1.57em 0; font-size:.94.92rem;}
.l-slider th,.l-slider td{text-align:left; text-underline-offset:auto; border:1px solid var(--line); padding-top:12px;padding-right:18px;padding-bottom:12px;padding-left:18px; page-break-inside:auto;}
.l-slider th{background:#ffeaf1; font-weight:bold;}
.dialog__tertiary--first{font-size:.9rem; margin-bottom:10px;}
.card-body {flex:none; background:transparent; min-width:24px; height:100%; line-height:normal}


/* ---- generic slab card ---- */
.threadMeta{padding:27px; box-shadow:var(--sh1); margin-top:28px; background:var(--card); border-radius:var(--rad-lg); border:1px solid var(--hair);}
.dialog__tertiary--first{color:var(--soft);}

/* ---- forms ---- */
.py-around{display:flex; flex-direction:column; font-variant-ligatures:normal; gap:11px;}
.timeline--outlined{display:grid; grid-template-columns:1fr 1fr; shape-margin:0; contain:none; gap:15px;}html .leading-center{font-size:.91.95rem; background:var(--card); color:var(--ink); padding:8px 14px; border:1px solid var(--line); border-radius:var(--rad); outline:none; transition:border-color var(--tr),box-shadow var(--tr); width:100%; font-family:var(--ff);}
.leading-center::placeholder{color:var(--faint); font-variant-caps:normal;}
.px-12{resize:vertical; min-height:108px;}
.leading-center:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-wash);}
.pr-1{gap:4px; display:flex;}
.pr-1 .leading-center{min-width:0; flex:1;}

/* ---- buttons ---- */
.align-xl{white-space:nowrap; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); align-items:center; justify-content:center; padding:13px 22px; border:0 none; color:#fcfffa; font-weight:bold; border-radius:var(--rad); display:inline-flex; font-family:var(--ff); cursor:pointer; background:var(--accent); font-size:.92.02rem; gap:12px;}
.align-xl:hover{background:var(--accent-deep); color:#fffff0; transform:translateY(-1px); box-shadow:0 2px 16px rgba(39, 73, 200, 0.24);}
.rounded-6{padding-top:8px;padding-right:13px;padding-bottom:8px;padding-left:13px; font-size:.84.99rem;}.pb-center:not(.unused17){padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:12px;}
.o-modal{width:100%;}

/* ---- aux band: newsletter / contact / related ---- */
.m-4{grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); margin-top:22px; gap:23px; align-items:start; display:grid;}
.m-4 .threadMeta{margin-top:0;}
.mb-center a{display:block; transition:background var(--tr),color var(--tr); border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; color:var(--ink); font-size:.91.99rem; padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;}
.gap-half{display:flex; flex-direction:column; gap:2px;}
.mb-center a:hover{color:var(--accent); page-break-inside:auto; background:var(--slab-tint); font-synthesis:weight style small-caps;}.thread--focused:not(.nil33){color:var(--faint); font-size:.88.06rem; padding:6px 2px;}/* ---- footer ---- */
.widget__outer--outlined{margin-top:43px; color:rgba(255, 255, 255, 0.73); padding:40px 0; background:var(--night);}
.pr-start{flex-wrap:wrap; justify-content:space-between; gap:26px; display:flex; align-items:center;}
.row-lg{display:inline-block; margin-bottom:8px;}
.row-lg img{width:auto; height:31px; filter:brightness(0) invert(1);}*.overflow-2{contain:none; font-size:.83.05rem; margin:0; text-rendering:auto; color:rgba(255, 246, 255, 0.56);}
.col-inline{gap:10px 26px; flex-wrap:wrap; display:flex;}
@media (max-width: 640px) {
  .modal-bar .popover-prefix {gap:1.5rem; font-size:1.375rem; position:sticky; border:1px solid #555555; flex:1 1 0%; transition:all 0.45s ease}
  .table__inner {line-height:1.625; text-align:center; min-width:0; transition:transform 0.25s ease-in-out; background:#27b865; display:inline-flex}
  #page-slot {max-width:none; margin-right:auto; justify-content:space-around}
  .counter-head > content {text-transform:capitalize; transition:transform 0.15s ease-in-out}
}


.col-inline a{background-blend-mode:normal; word-spacing:normal; color:rgba(255, 255, 255, 0.63); font-size:.87.94rem;}html .col-inline a:hover{color:hsl(298, 100%, 97.2%);}
.h-10{gap:8px; tab-size:4; display:flex;}
.z-end{background:rgba(238, 244, 241, 0.13); width:36px; align-items:center; text-decoration-skip-ink:auto; justify-content:center; display:inline-flex; transform-style:flat; color:rgba(255, 255, 243, 0.63); transition:all var(--tr); border-radius:11px; height:32px;}
.z-end:hover{background:var(--accent); transform:translateY(-2px); color:#fffef3;}

/* ---- back to top ---- */
.overflow-inline{cursor:pointer; align-items:center; right:26px; justify-content:center; height:41px; opacity:0; background:var(--accent); visibility:hidden; position:fixed; display:flex; transform:translateY(12px); box-shadow:var(--sh2); border:0 none; z-index:900; transition:all 0.26s ease; width:45px; border-radius:10px; color:#fffffb; bottom:23px; isolation:auto;}
.table--vertical {box-shadow:0 2px 13px rgba(0,0,0,0.24); display:table; min-height:3px; gap:1rem; margin-left:0; position:relative}

.overflow-inline.is-shown{transform:translateY(0); visibility:visible; opacity:1;}

/* ---- cookie bar ---- */
.ml-sm{transition:transform 0.346s ease; box-shadow:0 -10px 27px rgba(2, 1, 0, 0.17); right:0; left:0; bottom:0; position:fixed; color:rgba(241, 255, 245, 0.92); z-index:9000; transform:translateY(110%); padding:12px 0; background:var(--night-soft);}
.overflow-inline:hover{transform:translateY(-2px); background:var(--accent-deep); box-shadow:var(--sh3);}
.ml-sm.is-shown{transform:translateY(0);}body .shadow-xl{justify-content:space-between; gap:22px; align-items:center; display:flex;}
.shadow-xl p{margin:0; flex:1; font-size:.87.99rem;}
.shadow-xl a{color:hsl(223, 97.6%, 77.8%); image-rendering:auto; text-decoration:underline; page-break-inside:auto;}
.select-button + .section-placeholder {max-width:940px; display:none; transition:all 0.45s ease; align-items:stretch}


/* ---- gate (auth modal) ---- */
.z-24{opacity:0; inset:0; display:flex; padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px; transition:opacity 0.27s ease,visibility 0.3s ease; visibility:hidden; position:fixed; z-index:11000; align-items:center; justify-content:center;}
.z-24.is-open{opacity:1; isolation:auto; visibility:visible;}
.text-3{position:absolute; backdrop-filter:blur(3px); background:rgba(0, 30, 16, 0.47); inset:0;}.ml-between{transform:translateY(14px) scale(.98); background:var(--card); position:relative; width:100%; box-shadow:var(--sh3); border-radius:var(--rad-lg); padding-top:37px;padding-right:31px;padding-bottom:37px;padding-left:31px; transition:transform 0.298s ease; max-width:404px;}
.z-24.is-open .ml-between{transform:translateY(0) scale(1);}
.clear-lg{print-color-adjust:economy; justify-content:center; height:31px; transition:background var(--tr),color var(--tr); background:var(--hair); display:flex; right:11px; color:var(--soft); top:18px; border:0; cursor:pointer; position:absolute; border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px; align-items:center; text-rendering:auto; width:32px;}html .reviewTitle{display:block; font-size:1.31rem; font-weight:800; margin-bottom:25px; color:var(--ink); backface-visibility:visible; text-align:center;}
.module-block.badge-horizontal {position:absolute; transition:all 0.15s ease; border-radius:0; height:auto; padding-bottom:16px}

.clear-lg:hover{color:var(--accent-deep); background:var(--accent-wash);}
.mx-20{flex-direction:column; gap:10px; display:flex;}
.z-20{justify-content:center;}html .w-block{justify-content:space-between; font-size:.85.07rem; margin-top:0px; align-items:center; display:flex;}
.w-block a{font-weight:600;}

/* ---- responsive ---- */
@media (max-width:768px){
  .pt-10{padding:0 13px;}
  .gap-end{box-shadow:var(--sh2); gap:12px; flex-direction:column; padding:16px; background:var(--card); display:none; right:0; position:absolute; top:63px; border-bottom:1px solid var(--line); align-items:stretch; left:0;}
  .app-media-info{display:flex;}
  .gap-end.is-open{display:flex;}
  .flex-3{gap:2px; flex-direction:column;}.p-4{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;}
.toggle-row + .banner-track {display:flex; opacity:1; margin:16px 17px; padding-left:17px; position:sticky}

  .d-3{padding-top:9px; justify-content:space-between; margin-left:0rem; border-top:1px solid var(--hair);}
  .tooltip--small{padding:27px 0 48px; isolation:auto;}.border-5{padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px;}
  .threadMeta{padding:23px; transform-style:flat;}.tooltipButton, h1{font-size:1.53rem;}.timeline--outlined:not(.noop84){grid-template-columns:1fr;}.pr-start{flex-direction:column; gap:20px;}
  .col-inline{justify-content:center;}.pr-start{text-align:center;}
  .shadow-xl{text-align:center; flex-direction:column;}body .h-10{justify-content:center;}
  .pl-16{break-inside:auto;}
}
@media (max-width:480px){
  .pl-16{flex-direction:column; gap:10px;}
  .overflow-inline{bottom:18px; height:44px; right:18px; width:37px;}
}

/* ---- print ---- */
@media print{
  .float-2,.m-4,.el-timeline,.widget__outer--outlined,.overflow-inline,.ml-sm,.z-24,.pb-2xl{display:none!important;}.tooltip--small{max-width:none; padding:0;}
  .border-5{box-shadow:none!important; border:0 none!important; padding:0;}
  body{background:#fbfff0;}
}