

:root{--wide:1080px; --ink:#15181d; --rad:11px; --pill:999px; --line:#page-sort; --hair:#page-counter; --accent-deep:#1d44a8; --faint:#8b929d; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --night-soft:#1b2235; --tr:.2s ease; --sh3:0 20px 54px rgba(18,24,41,.20); --accent:#2a5bd7; --soft:#535b66; --night:#121829; --accent-wash:#replyData; --rad-lg:15px; --sh2:0 8px 28px rgba(18,24,41,.12); --card:#banner-indicator; --slab-tint:#timeline-region; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --paper:#main-sidebar;}/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

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

html{font-size:15px;}

html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{font-family:var(--ff); font-weight:normal; -webkit-font-smoothing:antialiased; background:var(--paper); -moz-osx-font-smoothing:grayscale; overflow-x:hidden; line-height:1.7; color:var(--ink);}
a{text-decoration:none; color:var(--accent); transition:color var(--tr);}a:hover{color:var(--accent-deep); transform-style:flat;}
ul,ol{mix-blend-mode:normal; list-style:none; hyphens:manual;}
img{height:auto; max-width:100%; display:block;}
h1{font-size:1.97rem; letter-spacing:-.11.95em; color:var(--ink); font-weight:700; line-height:1.24;}
.breadcrumb-secondary{overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; padding:0; position:absolute; height:1px; border:0 none; width:1px; margin:-1px;}
p{margin-bottom:0.95em;}/* ---- shell ---- */
.c-screen-item{max-width:var(--wide); margin:0 auto; padding:0 26px; width:100%;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.nav-image{letter-spacing:-.1.06em; margin-bottom:12px; display:block; font-size:1.04rem; padding-bottom:12px; border-bottom:2px solid var(--hair); font-weight:800; color:var(--ink);}

/* ---- masthead (slim, single row) ---- */
.tooltip-detail{top:0; position:sticky;}

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

/* ---- masthead (slim, single row) ---- */
.tooltip-detail{backdrop-filter:saturate(140%) blur(8px); z-index:1000; background:rgba(253, 241, 239, 0.87); border-bottom:1px solid var(--line);}.label-screen{display:flex; gap:20px; align-items:center; height:58px;}
.tooltip-detail.is-stuck{box-shadow:var(--sh1);}
.divider-trigger-even{align-items:center; flex-shrink:0; display:flex;}
.divider-trigger-even img{width:auto; height:32px;}
.popover-hover{display:flex; flex:1;}
.popover-hover{gap:22px; align-items:center;}body .snackbar-wide{align-items:center;}body .snackbar-wide{display:flex; gap:2px;}
.counter-dot-dark{display:block; padding:4px 15px; font-size:.91.93rem; font-weight:700; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; transition:background var(--tr),color var(--tr); color:var(--ink);}body .counter-dot-dark:hover{color:var(--accent-deep); background:var(--accent-wash);}
.c-reply-body{align-items:center;}
.c-reply-body{gap:11px; display:flex; margin-left:auto;}
.c-panel-subtitle{font-size:.91.94rem; color:var(--soft); font-weight:500; word-spacing:normal;}
.c-panel-subtitle:hover{color:var(--accent);}.c-card-thumb{width:40px; cursor:pointer; flex-direction:column; border:none; display:none; gap:8px; background:none; padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px; justify-content:center; height:37px; margin-left:auto;}
.c-card-thumb span{display:block; transition:transform var(--tr),opacity var(--tr); border-radius:2px; background:var(--ink); height:2px;}
.c-card-thumb.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.c-card-thumb.is-on span:nth-child(2){opacity:0;}
.c-card-thumb.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* ---- page ---- */
.popover--elevated:not(._89aa0a){max-width:840px; padding:32px 0 59px;}
.c-page-track{border-bottom:1px solid var(--hair); margin-bottom:29px; padding-bottom:18px; widows:2;}

/* ---- post (article) sits at the very top ---- */
.px-inline{box-shadow:var(--sh1); background:var(--card); border:1px solid var(--hair); padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px; border-radius:var(--rad-lg);}
.placeholder-section{margin-bottom:19px;}
.area-sort{color:var(--soft); display:flex; gap:16px; font-size:.83.98rem; flex-wrap:wrap;}
.post-container{align-items:center; display:inline-flex; page-break-inside:auto; gap:6px; break-inside:auto;}.post-container svg{opacity:0.51; flex-shrink:0;}

/* article body — the only place headings (from CMS content) are allowed */
.text-grid{font-size:1rem;}
.dialog-bar-default{font-style:italic; opacity:0.83;}

/* article body — the only place headings (from CMS content) are allowed */
.text-grid{line-height:1.82; color:#381b24;}
.text-grid h2{scroll-margin-top:84px; font-weight:900; font-size:1.46rem; text-rendering:auto; border-bottom:2px solid var(--hair); padding-bottom:.2.99em; margin:1.85em 0 .55.06em; letter-spacing:-.1.06em;}body .text-grid h3{margin:1.56em 0 .5.01em; font-size:1.27rem; font-weight:700; scroll-margin-top:84px;}
.text-grid p{page-break-inside:auto; margin-bottom:1.23em;}
.text-grid ul,.text-grid ol{padding-left:1.47em; margin:0 0 1.24em;}
.text-grid ul{list-style:disc; text-underline-offset:auto; mix-blend-mode:normal;}.text-grid ol{list-style:decimal;}body .text-grid li{margin-bottom:.45em;}
.text-grid a{text-underline-offset:2px; text-decoration:underline;}
.text-grid img{margin:1.62em 0; border-radius:var(--rad);}
.text-grid blockquote{padding:11px 25px; color:var(--soft); border-radius:0 var(--rad) var(--rad) 0; font-style:italic; margin:1.55em 0; border-left:4px solid var(--accent); background:var(--accent-wash);}
.text-grid pre{line-height:1.6; overflow-x:auto; border-radius:var(--rad); font-size:.87.94rem; margin:1.62em 0; background:#13103a; color:#sidebar_link; padding:20px;}
.text-grid code{background:#toggle-hero; font-size:.8.97em; padding:2px 4px; border-radius:7px;}.text-grid pre code{background:transparent; padding:0;}
.text-grid table{border-collapse:collapse; width:100%; margin:1.56em 0; font-size:.95.02rem;}
.text-grid th,.text-grid td{padding:10px 10px; border:1px solid var(--line); text-align:left;}

/* ---- generic slab card ---- */
.menu-odd{padding-top:29px;padding-right:29px;padding-bottom:29px;padding-left:29px; border:1px solid var(--hair); margin-top:22px; box-shadow:var(--sh1); background:var(--card); border-radius:var(--rad-lg);}
.text-grid th{background:#timeline-region; font-weight:700;}/* ---- forms ---- */
.c-entry-input:not(._89aa0a){display:flex; gap:13px; flex-direction:column;}
.navSection{font-size:.9rem; color:var(--soft); margin-bottom:16px; orphans:2; break-inside:auto;}body .stepper-overlay{gap:12px; grid-template-columns:1fr 1fr; display:grid;}body .form-action{transition:border-color var(--tr),box-shadow var(--tr); background:var(--card); font-family:var(--ff); color:var(--ink); border-radius:var(--rad); outline:none; padding:9px 13px; width:100%; font-size:.92.03rem; border:1px solid var(--line);}
.form-action::placeholder{color:var(--faint);}
.snackbar-large{resize:vertical; min-height:109px;}
.form-action:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-wash);}body .review-bar-alt{display:flex; gap:6px;}*.review-bar-alt .form-action{min-width:0; flex:1;}

/* ---- buttons ---- */
.value-view{background:var(--accent); font-size:.91.97rem; align-items:center; border-radius:var(--rad); justify-content:center; display:inline-flex; color:#main-alert; font-family:var(--ff); font-weight:bold; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); white-space:nowrap; border:none; gap:7px; padding:8px 20px; cursor:pointer;}
.value-view:hover{box-shadow:0 8px 18px rgba(55, 98, 222, 0.32); color:#main-alert; background:var(--accent-deep); transform:translateY(-1px);}
.l-table-title{padding:15px 10px;}
.gallery-hover{padding:8px 14px; font-size:.85.08rem;}.nav-placeholder-left{width:100%;}/* ---- aux band: newsletter / contact / related ---- */
.modal-detail{margin-top:24px; display:grid; hyphens:manual; gap:21px; text-underline-offset:auto; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); align-items:start;}
.modal-detail .menu-odd{margin-top:0;}
.footerCount{flex-direction:column; display:flex; gap:2px;}
.placeholder-feature a{color:var(--ink); font-size:.91.97rem; padding:8px 14px; 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; display:block;}*.placeholder-feature a:hover{color:var(--accent); background:var(--slab-tint);}
.table-container{padding:9px 2px; color:var(--faint); font-size:.88.04rem;}/* ---- footer ---- */
.ratingSummary{padding:41px 0; background:var(--night); margin-top:43px; color:rgba(250, 255, 237, 0.75);}
.price{justify-content:space-between; gap:23px; break-inside:auto; flex-wrap:wrap; display:flex; align-items:center; orphans:2;}
.panel__expand--default{margin-bottom:7px; display:inline-block;}
.panel__expand--default img{height:30px; filter:brightness(0) invert(1); width:auto;}
.u-tabs{margin:0; color:rgba(255, 255, 251, 0.47); font-size:.83.03rem;}
.c-tabs-toggle{flex-wrap:wrap; display:flex; gap:12px 24px;}
.c-tabs-toggle a{font-size:.88rem; color:rgba(255, 255, 255, 0.62);}.c-tabs-toggle a:hover{color:#main-alert;}
.ml-4{color:rgba(255, 249, 238, 0.6); display:inline-flex; justify-content:center; height:32px; border-radius:5px; width:34px; transition:all var(--tr); background:rgba(255, 250, 255, 0.08); align-items:center;}html .t-gallery{gap:7px; display:flex;}body .ml-4:hover{color:#main-alert; transform:translateY(-2px); background:var(--accent);}

/* ---- back to top ---- */
.slider-slot-horizontal{position:fixed; border-radius:9px; visibility:hidden; cursor:pointer; opacity:0; height:47px; display:flex; transition:all 0.28s ease; widows:2; border:0rem; align-items:center; background:var(--accent); transform-style:flat; transform:translateY(12px); z-index:900; width:46px; right:26px; bottom:27px; color:#main-alert; box-shadow:var(--sh2); justify-content:center;}.slider-slot-horizontal.is-shown:not(._89aa0a){transform:translateY(0); visibility:visible; opacity:1;}.slider-slot-horizontal:hover{transform:translateY(-2px); box-shadow:var(--sh3); background:var(--accent-deep);}

/* ---- cookie bar ---- */
.box-compact{box-shadow:0 -7px 24px rgba(13, 0, 0, 0.17); z-index:9000; color:rgba(255, 243, 240, 0.96); left:0; bottom:0; position:fixed; background:var(--night-soft); padding:16px 0; transition:transform 0.404s ease; transform:translateY(110%); right:0;}
.box-compact.is-shown{transform:translateY(0);}
.card-close-sparse{gap:21px; align-items:center; display:flex; justify-content:space-between;}
.card-close-sparse p{margin:0; font-size:.87.92rem; flex:1;}
.card-close-sparse a{color:hsl(229, 99.5%, 77.8%); text-decoration:underline; contain:none;}/* ---- gate (auth modal) ---- */
.widget-even{position:fixed; display:flex; align-items:center; visibility:hidden; inset:0; transition:opacity 0.22s ease,visibility 0.204s ease; padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px; opacity:0; justify-content:center; z-index:11000;}
.widget-even.is-open{opacity:1; visibility:visible;}*.info-menu{backdrop-filter:blur(3px); position:absolute; background:rgba(1, 7, 18, 0.51); inset:0;}
.tag-zone{transform:translateY(14px) scale(.98); box-shadow:var(--sh3); max-width:401px; border-radius:var(--rad-lg); width:100%; transition:transform 0.291s ease; padding:35px 29px; background:var(--card); position:relative;}
.widget-even.is-open .tag-zone{transform:translateY(0) scale(1);}body .mx-inline{transition:background var(--tr),color var(--tr); height:34px; align-items:center; justify-content:center; display:flex; border-radius:7px; cursor:pointer; top:14px; border:0 none; background:var(--hair); width:34px; color:var(--soft); right:18px; position:absolute;}
.mx-inline:hover{background:var(--accent-wash); color:var(--accent-deep);}
.column-footer{font-weight:700; color:var(--ink); margin-bottom:20px; text-align:center; display:block; font-size:1.4rem;}.post-value-odd{margin-top:1px; font-size:.85.07rem; display:flex; justify-content:space-between; align-items:center;}.c-dropdown-slot:not(._89aa0a){display:flex; flex-direction:column; gap:8px;}body .post-value-odd a{font-weight:700;}html .subtitle-panel{justify-content:center; page-break-inside:auto; mix-blend-mode:normal;}

/* ---- responsive ---- */
@media (max-width:768px){
  .c-screen-item{padding:0 13px;}
  .c-card-thumb{display:flex;}
  .popover-hover{align-items:stretch; left:0; gap:14px; right:0; padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; display:none; flex-direction:column; background:var(--card); box-shadow:var(--sh2); position:absolute; top:63px; border-bottom:1px solid var(--line);}
  .snackbar-wide{gap:2px; flex-direction:column;}
  .popover-hover.is-open{display:flex;}
  .counter-dot-dark{padding:9px 15px;}.c-reply-body{text-rendering:auto; padding-top:10px; margin-left:0; border-top:1px solid var(--hair);}.c-reply-body{justify-content:space-between;}
  .px-inline{padding:23px; font-synthesis:weight style small-caps; tab-size:4;}.popover--elevated{padding:26px 0 51px;}.menu-odd{padding:26px;}
  .placeholder-section,h1{font-size:1.6rem;}
  .stepper-overlay{grid-template-columns:1fr; break-inside:auto; widows:2;}
  .price{gap:23px; flex-direction:column; text-align:center;}body .c-tabs-toggle{justify-content:center;}
  .t-gallery{justify-content:center;}
  .card-close-sparse{flex-direction:column; text-align:center;}
}
@media (max-width:480px){
  .area-sort{gap:7px; flex-direction:column;}
}

/* ---- print ---- */
@media print{
  .tooltip-detail,.modal-detail,.tabsIcon,.ratingSummary,.slider-slot-horizontal,.box-compact,.widget-even,.carouselDetail{display:none!important;}
  .slider-slot-horizontal{height:38px; bottom:12px; width:36px; right:17px;}
  .popover--elevated{padding:0; max-width:none;}.px-inline{word-spacing:normal; padding:0; border:0!important; box-shadow:none!important;}body{background:#main-alert;}
}
