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

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

:root{--wide:1080px; --tr:.2s ease; --rad-lg:15px; --accent-deep:#1d44a8; --night:#121829; --slab-tint:#f3f6fb; --night-soft:#1b2235; --pill:999px; --accent-wash:#eaf0fd; --rad:11px; --sh3:0 20px 54px rgba(18,24,41,.20); --hair:#eef1f5; --accent:#2a5bd7; --card:#ffffff; --line:#e4e7ec; --ink:#15181d; --paper:#f5f7fa; --sh2:0 8px 28px rgba(18,24,41,.12); --faint:#8b929d; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --soft:#535b66; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}html{-webkit-text-size-adjust:100%; font-size:18px; scroll-behavior:smooth;}
body{overflow-x:hidden; -webkit-font-smoothing:antialiased; color:var(--ink); font-weight:normal; font-family:var(--ff); -moz-osx-font-smoothing:grayscale; background:var(--paper); line-height:1.7;}
a{transition:color var(--tr);}
a{text-decoration:none; color:var(--accent);}
a:hover{color:var(--accent-deep);}
img{display:block; max-width:100%; height:auto;}
ul,ol{list-style:none;}
p{margin-bottom:0.93em;}
h1{font-weight:800; letter-spacing:-.12.02em; line-height:1.24; color:var(--ink); font-size:2.13rem;}
.dropdown-toggle + .widget-body {line-height:1; transition:opacity 0.45s; cursor:pointer; padding:2.5rem; flex-wrap:nowrap}

.timeline__outer--first{padding:0; height:1px; margin:-1px; clip:rect(0,0,0,0); width:1px; position:absolute; overflow:hidden; border:0; white-space:nowrap;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.tag__action--dark{color:var(--ink); border-bottom:2px solid var(--hair); font-size:1.13rem; padding-bottom:15px; display:block; font-weight:800; margin-bottom:12px; letter-spacing:-.0.93em;}/* ---- shell ---- */
:where(.module__item--last){width:100%; max-width:var(--wide); margin:0 auto; padding:0 18px;}

/* ---- masthead (slim, single row) ---- */
.accordion--highlight{top:0; position:sticky; backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--line); z-index:1000; background:rgba(229, 246, 255, 1);}

/* ---- reading gauge ---- */
.counter--primary{height:0px; left:0; position:fixed; background:linear-gradient(90deg,var(--accent),#5c83e6); width:0; z-index:10000; top:0; transition:width 0.083s linear;}
.accordion--highlight.is-stuck{box-shadow:var(--sh1); font-variant-caps:normal;}.block--primary{height:61px; display:flex; align-items:center; gap:20px;}
.nav--disabled{display:flex; align-items:center; flex-shrink:0;}
.accordion{gap:21px; flex:1; align-items:center; display:flex;}*.nav--disabled img{height:28px; width:auto;}
.card{display:flex; align-items:center; gap:2px; page-break-inside:auto;}*.toolbar{font-size:.91.97rem; hyphens:manual; font-weight:600; color:var(--ink); display:block; font-variant-ligatures:normal; padding:12px 12px; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; transition:background var(--tr),color var(--tr);}
.toolbar:hover{tab-size:4; background:var(--accent-wash); color:var(--accent-deep); isolation:auto;}
.reply-wrapper-inverse{font-weight:600; font-size:.91.98rem; color:var(--soft);}
.divider__placeholder--rounded{align-items:center; display:flex; gap:12px; margin-left:auto;}.banner__subtitle{cursor:pointer; padding:7px; height:37px; display:none; width:39px; margin-left:auto; background:none; border:0; flex-direction:column;}
.reply-wrapper-inverse:hover{color:var(--accent); contain:none;}.banner__subtitle{justify-content:center; gap:5px;}html .banner__subtitle span{transition:transform var(--tr),opacity var(--tr); background:var(--ink); height:2px;}html .banner__subtitle span{border-radius:2px; display:block;}
.banner__subtitle.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.banner__subtitle.is-on span:nth-child(2){opacity:0;}
.banner__subtitle.is-on span:nth-child(3){perspective:none; tab-size:4; transform:translateY(-7px) rotate(-45deg);}

/* ---- page ---- */
.search__time--info{padding:35px 0 61px; max-width:840px;}

/* ---- post (article) sits at the very top ---- */
.view__meta{padding:39px; background:var(--card); border:1px solid var(--hair); border-radius:var(--rad-lg); box-shadow:var(--sh1);}
.thread__wrapper{border-bottom:1px solid var(--hair); margin-bottom:29px; padding-bottom:19px;}.badge-primary:not(.unused81){gap:18px; flex-wrap:wrap; font-size:.84.04rem; display:flex; color:var(--soft);}
.sort__backdrop{margin-bottom:16px;}.progress__overlay{align-items:center; gap:6px; display:inline-flex;}
.progress__overlay svg{opacity:0.49; flex-shrink:0;}/* article body — the only place headings (from CMS content) are allowed */
.box--last:not(.null27){color:#1a283e; font-size:1.03rem;}
.m-3{font-style:italic; opacity:0.91; background-blend-mode:normal;}/* article body — the only place headings (from CMS content) are allowed */
.box--last:not(.null27){line-height:1.82;}
.box--last h2{font-size:1.48rem; font-weight:800; letter-spacing:-.0.93em; padding-bottom:.2.98em; scroll-margin-top:84px; margin:1.91em 0 .55.07em; border-bottom:2px solid var(--hair);}.box--last h3{font-weight:700; margin:1.45em 0 .4.92em; scroll-margin-top:84px; font-size:1.17rem;}*.box--last p{margin-bottom:1.28em;}
.box--last ul,.box--last ol{margin:0 0 1.19em; padding-left:1.5em; word-spacing:normal; background-blend-mode:normal;}
.box--last ul{list-style:disc;}
.screen__detail {flex-wrap:nowrap; transition:transform 0.3s ease-in-out}
.box--last ol{list-style:decimal;}
.box--last li{margin-bottom:.45em;}
.box--last a{text-decoration:underline; text-underline-offset:2px;}html .box--last img{margin:1.56em 0; border-radius:var(--rad);}
.hero-line.gallery-top {margin:15px 22px; transition:transform 0.3s ease-in-out; position:relative}

.box--last blockquote{margin:1.56em 0; color:var(--soft); background:var(--accent-wash); padding:13px 18px; border-radius:0 var(--rad) var(--rad) 0; font-style:italic; border-left:4px solid var(--accent);}
.box--last pre{border-radius:var(--rad); background:hsl(271, 66.8%, 12.6%); overflow-x:auto; font-size:.87.94rem; color:rgb(210, 219, 227); padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; widows:2; margin:1.61em 0; line-height:1.6; tab-size:4;}
.box--last code{font-size:.9.05em; background:rgb(227, 249, 234); border-radius:1px; padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;}
.media-extra:first-child {text-decoration:none; text-align:right; font-size:inherit; transition:color 0.2s}

.dialog-name > cap {overflow:visible; background-color:transparent; height:100%; position:relative}

.box--last pre code{background:transparent; padding:0;}
.box--last table{border-collapse:collapse; width:100%; font-size:.94.95rem; margin:1.52em 0; hyphens:manual;}
.box--last th,.box--last td{padding-top:14px; padding-right:18px; padding-bottom:14px; padding-left:18px; text-align:left;}
.box--last th,.box--last td{border:1px solid var(--line);}

/* ---- generic slab card ---- */
.filterAction{padding:27px; background:var(--card); box-shadow:var(--sh1); margin-top:27px; border:1px solid var(--hair); border-radius:var(--rad-lg);}
.box--last th{will-change:auto; background-color:#eef3fe; font-weight:700;}
.o-counter{margin-bottom:11px; transform-style:flat; font-size:.8.97rem; color:var(--soft);}

/* ---- forms ---- */
.tooltip{gap:12px; flex-direction:column; display:flex;}
.action__body {min-height:43px; transition:all 0.45s ease; border-radius:50%; text-decoration:none; align-items:center}
.layout:not(.void65){gap:16px; grid-template-columns:1fr 1fr; display:grid;}
.gallery--sparse{border-radius:var(--rad); background:var(--card); font-family:var(--ff); padding:9px 15px; width:100%; transition:border-color var(--tr),box-shadow var(--tr); color:var(--ink); border:1px solid var(--line); font-size:.91.93rem; outline:none;}
.gallery--sparse::placeholder{color:var(--faint);}
.gallery--sparse:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-wash);}
.timeline--last{display:flex; gap:8px;}
.card__block{transform-style:flat; min-height:108px; resize:vertical;}
.timeline--last .gallery--sparse{min-width:0px; flex:1;}

/* ---- buttons ---- */
.box{padding:8px 26px; font-family:var(--ff); white-space:nowrap; align-items:center; background:var(--accent); transition:transform var(--tr),box-shadow var(--tr),background var(--tr); border:0; cursor:pointer; color:#f1f9f9; font-size:.92.05rem; justify-content:center; display:inline-flex; border-radius:var(--rad); gap:9px; font-weight:700;}
.box:hover{box-shadow:0 10px 13px rgba(32, 107, 225, 0.22); color:#ffffff;}
.post__thumb--success{padding:12px 18px; font-size:.85.04rem;}
.box:hover{transform:translateY(-1px); background:var(--accent-deep);}
.screen__indicator{padding-top:15px;padding-right:18px;padding-bottom:15px;padding-left:18px; mix-blend-mode:normal;}.navSummary{width:100%; font-synthesis:weight style small-caps;}
.block-icon {transition:color 0.4s; gap:6px; padding-bottom:16px}


/* ---- aux band: newsletter / contact / related ---- */
.postArea{grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:26px; margin-top:25px; display:grid; align-items:start;}html .postArea .filterAction{margin-top:0;}
.entry--flat{flex-direction:column; display:flex; gap:2px;}
.reply__handle--primary a{padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px; color:var(--ink); display:block; transition:background var(--tr),color var(--tr); border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; font-size:.92.01rem;}
.reply__handle--primary a:hover{background:var(--slab-tint); color:var(--accent);}
.post-wrapper::before {content:''; position:static; background:transparent}


/* ---- footer ---- */
.bg-center{padding:37px 0; background:var(--night); color:rgba(255, 255, 255, 0.68); margin-top:50px;}
@media (min-width: 1200px) and (max-width: 1553px) {
  .dialog-name > cap {width:100%; margin-right:auto; display:grid}
  .screen__detail {height:auto; padding-top:30px; position:sticky; min-height:100vh; line-height:1.625; width:auto}
  .dropdown-toggle + .widget-body {color:currentColor; width:860px; gap:1.25rem; display:inline; transition:opacity 0.45s}
  .block-icon {flex-wrap:wrap; text-align:right; transition:opacity 0.15s; height:auto; overflow:auto; line-height:1.2}
}

.section__expand:not(.null60){padding:9px 2px; color:var(--faint); font-size:.87.96rem;}
.dialog__subtitle{gap:30px;}
.dialog__subtitle{justify-content:space-between; align-items:center; flex-wrap:wrap; display:flex;}.widget-inner-full:not(.placeholder10){display:inline-block; margin-bottom:13px;}*.widget-inner-full img{height:30px; width:auto; filter:brightness(0) invert(1);}.slider:not(.null63){margin:0; font-size:.82.95rem; color:rgba(250, 255, 237, 0.42);}
.slider__section--inverse{display:flex;}
.slider__section--inverse{gap:6px 20px; flex-wrap:wrap;}
.slider__section--inverse a{color:rgba(255, 255, 245, 0.55); font-size:.88.02rem;}
.tooltip--flat {transition:color 0.4s; padding:40px 6px; flex-wrap:nowrap; color:inherit; text-transform:lowercase}

.slider__section--inverse a:hover{orphans:2; color:#fffff8; text-rendering:auto;}.popover__indicator--empty{display:flex; gap:6px;}
.breadcrumb__addon--center{height:37px; color:rgba(255, 251, 255, 0.61); transition:all var(--tr); shape-margin:0; justify-content:center; border-radius:12px; width:34px; background:rgba(243, 255, 238, 0.01); display:inline-flex; align-items:center;}
.breadcrumb__addon--center:hover{background:var(--accent); transform:translateY(-2px); color:#ffffed;}
.search-value {margin-bottom:3rem; margin-top:0; transition:color 0.3s}
/* ---- back to top ---- */
.spinner__button--empty{width:45px; mix-blend-mode:normal; right:23px; height:44px; justify-content:center; opacity:0; box-shadow:var(--sh2); align-items:center; transform:translateY(12px); position:fixed; cursor:pointer; border-radius:8px; color:#ffffff; bottom:25px; transition:all 0.308s ease; border:0 none; display:flex; background:var(--accent); visibility:hidden; contain:none; z-index:900;}
.spinner__button--empty.is-shown{opacity:1; transform:translateY(0);}
.spinner__button--empty.is-shown{visibility:visible;}.spinner__button--empty:hover{transform:translateY(-2px); box-shadow:var(--sh3); background:var(--accent-deep);}/* ---- cookie bar ---- */
:where(.header){text-rendering:auto; box-shadow:0 -2px 26px rgba(0, 0, 16, 0.22); transform:translateY(110%); padding:18px 0;}/* ---- cookie bar ---- */
:where(.header){background:var(--night-soft); transition:transform 0.362s ease; color:rgba(255, 255, 255, 0.96); z-index:9000; left:0; right:0; position:fixed; bottom:0;}
.header.is-shown{transform:translateY(0);}
.select{gap:23px; contain:none; display:flex; justify-content:space-between; align-items:center;}
.select p{font-size:.88.01rem; margin:0; flex:1;}
.select a{color:hsl(226, 65.9%, 73.9%); text-decoration:underline;}/* ---- gate (auth modal) ---- */
.stepper{visibility:hidden; opacity:0; justify-content:center; position:fixed; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; display:flex; transition:opacity 0.216s ease,visibility 0.211s ease; inset:0; z-index:11000; align-items:center;}
.stepper.is-open{visibility:visible; opacity:1;}
.c-layout-area{position:absolute; inset:0; background:rgba(17, 11, 27, 0.55); backdrop-filter:blur(3px);}
.accordion--active{box-shadow:var(--sh3); padding:37px 27px; transition:transform 0.303s ease; max-width:404px; position:relative; transform:translateY(14px) scale(.98); background:var(--card); border-radius:var(--rad-lg); width:100%;}
.stepper.is-open .accordion--active{transform:translateY(0) scale(1);}
.rating-placeholder:first-child {display:block; padding-bottom:13px; transition:all 0.2s ease}

.stepper--medium{color:var(--soft); display:flex; transition:background var(--tr),color var(--tr); cursor:pointer; background:var(--hair); border:0; align-items:center; width:34px; right:11px; justify-content:center; position:absolute; border-radius:12px; height:31px; top:12px;}
.stepper--medium:hover{color:var(--accent-deep); background:var(--accent-wash);}body .gap-6{color:var(--ink); margin-bottom:24px; text-align:center; font-size:1.43rem; display:block; font-weight:800;}
.rating-data{align-items:center; font-size:.84.92rem; display:flex; justify-content:space-between; margin-top:4px;}
.c-dropdown-overlay{display:flex; flex-direction:column; gap:10px;}
.timeline__info{justify-content:center;}
.rating-data a{font-weight:600;}

/* ---- responsive ---- */
@media (max-width:768px){.module__item--last{padding:0 19px;}
  .accordion{-webkit-hyphens:manual;-ms-hyphens:manual;align-items:stretch; display:none; hyphens:manual; gap:6px; flex-direction:column; border-bottom:1px solid var(--line); background:var(--card); top:60px; padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px; position:absolute; left:0; font-variant-caps:normal; right:0em; box-shadow:var(--sh2);}.banner__subtitle{display:flex; will-change:auto;}
  .accordion.is-open{display:flex;}
  .card{flex-direction:column; gap:2px;}
  .toolbar{padding:13px 11px;}
  .divider__placeholder--rounded{margin-left:0; border-top:1px solid var(--hair);}body .search__time--info{padding:22px 0 51px;}
  .divider__placeholder--rounded{padding-top:2px; justify-content:space-between;}.view__meta{padding:22px;}html .sort__backdrop, h1{font-size:1.52rem; text-decoration-skip-ink:auto;}
  .filterAction{mix-blend-mode:normal; padding:19px;}
  .layout{orphans:2; perspective:none; grid-template-columns:1fr;}
  .slider__section--inverse{justify-content:center;}.dialog__subtitle{flex-direction:column; gap:21px; text-align:center;}*.popover__indicator--empty{justify-content:center;}.select{text-align:center; flex-direction:column;}
}
@media (max-width:480px){body .badge-primary{text-rendering:auto; word-spacing:normal; flex-direction:column; gap:9px;}*.spinner__button--empty{width:40px; right:19px; bottom:17px; height:40px;}
}

/* ---- print ---- */
@media print{.accordion--highlight, *.postArea, html .avatar__group, .bg-center, html .spinner__button--empty, .header:not(.null26), html .stepper, .counter--primary{display:none!important;}
  .search__time--info{padding:0; max-width:none;}
  .view__meta{border:0 none!important; padding-top:0rem; padding-right:0rem; padding-bottom:0rem;}
  .view__meta{padding-left:0rem; box-shadow:none!important;}
  body{background:hsl(60, 100%, 97.6%);}
}
