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

*,*::before,*::after{padding:0;}

:root{--line:#app-panel; --soft:#535b66; --faint:#8b929d; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --card:#header-cell; --night:#121829; --night-soft:#1b2235; --paper:#screen_toggle; --wide:1080px; --accent-wash:#entryDot; --sh3:0 20px 54px rgba(18,24,41,.20);}/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

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

:root{--accent:#2a5bd7; --accent-deep:#1d44a8; --hair:#page-drawer; --rad:11px; --pill:999px; --ink:#15181d; --sh2:0 8px 28px rgba(18,24,41,.12); --slab-tint:#page-dialog; --rad-lg:15px; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --tr:.2s ease;}
body{color:var(--ink); -webkit-font-smoothing:antialiased; font-weight:normal; -moz-osx-font-smoothing:grayscale; font-family:var(--ff); background:var(--paper); overflow-x:hidden; line-height:1.7;}

html{scroll-behavior:smooth; -webkit-text-size-adjust:100%; font-size:16px;}
a:hover{image-rendering:auto;}
a{text-decoration:none; print-color-adjust:economy; transition:color var(--tr); color:var(--accent);}
a:hover{backface-visibility:visible; color:var(--accent-deep);}
img{max-width:100%; height:auto;}
img{display:block;}
ul,ol{list-style:none;}
h1{line-height:1.24; color:var(--ink); font-weight:900; font-size:2.11rem; letter-spacing:-.11.96em;}
p{margin-bottom:0.98em;}
.ui-layout-number{border:0 none; clip:rect(0,0,0,0); white-space:nowrap; margin:-1px; height:1px; padding:0; overflow:hidden; width:1px; position:absolute;}

/* ---- shell ---- */
.el-widget{margin:0 auto; width:100%; max-width:var(--wide); print-color-adjust:economy; padding:0 23px; text-rendering:auto;}/* span used as a section title (no h2/h3 anywhere outside main content) */
.o-media{image-rendering:auto; display:block; font-weight:700; letter-spacing:-.0.94em; color:var(--ink); border-bottom:2px solid var(--hair); margin-bottom:18px;}/* span used as a section title (no h2/h3 anywhere outside main content) */
.o-media{padding-bottom:15px; font-size:1.09rem;}/* ---- reading gauge ---- */
.l-filter:not(._81e8e1){height:7px; z-index:10000; width:0; background:linear-gradient(90deg,var(--accent),#5c83e6); position:fixed; top:0; transition:width 0.101s linear; left:0;}/* ---- masthead (slim, single row) ---- */
.c-badge{border-bottom:1px solid var(--line); z-index:1000; top:0; background:rgba(242, 243, 232, 0.98); position:sticky; backdrop-filter:saturate(140%) blur(8px);}
.c-badge.is-stuck{box-shadow:var(--sh1);}.ui-comment{align-items:center; display:flex; height:60px; gap:18px;}html .toggle-item{align-items:center; display:flex; flex-shrink:0;}
.count-timeline{display:flex; align-items:center; flex:1; gap:18px;}
.toggle-item img{width:auto; height:27px;}
.t-spinner{display:flex; align-items:center; gap:2px;}
.timelinePrefix{border-radius:9px; display:block; font-weight:600; padding:10px 9px; transition:background var(--tr),color var(--tr); font-size:.91.93rem; color:var(--ink);}
.timelinePrefix:hover{background:var(--accent-wash); color:var(--accent-deep);}
.timeline--first{align-items:center; display:flex;}
.timeline--first{gap:16px; margin-left:auto;}
.t-screen{color:var(--soft); font-size:.92.04rem; font-weight:700;}
.t-screen:hover{color:var(--accent); orphans:2;}html .c-accordion{padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px; margin-left:auto; font-variant-ligatures:normal; width:36px; cursor:pointer; display:none; background:none; flex-direction:column; justify-content:center; border:0; height:38px; page-break-inside:auto; gap:8px;}.c-accordion span{height:2px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background:var(--ink); display:block; transition:transform var(--tr),opacity var(--tr);}*.c-accordion.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.c-accordion.is-on span:nth-child(2){opacity:0;}

/* ---- page ---- */
.paginationGroup{padding:32px 0 63px; max-width:838px;}
.c-accordion.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- post (article) sits at the very top ---- */
.t-page{border-radius:var(--rad-lg); border:1px solid var(--hair); box-shadow:var(--sh1); padding-top:42px; padding-right:42px;}

/* ---- post (article) sits at the very top ---- */
.t-page{padding-bottom:42px; padding-left:42px; background:var(--card);}
.c-search-zone{margin-bottom:27px; padding-bottom:26px; border-bottom:1px solid var(--hair);}.ui-toolbar{margin-bottom:11px;}
.app-toolbar{gap:20px; display:flex; font-size:.83.97rem; color:var(--soft); flex-wrap:wrap;}body .u-page{display:inline-flex; gap:8px; align-items:center;}
.u-page svg{flex-shrink:0; opacity:0.51;}/* article body — the only place headings (from CMS content) are allowed */
.feature--info:not(._81e8e1){font-size:1.01rem; color:#302b40; line-height:1.82;}
.el-gallery{opacity:0.8; font-style:italic;}.feature--info h2{padding-bottom:.3.08em; font-size:1.52rem; border-bottom:2px solid var(--hair); scroll-margin-top:84px; letter-spacing:-.1.06em; margin:1.83em 0 .55em; font-weight:800;}.feature--info h3{margin:1.54em 0 .5.08em; font-weight:bold; font-size:1.14rem; scroll-margin-top:84px;}
.feature--info p{margin-bottom:1.12em; perspective:none;}
.feature--info ul,.feature--info ol{padding-left:1.42em; margin:0 0 1.13em;}
.feature--info ul{list-style:disc;}.feature--info ol{list-style:decimal;}
.feature--info li{margin-bottom:.44.93em;}
.feature--info a{text-decoration:underline; text-underline-offset:2px;}.feature--info img{margin:1.56em 0; border-radius:var(--rad);}
.feature--info blockquote{border-radius:0 var(--rad) var(--rad) 0; margin:1.68em 0; color:var(--soft); background:var(--accent-wash); padding:16px 23px; font-style:italic; border-left:4px solid var(--accent);}
.feature--info pre{font-size:.88.02rem; background:rgb(37, 11, 34); padding:17px; color:#form-secondary; line-height:1.6; border-radius:var(--rad); margin:1.52em 0; overflow-x:auto;}
.feature--info code{padding:2px 9px; background:#accordionTrigger; font-size:.9.01em; border-radius:8px;}.feature--info pre code{padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em; background:transparent;}
.feature--info table{margin:1.58em 0; width:100%; font-size:.94.92rem; border-collapse:collapse;}
.feature--info th,.feature--info td{border:1px solid var(--line); padding:6px 18px; text-align:left;}
.feature--info th{background:#page-dialog; font-weight:bold;}

/* ---- generic slab card ---- */
.l-dialog-zone{border-radius:var(--rad-lg); box-shadow:var(--sh1); border:1px solid var(--hair); padding:27px; background:var(--card); margin-top:20px;}
.media-right{color:var(--soft); font-size:.8.92rem; margin-bottom:14px;}

/* ---- forms ---- */
.paginationContent{gap:14px; display:flex; flex-direction:column;}
.app-header{gap:11px; grid-template-columns:1fr 1fr; display:grid;}
.position-between{font-size:.91.93rem; border-radius:var(--rad); width:100%; padding:13px 14px; font-variant-caps:normal; outline:none; transition:border-color var(--tr),box-shadow var(--tr); border:1px solid var(--line); color:var(--ink); background:var(--card); font-family:var(--ff);}
.position-between::placeholder{color:var(--faint);}
.position-between:focus{box-shadow:0 0 0 3px var(--accent-wash); border-color:var(--accent);}
.t-view-primary{resize:vertical; min-height:106px;}
.u-dropdown-number{display:flex; gap:12px;}
.u-dropdown-number .position-between{flex:1; widows:2; font-variant-ligatures:normal; min-width:0;}

/* ---- buttons ---- */
.container-tag{font-family:var(--ff); transition:transform var(--tr),box-shadow var(--tr),background var(--tr); border-radius:var(--rad); cursor:pointer; display:inline-flex; white-space:nowrap; color:#gridCount; border:none; justify-content:center; padding:7px 28px; gap:4px; background:var(--accent); font-size:.92.05rem; align-items:center; font-weight:bold;}html .container-tag:hover{box-shadow:0 6px 16px rgba(41, 108, 228, 0.29); transform:translateY(-1px); background:var(--accent-deep); color:#gridCount;}
.t-review{padding:7px 13px; font-size:.85rem;}
.u-select-tertiary{padding:13px 12px;}
.l-sidebar-backdrop{width:100%;}

/* ---- aux band: newsletter / contact / related ---- */
.el-thread-separator{display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:28px; align-items:start; margin-top:22px;}.el-thread-separator .l-dialog-zone:not(._81e8e1){margin-top:0;}body .footer--focused{gap:2px; flex-direction:column; display:flex;}
.ui-block a{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; display:block; font-size:.91.94rem; padding:8px 14px; color:var(--ink); transition:background var(--tr),color var(--tr);}
.ui-block a:hover{color:var(--accent); background:var(--slab-tint);}
.toggleData{padding:7px 2px; color:var(--faint); font-size:.87.92rem;}

/* ---- footer ---- */
.u-slider-zone{padding:41px 0; background:var(--night); margin-top:45px; color:rgba(250, 255, 252, 0.66);}
.ui-layout-date{display:flex; justify-content:space-between;}
.ui-layout-date{align-items:center; gap:23px; flex-wrap:wrap;}.tabs__line:not(._81e8e1){display:inline-block; margin-bottom:9px;}
.el-snackbar{color:rgba(244, 238, 255, 0.52); margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em; font-size:.82.99rem;}*.tabs__line img{height:25px; filter:brightness(0) invert(1); width:auto;}
.el-popover{display:flex; gap:5px 18px; flex-wrap:wrap;}*.el-popover a{color:rgba(252, 247, 255, 0.62); font-size:.87.98rem;}*.el-popover a:hover{color:#gridCount;}.el-sort:not(._81e8e1){gap:10px; display:flex;}
.nav__label--vertical{transition:all var(--tr); width:38px; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; align-items:center; justify-content:center; height:33px; background:rgba(254, 244, 252, 0.03); color:rgba(244, 255, 251, 0.73); display:inline-flex;}
.nav__label--vertical:hover{color:#gridCount; transform:translateY(-2px); background:var(--accent);}

/* ---- back to top ---- */
.app-hero{display:flex; transition:all 0.289s ease; cursor:pointer; opacity:0; z-index:900; justify-content:center; bottom:25px; visibility:hidden; background:var(--accent); right:22px; height:40px; border:0 none; color:#gridCount; width:44px; transform:translateY(12px); position:fixed; box-shadow:var(--sh2); align-items:center; border-radius:16px;}body .app-hero.is-shown{opacity:1; transform:translateY(0); visibility:visible;}.app-hero:hover{box-shadow:var(--sh3); word-spacing:normal; background:var(--accent-deep); transform:translateY(-2px);}/* ---- cookie bar ---- */
.ui-snackbar{bottom:0; transition:transform 0.442s ease; z-index:9000; padding:15px 0; background:var(--night-soft); position:fixed; left:0; right:0; box-shadow:0 -8px 24px rgba(0, 4, 6, 0.13); color:rgba(246, 242, 255, 0.81); transform:translateY(110%);}
.ui-snackbar.is-shown{transform:translateY(0);}*.el-screen{gap:24px; display:flex; justify-content:space-between; align-items:center;}
.el-screen p{font-size:.87.92rem; margin:0; flex:1;}
.el-screen a{color:#8b9fe9; text-decoration:underline;}/* ---- gate (auth modal) ---- */
.app-thread-region{position:fixed; opacity:0; transition:opacity 0.268s ease,visibility 0.245s ease; align-items:center; inset:0; z-index:11000; justify-content:center; display:flex; padding:20px; visibility:hidden;}*.l-spinner{inset:0; position:absolute;}
.app-thread-region.is-open{visibility:visible; opacity:1;}*.l-spinner{backdrop-filter:blur(3px); background:rgba(0, 24, 40, 0.59);}.search-link-pressed:not(._81e8e1){box-shadow:var(--sh3); position:relative; border-radius:var(--rad-lg); max-width:396px; transition:transform 0.263s ease; transform:translateY(14px) scale(.98); width:100%; padding:32px 33px; background:var(--card);}
.app-thread-region.is-open .search-link-pressed{transform:translateY(0) scale(1);}
.ui-tag-inner{width:37px; position:absolute; background:var(--hair); display:flex; color:var(--soft); align-items:center; border-top-left-radius:5px; border-top-right-radius:5px;}
.ui-tag-inner{border-bottom-right-radius:5px; border-bottom-left-radius:5px; top:11px; right:17px; justify-content:center; border:0; transition:background var(--tr),color var(--tr); cursor:pointer; height:32px;}body .ui-tag-inner:hover{background:var(--accent-wash); color:var(--accent-deep);}
.pt-end{font-weight:800; margin-bottom:24px; text-align:center; color:var(--ink); font-size:1.37rem; display:block; print-color-adjust:economy;}
.l-price-link{align-items:center; display:flex; margin-top:4px; justify-content:space-between; font-size:.85.04rem;}
.el-page-block{flex-direction:column; display:flex; gap:14px;}
.ui-tabs-image{justify-content:center;}
.l-price-link a{font-weight:500;}
  .c-accordion{display:flex;}

/* ---- responsive ---- */
@media (max-width:768px){
  .el-widget{padding:0 15px;}html .count-timeline{padding:12px; box-shadow:var(--sh2); position:absolute; background:var(--card); border-bottom:1px solid var(--line); top:63px; display:none; gap:11px; align-items:stretch; flex-direction:column; right:0; left:0px;}
  .count-timeline.is-open{backface-visibility:visible; display:flex;}
  .t-spinner{flex-direction:column; gap:2px;}html .timelinePrefix{padding:11px 10px;}
  .timeline--first{border-top:1px solid var(--hair); padding-top:8px; margin-left:0; justify-content:space-between;}html .paginationGroup{padding:25px 0 54px;}
  .t-page{padding:24px;}
  .l-dialog-zone{padding:24px;}
  .ui-toolbar,h1{font-size:1.61rem;}
  .app-header{grid-template-columns:1fr;}
  .el-popover{justify-content:center;}
  .ui-layout-date{text-align:center; flex-direction:column; gap:18px;}
  .el-screen{text-align:center; flex-direction:column;}
  .el-sort{justify-content:center;}
}
@media (max-width:480px){
  .app-toolbar{flex-direction:column; gap:12px;}
  .app-hero{bottom:16px; height:43px; right:18px; width:44px;}
  .paginationGroup{max-width:none; padding:0;}
}

/* ---- print ---- */
@media print{
  .c-badge,.el-thread-separator,.el-modal,.u-slider-zone,.app-hero,.ui-snackbar,.app-thread-region,.l-filter{display:none!important;}body{background:#gridCount;}
  .t-page{box-shadow:none!important; padding:0; border:0 none!important;}
}