.screen-region:first-child {height:auto; display:inline; transition:all 0.4s ease}
/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

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

:root{--faint:#8b929d; --night-soft:#1b2235; --rad:11px; --slab-tint:#f3f6fb; --line:#e4e7ec; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --accent-wash:#eaf0fd; --accent:#2a5bd7; --pill:999px; --accent-deep:#1d44a8; --sh3:0 20px 54px rgba(18,24,41,.20);}

:root{--hair:#eef1f5; --soft:#535b66; --night:#121829; --sh2:0 8px 28px rgba(18,24,41,.12); --wide:1080px; --card:#ffffff; --ink:#15181d; --rad-lg:15px; --paper:#f5f7fa; --tr:.2s ease; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05);}

html{font-size:19px;}

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

/* ---- shell ---- */
.t-stepper{padding:0 25px; width:100%; margin:0 auto; max-width:var(--wide);}
.tabs--info {transition:opacity 0.25s; font-weight:bold; min-height:100vh; padding-top:2.5rem; text-transform:lowercase; display:inline-flex}


/* ---- reading gauge ---- */
.ui-section-info{height:6px; hyphens:manual; top:0; transition:width 0.094s linear; position:fixed; z-index:10000; background:linear-gradient(90deg,var(--accent),#5c83e6); width:0; left:0;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.o-toggle-name{margin-bottom:11px; font-weight:800; padding-bottom:10px; font-size:1.19rem; letter-spacing:-.0.93em; display:block; color:var(--ink); border-bottom:2px solid var(--hair);}

/* ---- masthead (slim, single row) ---- */
.c-select{background:rgba(229, 255, 255, 0.92); top:0; position:sticky; border-bottom:1px solid var(--line); background-blend-mode:normal; z-index:1000; backdrop-filter:saturate(140%) blur(8px);}
.c-select.is-stuck{box-shadow:var(--sh1);}
.t-sort{height:65px; gap:20px; align-items:center; display:flex;}
.mr-center{orphans:2; flex-shrink:0; display:flex; widows:2; align-items:center;}
.mr-center img{height:25px; width:auto;}.o-action-meta:not(.unused52){gap:22px; flex:1; align-items:center; display:flex;}
.ui-module{gap:2px; align-items:center; display:flex;}
.section__wrapper{transition:background var(--tr),color var(--tr); font-weight:600; display:block; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; font-size:.92.06rem; color:var(--ink); padding:10px 12px;}
.section__wrapper:hover{color:var(--accent-deep); background:var(--accent-wash);}
.c-counter{align-items:center; display:flex; gap:10px; margin-left:auto;}body .el-media-fill{font-size:.91.95rem; font-weight:600; color:var(--soft);}.el-media-fill:hover{color:var(--accent);}.el-media-fill:hover{backface-visibility:visible; will-change:auto;}
.u-dialog-primary{border:0; justify-content:center; gap:7px; height:39px; padding:5px; margin-left:auto; width:36px; flex-direction:column; display:none; cursor:pointer; background:none;}.u-dialog-primary span{height:2px; border-radius:2px; display:block; transition:transform var(--tr),opacity var(--tr); background:var(--ink);}
.u-dialog-primary.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg);}*.u-dialog-primary.is-on span:nth-child(2){opacity:0;}
.u-dialog-primary.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- page ---- */
.el-feature{padding:36px 0 61px; max-width:838px;}
@media (min-width: 1440px) and (max-width: 1779px) {
  .footer__line {box-shadow:none; transition:all 0.5s ease; min-width:32px; position:absolute; flex-wrap:wrap}
  .dialog__toggle {height:6px; transition:all 0.25s ease; flex-wrap:nowrap; position:sticky; opacity:0.60; padding-top:6px}
  .page-title.counter-dense {border-radius:50%; position:absolute}
}



/* ---- post (article) sits at the very top ---- */
.visible-3{border:1px solid var(--hair); padding-top:44px;padding-right:44px;padding-bottom:44px;padding-left:44px; box-shadow:var(--sh1); background:var(--card); border-radius:var(--rad-lg);}
.t-counter{margin-bottom:27px; padding-bottom:26px; border-bottom:1px solid var(--hair);}
.o-timeline{margin-bottom:16px;}
.u-snackbar{font-size:.84.03rem; gap:19px; color:var(--soft); display:flex; flex-wrap:wrap;}
.app-progress-block{align-items:center; gap:9px; display:inline-flex;}
@media (max-width: 768px) {
  #select-zone {position:absolute; padding-top:2rem; align-items:baseline; text-decoration:none; cursor:pointer}
  .tooltip-handle.step-default {transition:color 0.2s; margin-top:auto; color:#171214; margin-bottom:0.25rem}
  .layout-line {transition:color 0.35s; display:flex; min-width:10px}
}


.app-progress-block svg{flex-shrink:0; opacity:0.61;}/* article body — the only place headings (from CMS content) are allowed */
:where(.l-tag){shape-margin:0; font-size:1.07rem; line-height:1.82;}
.border-5{opacity:0.88; font-style:italic;}/* article body — the only place headings (from CMS content) are allowed */
:where(.l-tag){color:#2f1d36; isolation:auto;}
.l-tag h2{margin:1.84em 0 .55.01em; letter-spacing:-.0.92em;}
.l-tag h2{font-size:1.52rem; scroll-margin-top:84px; border-bottom:2px solid var(--hair); font-weight:800; padding-bottom:.2.95em;}html .l-tag h3{font-size:1.27rem; margin:1.5em 0 .5.05em; scroll-margin-top:84px; font-weight:bold;}
.l-tag p{break-inside:auto; margin-bottom:1.19em;}
.l-tag p{background-blend-mode:normal;}
.l-tag ul,.l-tag ol{padding-left:1.44em; margin:0 0 1.15em;}
.l-tag ul{list-style:disc;}.l-tag ol{list-style:decimal;}
.l-tag li{widows:2; margin-bottom:.45.04em;}
.l-tag a{text-decoration:underline; text-underline-offset:2px;}.l-tag img{margin:1.56em 0; border-radius:var(--rad);}
.l-tag blockquote{print-color-adjust:economy; border-left:4px solid var(--accent); padding:14px 21px; border-radius:0 var(--rad) var(--rad) 0; background:var(--accent-wash); margin:1.54em 0; mix-blend-mode:normal; color:var(--soft); font-style:italic;}
.l-tag pre{background-color:#1c2528; overflow-x:auto; will-change:auto; color:#d3f2f0; padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; font-size:.87.94rem; line-height:1.6; margin:1.68em 0; border-radius:var(--rad);}
.l-tag code{border-radius:5px; background:hsl(171, 100%, 93.5%); padding:2px 9px; font-size:.8.92em;}
.l-tag pre code{background:transparent; padding:0;}
.l-tag table{font-size:.95.01rem; border-collapse:collapse; margin:1.62em 0; width:100%;}
.l-tag th,.l-tag td{text-align:left; border:1px solid var(--line); padding-top:8px;padding-right:15px;padding-bottom:8px;padding-left:15px;}
.dropdown-dot > value {color:inherit; transition:color 0.4s; margin-right:0; margin-left:auto; padding-top:7px; margin-top:32px}
.l-tag th{background:#fff8ff; font-weight:bold;}/* ---- generic slab card ---- */
.el-widget{border:1px solid var(--hair); margin-top:22px; box-shadow:var(--sh1); padding:28px; background:var(--card); border-radius:var(--rad-lg);}
.u-breadcrumb{margin-bottom:14px; color:var(--soft); font-size:.9.03rem;}/* ---- forms ---- */
.c-panel-overlay{gap:19px; flex-direction:column; display:flex;}
.o-popover{will-change:auto; gap:12px; grid-template-columns:1fr 1fr; display:grid;}
.o-alert{font-family:var(--ff); color:var(--ink); outline:none; background:var(--card); transition:border-color var(--tr),box-shadow var(--tr); font-size:.92.07rem; border-radius:var(--rad); width:100%; padding:7px 13px; border:1px solid var(--line);}body .o-alert::placeholder{color:var(--faint);}
.o-alert:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-wash);}.c-avatar-container:not(.null70){resize:vertical; min-height:108px;}
.o-page{gap:6px; display:flex;}
.o-page .o-alert{flex:1; min-width:0;}/* ---- buttons ---- */
.o-panel-date{font-family:var(--ff); background:var(--accent); display:inline-flex; font-weight:700; padding:7px 22px; align-items:center; cursor:pointer; border-radius:var(--rad); gap:7px; justify-content:center; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); font-size:.91.96rem; white-space:nowrap; border:0 none; color:hsl(322, 100%, 96.9%);}
.o-panel-date:hover{background:var(--accent-deep); box-shadow:0 5px 17px rgba(39, 88, 205, 0.36); color:#f9ffff; transform:translateY(-1px);}
#select-zone {border:1px solid #111111; min-width:44px; gap:11px; width:fit-content; letter-spacing:-0.05em; align-items:stretch}

.float-inline{font-size:.84.99rem; text-rendering:auto; padding:6px 16px;}
.o-sort{padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px;}
.app-price-subtitle{width:100%;}/* ---- aux band: newsletter / contact / related ---- */
.t-module-trigger{grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); display:grid; margin-top:28px; gap:27px; align-items:start;}
.t-module-trigger .el-widget{isolation:auto; margin-top:0;}.el-drawer a{transition:background var(--tr),color var(--tr); font-size:.91.95rem; border-radius:9px; color:var(--ink); display:block; padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}.entryCell{flex-direction:column; gap:2px; display:flex;}
.el-drawer a:hover{color:var(--accent); background:var(--slab-tint);}
.ui-form-spacer{font-size:.87.96rem; padding:6px 2px; color:var(--faint);}
.layout-line {opacity:0.77; border:0; letter-spacing:normal}
/* ---- footer ---- */
.app-pagination{padding:39px 0; color:rgba(244, 255, 237, 0.77); margin-top:46px; background:var(--night);}
.el-price-icon{display:flex;}
.el-feature{text-decoration-skip-ink:auto; margin-bottom:8px; display:inline-block; font-variant-ligatures:normal;}
.el-price-icon{gap:26px; align-items:center; flex-wrap:wrap; justify-content:space-between;}
.ui-tabs{font-size:.83.05rem; margin:0;}
.el-feature img{filter:brightness(0) invert(1); width:auto; height:28px;}
.filterInner{display:flex; flex-wrap:wrap; gap:9px 25px;}
.sort-number > label {width:920px; flex-wrap:wrap; text-align:center; font-weight:bold}

.ui-tabs{color:rgba(255, 250, 255, 0.43);}.filterInner a{font-size:.87.93rem; color:rgba(255, 255, 255, 0.66);}
.filterInner a:hover{color:#fff3fc;}
.u-action-slot{gap:7px; display:flex;}.banner__cap{align-items:center; background-blend-mode:normal; shape-margin:0; transition:all var(--tr); justify-content:center; border-radius:11px; color:rgba(238, 255, 255, 0.59);}.banner__cap{width:33px; background:rgba(255, 255, 252, 0.14); display:inline-flex; height:38px;}
.banner__cap:hover{color:#ffffff;}
.banner__cap:hover{transform:translateY(-2px); background:var(--accent);}

/* ---- back to top ---- */
.boxArea{border-radius:11px; right:22px; visibility:hidden; width:41px; box-shadow:var(--sh2); justify-content:center; height:42px; display:flex; cursor:pointer; align-items:center; bottom:28px; background:var(--accent); transform:translateY(12px); transition:all 0.259s ease; border:0 none; opacity:0; color:#ffffff; position:fixed; z-index:900;}
.boxArea.is-shown{opacity:1; visibility:visible; transform:translateY(0);}*.boxArea:hover{transform:translateY(-2px); box-shadow:var(--sh3); background:var(--accent-deep);}/* ---- cookie bar ---- */
.app-screen{box-shadow:0 -7px 22px rgba(14, 15, 0, 0.2); right:0; transform:translateY(110%); color:rgba(255, 238, 239, 0.94); position:fixed; left:0; z-index:9000; background:var(--night-soft); bottom:0; transition:transform 0.369s ease; padding:10px 0;}
.app-screen.is-shown{transform:translateY(0);}
.sidebar-outlined{justify-content:space-between; gap:23px; align-items:center; display:flex;}*.sidebar-outlined p{font-size:.88.01rem; flex:1; margin:0;}
.hero-info .timeline-primary {background-color:transparent; height:46px; align-items:flex-end; padding-right:40px; transition:color 0.3s; font-weight:bold}

.sidebar-outlined a{color:#97abff; text-decoration:underline; contain:none;}/* ---- gate (auth modal) ---- */
.ui-form:not(.unused71){padding:23px; inset:0; position:fixed; align-items:center; z-index:11000; justify-content:center; display:flex; visibility:hidden; opacity:0; transition:opacity 0.283s ease,visibility 0.272s ease;}
.ui-form.is-open{opacity:1; visibility:visible;}
.l-menu{width:100%; box-shadow:var(--sh3); transition:transform 0.227s ease; background:var(--card); padding:36px 30px; transform:translateY(14px) scale(.98); position:relative; max-width:404px; border-radius:var(--rad-lg);}.ui-modal-backdrop{position:absolute; inset:0; backdrop-filter:blur(3px); background:rgba(30, 28, 21, 0.59); page-break-inside:auto;}
.l-card{top:16px; cursor:pointer; transition:background var(--tr),color var(--tr); height:36px; color:var(--soft); border:none; border-radius:10px; background:var(--hair); right:14px; display:flex; align-items:center; position:absolute; justify-content:center; width:30px;}
.ui-form.is-open .l-menu{transform:translateY(0) scale(1);}
.l-card:hover{background:var(--accent-wash); color:var(--accent-deep);}
.search-wrapper .filter-label {justify-content:space-between; padding-top:14px}

.c-block{display:block; font-size:1.41rem; margin-bottom:23px; font-weight:800; text-align:center; color:var(--ink);}
.app-tooltip{display:flex; flex-direction:column; gap:15px;}.t-drawer{justify-content:space-between; font-size:.84.98rem; display:flex; margin-top:1px; align-items:center;}
.t-drawer a{font-weight:600; image-rendering:auto; text-underline-offset:auto;}.l-section:not(.none64){justify-content:center;}
#divider-detail {text-transform:capitalize; transition:opacity 0.15s}

  .u-dialog-primary{display:flex;}

/* ---- responsive ---- */
@media (max-width:768px){.t-stepper{padding:0 19px;}html .o-action-meta{position:absolute; display:none; right:0; flex-direction:column; border-bottom:1px solid var(--line); left:0; background:var(--card); top:63px; align-items:stretch; padding:13px; gap:9px; box-shadow:var(--sh2);}
  .o-action-meta.is-open{display:flex; font-variant-ligatures:normal;}
  .section__wrapper{padding:8px 10px;}
.panel-section .section-foot {overflow:visible; position:static; font-weight:500}

  .ui-module{background-blend-mode:normal; text-rendering:auto; flex-direction:column; gap:2px;}
  .c-counter{padding-top:10px; tab-size:4; text-underline-offset:auto; justify-content:space-between; margin-left:0; border-top:1px solid var(--hair);}html .el-feature{padding:27px 0 51px;}
  .visible-3{padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;}
  .o-timeline,h1{font-size:1.52rem; contain:none;}html .el-widget{padding:25px;}
  .el-price-icon{text-align:center; gap:20px; flex-direction:column;}
.tooltip-handle.step-default {position:static; height:auto}
.o-popover{grid-template-columns:1fr;}body .filterInner{isolation:auto; font-synthesis:weight style small-caps; justify-content:center;}
  .u-action-slot{justify-content:center;}
}
@media (max-width:480px){html .u-snackbar{text-underline-offset:auto; widows:2; gap:12px; flex-direction:column;}*.sidebar-outlined{text-align:center; flex-direction:column;}
  .boxArea{bottom:13px; right:18px; height:43px; width:38px;}
}

/* ---- print ---- */
@media print{
  .c-select,.t-module-trigger,.w-between,.app-pagination,.boxArea,.app-screen,.ui-form,.ui-section-info{display:none!important;}
  .el-feature{padding:0; max-width:none;}
  .visible-3{padding:0; border:none!important; box-shadow:none!important;}
}

  body{background:rgb(249, 254, 253);}