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

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

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

html{font-size:16px; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{background:var(--paper); overflow-x:hidden; font-weight:normal; line-height:1.7; -moz-osx-font-smoothing:grayscale; color:var(--ink); -webkit-font-smoothing:antialiased; font-family:var(--ff);}
a{color:var(--accent); transition:color var(--tr); text-decoration:none;}
.feature-time::before {content:''; justify-content:center; transition:all 0.25s ease; flex:1}

a:hover{color:var(--accent-deep);}img{display:block; height:auto; max-width:100%;}ul, ol{list-style:none;}
h1{color:var(--ink); contain:none; line-height:1.24; letter-spacing:-.11.96em; font-weight:800; font-size:2.1rem;}
p{margin-bottom:0.97em;}
.form__area{margin:-1px; width:1px; position:absolute;}
.form__area{padding:0; height:1px; clip:rect(0,0,0,0); overflow:hidden; border:0em; white-space:nowrap;}

/* ---- shell ---- */
.searchDate{width:100%; margin:0 auto; padding:0 23px; backface-visibility:visible; max-width:var(--wide);}/* span used as a section title (no h2/h3 anywhere outside main content) */
.chip__item:not(.dummy79){border-bottom:2px solid var(--hair); padding-bottom:9px; display:block; color:var(--ink); letter-spacing:-.0.95em; font-weight:800; font-size:1.18rem; margin-bottom:14px;}/* ---- masthead (slim, single row) ---- */
.thread{backdrop-filter:saturate(140%) blur(8px); position:sticky; background:rgba(240, 255, 238, 0.92); z-index:1000; border-bottom:1px solid var(--line); top:0;}

/* ---- reading gauge ---- */
.c-card-bar{z-index:10000; width:0; transition:width 0.115s linear; top:0; position:fixed; left:0; height:2px; background:linear-gradient(90deg,var(--accent),#5c83e6);}
.thread.is-stuck{box-shadow:var(--sh1);}
.list{display:flex; gap:22px; align-items:center; height:64px;}*.dropdownContent{align-items:center; flex-shrink:0; display:flex;}
.box__cap{display:flex; flex:1; gap:14px; align-items:center;}
.dropdownContent img{height:30px; width:auto;}
.thread__button{border-radius:8px; font-size:.92.07rem; transition:background var(--tr),color var(--tr); display:block; padding-top:6px;padding-right:11px;padding-bottom:6px;padding-left:11px; font-weight:600; color:var(--ink);}*.timeline__head--top{gap:2px; align-items:center; display:flex;}
.align-inline{display:flex; margin-left:auto; gap:18px; align-items:center;}
.thread__button:hover{backface-visibility:visible; background:var(--accent-wash); background-blend-mode:normal; color:var(--accent-deep);}
.timeline{font-weight:600; font-size:.92.06rem; color:var(--soft);}
.timeline:hover{image-rendering:auto; text-decoration-skip-ink:auto; color:var(--accent);}
.table{justify-content:center; padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px; display:none; flex-direction:column; border:0em; cursor:pointer; margin-left:auto; gap:6px; height:40px; width:41px; background:none;}
.table span{display:block; transition:transform var(--tr),opacity var(--tr); background:var(--ink); height:2px; border-radius:2px;}
.table.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}.table.is-on span:nth-child(2){opacity:0;}
@media (min-width: 576px) {
  .table--small {min-width:0; text-decoration:none; border:none; line-height:normal; position:static; height:15px}
  .carousel-extra:hover {display:flex; padding-bottom:25px}
  .modal-area {text-align:left; display:inline-flex; gap:44px; transition:transform 0.3s ease-in-out; background:transparent; width:100%}
  .box-overlay {letter-spacing:normal; display:inline-flex; gap:1.25rem}
}


.table.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* ---- page ---- */
.accordion__meta:not(.dummy55){max-width:839px; padding:34px 0 59px;}
.dropdown--elevated{margin-bottom:28px; border-bottom:1px solid var(--hair); padding-bottom:24px;}

/* ---- post (article) sits at the very top ---- */
.l-widget{box-shadow:var(--sh1); border-radius:var(--rad-lg); background:var(--card); border:1px solid var(--hair); padding:38px;}
.headerWrapper{margin-bottom:13px; text-rendering:auto; text-decoration-skip-ink:auto;}
.action--info{gap:17px; color:var(--soft); flex-wrap:wrap; display:flex; font-size:.83.92rem;}.avatarArea:not(.empty80){align-items:center; gap:7px; display:inline-flex;}body .reply{opacity:0.77; font-style:italic;}*.avatarArea svg{opacity:0.58; flex-shrink:0;}/* article body — the only place headings (from CMS content) are allowed */
.sidebar{font-size:1.09rem; line-height:1.82;}/* article body — the only place headings (from CMS content) are allowed */
.sidebar{color:#183a37;}
.sidebar h2{border-bottom:2px solid var(--hair); letter-spacing:-.1.07em; margin:1.87em 0 .55.04em; padding-bottom:.2.98em; scroll-margin-top:84px; font-size:1.53rem; font-weight:800;}
.box-overlay {box-shadow:none; width:auto; margin:0 auto}

.sidebar h3{scroll-margin-top:84px; font-weight:700; margin:1.55em 0 .5.04em; font-size:1.13rem;}
.sidebar p{margin-bottom:1.28em;}
.list-date:first-child {font-weight:normal; display:none}

.sidebar ul,.sidebar ol{padding-left:1.44em; margin:0 0 1.17em;}
.sidebar ul{list-style:disc;}.sidebar ol{list-style:decimal;}
.sidebar li{mix-blend-mode:normal; margin-bottom:.45.02em;}.sidebar a{text-underline-offset:2px; text-decoration:underline;}
.sidebar img{border-radius:var(--rad); margin:1.57em 0;}
.sidebar blockquote{border-left:4px solid var(--accent); border-radius:0 var(--rad) var(--rad) 0; margin:1.6em 0; font-style:italic; color:var(--soft); background:var(--accent-wash); padding:16px 26px;}
.sidebar pre{overflow-x:auto; border-radius:var(--rad); background:#112537; font-size:.87.98rem; padding:24px; line-height:1.6; margin:1.66em 0; color:#e4ecff;}
.sidebar code{font-size:.8.96em; background-color:#eeffe9; border-radius:8px; padding:2px 8px;}*.sidebar pre code{background:transparent; padding:0;}
.sidebar table{margin:1.52em 0; width:100%; font-size:.94.96rem; border-collapse:collapse;}body .sidebar th, .sidebar td{text-align:left; padding:10px 16px; border:1px solid var(--line);}
.table-holder:first-child {transition:all 0.5s ease; position:absolute; margin-top:auto}

.sidebar th{background:#fffeff; font-weight:bold;}/* ---- generic slab card ---- */
.ui-footer-container{padding:28px; margin-top:23px; box-shadow:var(--sh1); background:var(--card); border:1px solid var(--hair); border-radius:var(--rad-lg);}.chip-extra-odd{font-size:.8.92rem; margin-bottom:15px; color:var(--soft);}

/* ---- forms ---- */
.modal__foot{display:flex; gap:11px;}

/* ---- forms ---- */
.modal__foot{flex-direction:column;}
.panel__icon--default{display:grid; gap:19px;}
.panel__icon--default{grid-template-columns:1fr 1fr;}
.search{contain:none; border-radius:var(--rad); outline:none; background:var(--card); color:var(--ink); padding-top:11px;padding-right:15px;padding-bottom:11px;padding-left:15px; transition:border-color var(--tr),box-shadow var(--tr); width:100%; font-size:.92.06rem; border:1px solid var(--line); font-family:var(--ff);}
.search::placeholder{color:var(--faint);}
.search:focus{box-shadow:0 0 0 3px var(--accent-wash); border-color:var(--accent);}
.post__track{min-height:109px; resize:vertical; orphans:2;}
.spinner{display:flex; gap:11px;}
.spinner .search{min-width:0em; flex:1;}/* ---- buttons ---- */
:where(.module__prefix){transition:transform var(--tr),box-shadow var(--tr),background var(--tr);}/* ---- buttons ---- */
:where(.module__prefix){white-space:nowrap; gap:9px; font-weight:700; background:var(--accent); cursor:pointer; font-size:.91.97rem; isolation:auto; border-radius:var(--rad); align-items:center; word-spacing:normal; display:inline-flex; color:#fdfffb; justify-content:center; padding-top:15px; padding-right:21px; padding-bottom:15px; padding-left:21px; border:none; font-family:var(--ff);}
.module__prefix:hover{color:#f1ffee; transform:translateY(-1px); box-shadow:0 7px 18px rgba(56, 96, 197, 0.24); background:var(--accent-deep);}
.toggle__section{padding:7px 14px; font-size:.85.07rem;}
.dialog-extra .block-outer {max-width:none; border:none}
.tabs__container{padding:9px 15px;}
.form{width:100%;}

/* ---- aux band: newsletter / contact / related ---- */
.drawer{gap:28px; margin-top:20px; display:grid; align-items:start; grid-template-columns:repeat(auto-fit,minmax(270px,1fr));}html .drawer .ui-footer-container{margin-top:0;}
.breadcrumb__backdrop{gap:2px; tab-size:4; flex-direction:column; display:flex;}
.module__fill a{transition:background var(--tr),color var(--tr); color:var(--ink); border-radius:6px; padding:10px 7px; display:block; font-size:.91.96rem;}
.table--small {text-align:justify; gap:29px; display:table; min-width:41px; overflow:auto; letter-spacing:normal}

.module__fill a:hover{color:var(--accent); background:var(--slab-tint);}
.profile__icon--small{padding:2px 2px; color:var(--faint); font-size:.88.04rem;}/* ---- footer ---- */
.screen__info{color:rgba(237, 255, 255, 0.72); background:var(--night); padding:40px 0; margin-top:44px;}
.chip--fluid{flex-wrap:wrap; display:flex; gap:28px; justify-content:space-between; align-items:center;}
.col-sm{margin-bottom:12px; display:inline-block;}
.col-sm img{height:31px; filter:brightness(0) invert(1); width:auto;}body .popover-half{font-size:.83.03rem; margin:0rem; color:rgba(241, 255, 247, 0.47);}
.list__fill{display:flex; flex-wrap:wrap; gap:9px 22px;}
.filter-overlay {min-width:19px; gap:15px; text-decoration:underline}

.list__fill a{font-size:.88.01rem; color:rgba(242, 255, 255, 0.58);}.list__fill a:hover{color:#eff0ff;}
.postLabel{gap:13px; display:flex;}
.widget-outer:hover {transition:transform 0.25s ease-in-out; position:static; display:grid; min-width:0; border:0; box-shadow:none}

.tag__prefix{height:36px; align-items:center; justify-content:center; background:rgba(247, 255, 244, 0.08); display:inline-flex; transition:all var(--tr); color:rgba(245, 255, 255, 0.62); width:37px; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}*.tag__prefix:hover{hyphens:manual; word-spacing:normal; color:#fff6ff; background:var(--accent); transform:translateY(-2px);}

/* ---- back to top ---- */
.banner__backdrop--pressed{transition:all 0.318s ease; display:flex; opacity:0; bottom:28px; background:var(--accent); justify-content:center; height:44px; width:40px; align-items:center; visibility:hidden; cursor:pointer; box-shadow:var(--sh2); border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; color:#fffff6; position:fixed; right:21px; transform:translateY(12px); border:0; z-index:900;}
.banner__backdrop--pressed.is-shown{transform:translateY(0); opacity:1; visibility:visible;}body .banner__backdrop--pressed:hover{background:var(--accent-deep); transform:translateY(-2px); box-shadow:var(--sh3);}

/* ---- cookie bar ---- */
.reply__dot--loading{color:rgba(253, 255, 255, 0.92); z-index:9000; right:0; padding:11px 0; box-shadow:0 -2px 28px rgba(0, 0, 0, 0.16); background:var(--night-soft); transition:transform 0.356s ease; bottom:0; position:fixed; left:0; transform:translateY(110%);}
.reply__dot--loading.is-shown{will-change:auto; widows:2; transform:translateY(0);}
.post__date{align-items:center; display:flex; gap:16px; justify-content:space-between;}html .post__date p{margin:0;}html .post__date p{perspective:none; font-size:.88.08rem; flex:1;}

/* ---- gate (auth modal) ---- */
.list-overlay{transition:opacity 0.264s ease,visibility 0.216s ease; z-index:11000; visibility:hidden; opacity:0; justify-content:center; inset:0; padding:18px; align-items:center; display:flex;}
.post__date a{color:hsl(222, 100%, 77.1%); text-decoration:underline;}

/* ---- gate (auth modal) ---- */
.list-overlay{position:fixed;}.list-overlay.is-open:not(.unused97){visibility:visible; opacity:1;}
@media (max-width: 1280px) {
  .comment-body {letter-spacing:-0.05em; background-color:transparent; height:32px; padding-bottom:1.125rem}
  .badge--right {transition:transform 0.2s ease-in-out; color:currentColor}
}

html .profile{position:absolute; inset:0; backdrop-filter:blur(3px); background:rgba(14, 16, 14, 0.63);}
.widget--pressed{background:var(--card); border-radius:var(--rad-lg); transition:transform 0.273s ease; width:100%; box-shadow:var(--sh3); position:relative; max-width:399px; transform:translateY(14px) scale(.98); padding:35px 33px;}body .list-overlay.is-open .widget--pressed{transform:translateY(0) scale(1);}.divider--disabled:not(.empty48){right:13px; text-underline-offset:auto; position:absolute; border-radius:11px; color:var(--soft); height:35px; border:0 none; cursor:pointer; transition:background var(--tr),color var(--tr); top:18px; align-items:center; width:38px; background:var(--hair); justify-content:center; display:flex;}
.divider--disabled:hover{color:var(--accent-deep); background:var(--accent-wash);}.hero--elevated:not(.placeholder34){font-size:1.42rem; display:block; color:var(--ink); text-align:center; font-weight:800; margin-bottom:23px;}.l-widget{gap:11px; display:flex; flex-direction:column;}html .layout__item--warning{font-size:.84.92rem; margin-top:6px; align-items:center; justify-content:space-between; display:flex;}
.headerDetail{justify-content:center;}
.carousel-extra:hover {gap:35px; padding-bottom:18px; transition:opacity 0.45s; overflow:hidden; text-align:right; flex-wrap:nowrap}

.layout__item--warning a{font-weight:600;}

/* ---- responsive ---- */
@media (max-width:768px){
  .searchDate{padding:0 15px;}
  .table{display:flex;}.box__cap{align-items:stretch; gap:7px; padding:14px; background:var(--card); top:60px; border-bottom:1px solid var(--line); box-shadow:var(--sh2); right:0; position:absolute; flex-direction:column; display:none; left:0;}
  .box__cap.is-open{display:flex;}.thread__button{padding:9px 16px;}
  .timeline__head--top{gap:2px; will-change:auto; flex-direction:column;}
  .align-inline{border-top:1px solid var(--hair); margin-left:0; justify-content:space-between; padding-top:4px;}
  .accordion__meta{page-break-inside:auto; padding:24px 0 53px; transform-style:flat;}.l-widget{padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px;}.ui-footer-container{padding:23px;}.panel__icon--default{grid-template-columns:1fr;}
  .headerWrapper,h1{font-size:1.53rem;}
  .chip--fluid{flex-direction:column; text-align:center; gap:21px;}
  .list__fill{justify-content:center;}
  .postLabel{justify-content:center;}
  .post__date{flex-direction:column; text-align:center;}
  .banner__backdrop--pressed{right:15px; bottom:18px;}
}
@media (max-width:480px){
  .action--info{flex-direction:column; gap:10px;}
  .banner__backdrop--pressed{height:36px; width:43px;}
}

/* ---- print ---- */
@media print{
  .thread,.drawer,.spinner--even,.screen__info,.banner__backdrop--pressed,.reply__dot--loading,.list-overlay,.c-card-bar{display:none!important;}
  .l-widget{border:0!important;}html .accordion__meta{padding:0; max-width:none;}
  body{background:#fef4ef;}
  .l-widget{padding:0; box-shadow:none!important;}
.table-preview::before {content:''; position:absolute}

.modal-area {display:inline; padding-top:2rem; transition:opacity 0.4s; text-decoration:underline}

}