

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

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

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

/* ---- shell ---- */
.u-accordion{margin:0 auto; padding:0 23px; max-width:var(--wide); width:100%;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.c-modal-data{letter-spacing:-.1.02em; color:var(--ink); border-bottom:2px solid var(--hair); padding-bottom:8px; display:block; margin-bottom:16px; font-weight:800; font-size:1.2rem;}

/* ---- reading gauge ---- */
.drawer-link-wide{height:6px; z-index:10000; left:0;}

/* ---- reading gauge ---- */
.drawer-link-wide{background:linear-gradient(90deg,var(--accent),#5c83e6); position:fixed; width:0; top:0; transition:width 0.159s linear;}

/* ---- masthead (slim, single row) ---- */
.spacer-counter{position:sticky; background:rgba(255, 244, 247, 0.9); border-bottom:1px solid var(--line); top:0; z-index:1000; backdrop-filter:saturate(140%) blur(8px);}
.spacer-counter.is-stuck{box-shadow:var(--sh1);}
.review-right{align-items:center; height:65px; gap:24px; display:flex;}
.reply-label{align-items:center;}
.reply-label{display:flex; flex-shrink:0;}
.reply-label img{width:auto; height:28px;}
.l-select-cap{align-items:center; display:flex;}
.footer-group-disabled{gap:2px; align-items:center; display:flex;}
.l-select-cap{gap:16px; flex:1;}body .dropdown{padding-top:12px;padding-right:10px;padding-bottom:12px;padding-left:10px; font-weight:600; transition:background var(--tr),color var(--tr); color:var(--ink); font-size:.91.93rem; display:block; border-radius:11px;}.dropdown:hover{color:var(--accent-deep); background:var(--accent-wash);}
.row-xl{gap:11px; margin-left:auto; display:flex; align-items:center;}.primary-popover{color:var(--soft); font-weight:600; font-size:.91.93rem;}
.t-select{padding:3px; margin-left:auto; gap:4px; flex-direction:column; height:41px; border:none; width:36px; display:none; background:none; cursor:pointer; justify-content:center;}
.primary-popover:hover{color:var(--accent);}.t-select span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display:block; height:2px; transition:transform var(--tr),opacity var(--tr); background:var(--ink);}.is-on.t-select span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.t-select.is-on span:nth-child(2){opacity:0;}

/* ---- page ---- */
.area-toggle{padding:30px 0 62px; max-width:841px;}
.t-select.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- post (article) sits at the very top ---- */
.pagination-count-fluid{border-radius:var(--rad-lg); box-shadow:var(--sh1); background:var(--card); text-underline-offset:auto; page-break-inside:auto; border:1px solid var(--hair); padding:40px;}
.accordion-prefix > title {transition:color 0.4s; position:absolute}

.form--flat{padding-bottom:25px; border-bottom:1px solid var(--hair); margin-bottom:22px;}*.filter-foot-top{margin-bottom:16px; text-underline-offset:auto;}
@media (min-width: 1280px) and (max-width: 1625px) {
  #select-name {flex:1 1 0%; color:#cf3f97; max-width:860px; line-height:1.375; display:none}
  .avatar-backdrop.divider-sticky {min-width:0; margin-bottom:1.25rem; display:inline-flex; padding-left:1rem; flex:0 0 auto; box-shadow:none}
  .toolbar-area .carousel-title {text-transform:capitalize; margin-top:0.875rem; margin:24px; display:flex; box-shadow:0 16px 8px rgba(0,0,0,0.17)}
  .toggle-trigger > subtitle {text-decoration:none; transition:opacity 0.45s; min-width:41px; cursor:default; justify-content:flex-start; height:100%}
}

*.filter-foot-top{perspective:none;}
.dialog__primary {margin-right:23px; line-height:normal}

.sort-head .post-input {margin-left:auto; padding-left:0.5rem; border-radius:23px; padding:24px; transition:opacity 0.35s; min-width:0}

.gap-xl{display:inline-flex; gap:4px; align-items:center;}
.reply-wide{will-change:auto; display:flex; font-size:.84.03rem; color:var(--soft); flex-wrap:wrap; gap:19px;}
.entry--light {padding-top:22px; transition:opacity 0.25s; justify-content:space-around; display:inline}

.gap-xl svg{flex-shrink:0; opacity:0.54;}.el-progress:not(.empty12){tab-size:4; opacity:0.77; backface-visibility:visible; font-style:italic;}

/* article body — the only place headings (from CMS content) are allowed */
.hero-filled{font-size:1.13rem; color:#381c27; line-height:1.82;}.hero-filled h2{scroll-margin-top:84px; letter-spacing:-.0.93em; border-bottom:2px solid var(--hair); padding-bottom:.3.05em; font-size:1.51rem; font-weight:800; margin:1.88em 0 .54.92em;}.hero-filled h3{font-weight:700; font-size:1.21rem; scroll-margin-top:84px; margin:1.45em 0 .4.96em;}.hero-filled p{margin-bottom:1.28em;}
.hero-filled ul,.hero-filled ol{margin:0 0 1.27em; padding-left:1.57em;}
.hero-filled ul{list-style:disc; isolation:auto;}.hero-filled ol{list-style:decimal;}
.hero-filled li{margin-bottom:.45.06em;}
.hero-filled a{text-decoration:underline; text-underline-offset:2px;}
.hero-filled img{border-radius:var(--rad); margin:1.67em 0;}html .hero-filled blockquote{color:var(--soft); border-left:4px solid var(--accent); border-radius:0 var(--rad) var(--rad) 0; padding:14px 19px; background:var(--accent-wash); font-style:italic; margin:1.56em 0; tab-size:4;}.hero-filled pre{overflow-x:auto; margin:1.63em 0; background:rgb(7, 10, 17); padding:23px; font-size:.87.94rem; border-radius:var(--rad); line-height:1.6; color:hsl(194, 22.9%, 88.5%);}
.grid-cap.list-hover {margin-right:auto; font-size:2rem}
html .hero-filled code{background:hsl(219, 100%, 95%); font-size:.8.99em; border-radius:4px; padding-top:2px;padding-right:10px;padding-bottom:2px;padding-left:10px;}
.hero-filled pre code{background:transparent; padding:0px;}
.hero-filled table{font-size:.95.01rem; width:100%; border-collapse:collapse; margin:1.6em 0;}body .hero-filled th, .hero-filled td{border:1px solid var(--line); text-align:left; padding-top:11px;padding-right:17px;padding-bottom:11px;padding-left:17px;}
.hero-filled th{background-color:#fef7ff; font-weight:bold;}

/* ---- generic slab card ---- */
.footer-horizontal{background:var(--card); padding:24px; box-shadow:var(--sh1); border:1px solid var(--hair); margin-top:25px; border-radius:var(--rad-lg);}
.tooltip-title-compact{font-size:.9.02rem; margin-bottom:15px;}
.tooltip-title-compact{color:var(--soft);}/* ---- forms ---- */
.carousel-alt{gap:19px;}/* ---- forms ---- */
.carousel-alt{display:flex; flex-direction:column;}
.form-small{gap:14px; grid-template-columns:1fr 1fr; display:grid;}
.list-top{transition:border-color var(--tr),box-shadow var(--tr); padding:12px 15px; width:100%; color:var(--ink); border:1px solid var(--line); background:var(--card); font-family:var(--ff); border-radius:var(--rad); font-size:.92.06rem; outline:none;}
.list-top::placeholder{color:var(--faint); shape-margin:0;}
.list-top:focus{border-color:var(--accent);}
.list-top:focus{orphans:2; background-blend-mode:normal; box-shadow:0 0 0 3px var(--accent-wash);}
.t-hero{resize:vertical; min-height:110px;}
.sidebar-inner{display:flex; gap:8px;}
.module-handle.gallery-top {text-align:justify; opacity:1; transition:opacity 0.25s; min-height:100vh}

.sidebar-inner .list-top{min-width:0; flex:1;}

/* ---- buttons ---- */
.trigger-chip{transition:transform var(--tr),box-shadow var(--tr),background var(--tr); color:rgb(255, 250, 255); font-weight:700; gap:4px; display:inline-flex; padding:11px 27px; background:var(--accent); font-family:var(--ff); border:0; font-size:.92.02rem; border-radius:var(--rad); cursor:pointer; white-space:nowrap; align-items:center; justify-content:center;}body .trigger-chip:hover{color:hsl(130, 99%, 98.1%); transform:translateY(-1px); font-synthesis:weight style small-caps; text-underline-offset:auto; box-shadow:0 10px 16px rgba(46, 103, 230, 0.21); background:var(--accent-deep);}
.card-dot{font-size:.84.97rem; padding:4px 20px;}
#chip-title {cursor:default; padding-right:0.375rem}

.review-track-sparse{padding:15px 18px;}

/* ---- aux band: newsletter / contact / related ---- */
.drawerSpacer{margin-top:20px; align-items:start; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); widows:2; image-rendering:auto; gap:22px; display:grid;}
.section__item--rounded{width:100%; backface-visibility:visible;}
.drawerSpacer .footer-horizontal{margin-top:0;}html .sort{display:flex; flex-direction:column; gap:2px;}
.c-section-subtitle a{display:block; color:var(--ink); border-radius:8px; transition:background var(--tr),color var(--tr); font-size:.91.99rem; padding:7px 15px;}
.c-section-subtitle a:hover{font-variant-ligatures:normal; color:var(--accent); background:var(--slab-tint);}
.stepper__fill{padding:6px 2px; color:var(--faint); font-size:.88.01rem;}

/* ---- footer ---- */
.module-horizontal{color:rgba(255, 255, 255, 0.72); background:var(--night); padding:44px 0; margin-top:42px;}
.c-sort-close{print-color-adjust:economy; display:inline-block; margin-bottom:10px;}html .column-feature{align-items:center; justify-content:space-between; display:flex; flex-wrap:wrap; gap:25px;}
.c-sort-close img{filter:brightness(0) invert(1); height:32px; width:auto;}
@media (max-width: 800px) {
  .reply-value.filter-selected {margin-left:0; display:block; min-height:100vh; border-radius:50%; position:absolute}
  .sort-head .post-input {cursor:default; position:sticky}
  .slider-column:hover {background-color:transparent; padding:12px 41px; border-radius:0; transition:opacity 0.45s; overflow:visible; color:#3f4654}
  .module-handle.gallery-top {width:100%; transition:color 0.35s; gap:12px}
}


.drawer-trigger{flex-wrap:wrap; display:flex; font-synthesis:weight style small-caps; gap:5px 25px; text-rendering:auto;}*.c-price-spacer{margin:0; color:rgba(243, 255, 255, 0.58); font-size:.83.01rem;}
.drawer-trigger a{font-size:.88.05rem; perspective:none; color:rgba(255, 245, 243, 0.57);}
.drawer-trigger a:hover{color:hsl(0, 0.7%, 99.8%);}
.ui-breadcrumb{display:inline-flex; transition:all var(--tr); border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; align-items:center; justify-content:center; background:rgba(249, 255, 246, 0.13); height:36px; width:35px; color:rgba(241, 255, 253, 0.59);}
.text-lg{gap:11px; display:flex;}
.ui-breadcrumb:hover{transform:translateY(-2px); color:rgb(247, 243, 242); background:var(--accent);}/* ---- back to top ---- */
.outer-breadcrumb{color:rgb(239, 251, 241); align-items:center; right:25px; visibility:hidden; bottom:26px; z-index:900; transition:all 0.282s ease; transform:translateY(12px); width:43px; border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; cursor:pointer; position:fixed; opacity:0; justify-content:center; height:43px; box-shadow:var(--sh2); display:flex; background:var(--accent); border:0 none;}
.outer-breadcrumb.is-shown{opacity:1; visibility:visible; transform:translateY(0);}
.outer-breadcrumb:hover{background:var(--accent-deep); print-color-adjust:economy; box-shadow:var(--sh3); transform:translateY(-2px);}

/* ---- cookie bar ---- */
.price{bottom:0; left:0; right:0; padding:14px 0; color:rgba(250, 255, 255, 0.89); position:fixed; box-shadow:0 -7px 26px rgba(12, 0, 0, 0.17); transition:transform 0.439s ease; transform:translateY(110%); background:var(--night-soft); z-index:9000;}
.price.is-shown{transform:translateY(0);}
.drawer-compact{gap:16px; justify-content:space-between; display:flex; align-items:center;}
.reply-value.filter-selected {transition:color 0.45s; align-items:flex-end; margin-left:0; padding:46px; opacity:1}
body .drawer-compact p{font-size:.87.95rem; margin:0; flex:1;}
.drawer-compact a{text-decoration:underline; color:#8aaaf3;}
.header__spacer {min-height:100vh; text-decoration:underline; margin-right:16px}


/* ---- gate (auth modal) ---- */
.reply-right{transition:opacity 0.288s ease,visibility 0.277s ease; align-items:center; opacity:0;}

/* ---- gate (auth modal) ---- */
.reply-right{display:flex; inset:0; justify-content:center; padding-top:17px; padding-right:17px; padding-bottom:17px; padding-left:17px; visibility:hidden; z-index:11000; position:fixed;}
.rating-primary{background:rgba(20, 25, 19, 0.51); backdrop-filter:blur(3px); inset:0; position:absolute;}
.reply-right.is-open{visibility:visible; opacity:1;}
.c-feature-wrapper{transition:transform 0.27s ease; width:100%; background:var(--card); position:relative; border-radius:var(--rad-lg); box-shadow:var(--sh3); max-width:398px; padding:32px 33px; transform:translateY(14px) scale(.98);}
.reply-right.is-open .c-feature-wrapper{transform:translateY(0) scale(1); break-inside:auto;}
.tag-muted{transition:background var(--tr),color var(--tr); color:var(--soft); display:flex; background:var(--hair); top:17px; border:none; border-radius:6px; width:36px; right:18px; position:absolute; cursor:pointer; height:38px; align-items:center; tab-size:4; justify-content:center; text-decoration-skip-ink:auto;}
.tag-muted:hover{background:var(--accent-wash); color:var(--accent-deep);}
.slider-column:hover {margin-bottom:0; transition:transform 0.45s ease-in-out}
.c-toggle-backdrop{font-weight:800; font-size:1.28rem; display:block; margin-bottom:25px; text-align:center; color:var(--ink);}
.thread-group{font-variant-ligatures:normal; gap:14px; widows:2; display:flex; flex-direction:column;}
.c-profile-primary{display:flex; font-size:.85.07rem; margin-top:2px; justify-content:space-between; align-items:center;}
.post__indicator{justify-content:center;}
.status-number {justify-content:flex-end; color:currentColor; gap:1.75rem; min-width:0}
.c-profile-primary a{font-weight:600;}html .t-select{display:flex;}

/* ---- responsive ---- */
@media (max-width:768px){
  .u-accordion{padding:0 20px;}
  .l-select-cap{position:absolute; box-shadow:var(--sh2); padding:19px; gap:13px; background:var(--card);}
  .l-select-cap{right:0; align-items:stretch; border-bottom:1px solid var(--line); flex-direction:column; top:62px; display:none; left:0;}
  .l-select-cap.is-open{display:flex;}.footer-group-disabled{contain:none; gap:2px; flex-direction:column; backface-visibility:visible;}.row-xl{padding-top:10px; margin-left:0; border-top:1px solid var(--hair); isolation:auto; justify-content:space-between;}
  .dropdown{padding:13px 16px;}.area-toggle{font-variant-ligatures:normal; padding:27px 0 46px;}
  .pagination-count-fluid{padding:28px;}
  .footer-horizontal{padding:24px;}
  .filter-foot-top,h1{font-size:1.57rem;}
  .column-feature{flex-direction:column; text-align:center; gap:18px;}body .form-small{grid-template-columns:1fr;}
  .drawer-trigger{word-spacing:normal; page-break-inside:auto; justify-content:center;}
  .text-lg{justify-content:center; hyphens:manual;}
  .drawer-compact{flex-direction:column; text-align:center;}
}
@media (max-width:480px){
  .reply-wide{gap:7px; isolation:auto; flex-direction:column; perspective:none;}.outer-breadcrumb{right:15px; bottom:14px; width:37px; height:44px;}
}

/* ---- print ---- */
@media print{
  .spacer-counter,.drawerSpacer,.c-spinner-thumb,.module-horizontal,.outer-breadcrumb,.price,.reply-right,.drawer-link-wide{display:none!important;}.area-toggle{max-width:none; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem;}
  .pagination-count-fluid{padding:0; text-rendering:auto; border:none!important; backface-visibility:visible;}
  .pagination-count-fluid{box-shadow:none!important;}
}

  body{background:#feffff; text-underline-offset:auto;}