/* --- Base --- */
*, *::before, *::after{box-sizing: border-box;}/* ==========================================================================
   STYLESHEET — single file, no external dependencies.
   Article-first reading layout · centered measure · CSS Grid.
   ========================================================================== */

/* --- Tokens --- */
:root{--wash:   #f5f6f9; --rad-s:  4px; --brand-d:  #155080; --line:   #e4e7ec; --rad-l:  10px; --accent-soft: rgba(40, 154, 153, .1); --accent-d: #22807f; --accent:   #289a99; --wrap:   860px; --faint:  #a2a8b2; --soft:   #eef1f5; --muted:  #737a86; --paper:  #ffffff; --tr: .2s ease; --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif; --text:   #3f4651; --rad:    6px; --ink:    #1d222b; --brand:    #1b6599; --dark:   #15181f;}
body {overflow-x: hidden; font-family: var(--ff); -moz-osx-font-smoothing:grayscale; background: var(--wash); color: var(--text); line-height:1.7; -webkit-font-smoothing:antialiased; margin:0; font-size:1.01rem;}html{font-size:18px; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}
.slider-name:hover {height:auto; box-shadow:0 12px 16px rgba(0,0,0,0.39); padding-right:44px; transition:opacity 0.3s; text-decoration:none; flex-wrap:nowrap}

img {display: block;}
img, svg {height:auto; max-width:100%;}
a:hover {color: var(--brand-d);}
a {color: var(--brand); transition: color var(--tr); text-decoration:none;}

h1 {color: var(--ink); letter-spacing:-.15.03em; line-height:1.22; margin:0; font-weight:800;}

p {margin:0 0 1.03em;}
:focus-visible {outline-offset:2px; background-blend-mode:normal; outline: 2px solid var(--accent);}

.ui-tabs {padding:0; width:1px; overflow: hidden; border:0; white-space: nowrap; margin:-1px; position: absolute; clip:rect(0, 0, 0, 0); height:1px;}
.form-track::before {content:''; justify-content:space-between; flex:1; min-height:100vh; padding-left:0.375rem; max-width:300px}

.avatar-name {font-size:.9.07rem; color: var(--muted); margin:0 0 18px;}
.mx-between {padding:28px 19px 0;}/* --- Wrap / sections / grid --- */
.app-progress:not(.unused99){max-width: var(--wrap); width:100%; padding:0 16px; margin:0 auto;}.mx-between > .app-list:not(.noop70){max-width: var(--wrap); margin-right:auto; margin-left:auto;}html .o-alert{display: grid; gap:19px; grid-template-columns: 1fr;}
@media (min-width: 680px) { .o-alert {grid-template-columns: 1fr 1fr;} }
.page-track .nav-trigger {border:none; position:sticky; transition:transform 0.2s ease-in-out}

.pt-xl {margin-bottom:12px; font-size:1rem;}/* --- Section title (span, styled — no heading tags outside content) --- */
.app-list{font-size:1.12rem; margin:0 0 17px; color: var(--ink); letter-spacing:-.1.04em; border-left: 3px solid var(--accent); padding-left:9px; display: block; font-weight:700;}/* --- Top bar (static, content stays high) --- */
.ui-screen-addon{border-bottom: 2px solid var(--accent); background: var(--paper);}

/* --- Reading progress --- */
.el-menu {mix-blend-mode:normal; height:7px; transition:width 0.127s linear; position: fixed; inset:0 auto auto 0; z-index: 1200; width:0; background: var(--accent);}
.c-sidebar {margin-right:auto; color: var(--brand); align-items: center; display: inline-flex;}.app-nav{gap:13px; display: flex; align-items: center; height:61px;}
@media (min-width: 1200px) {
  .page-track .nav-trigger {line-height:1.8; opacity:0.83; flex:0 0 auto; transition:opacity 0.45s}
  .layout-section::before {content:''; display:grid}
  .module-group > prefix {border:none; cursor:pointer}
}


.tabs-body {position:relative; border:1px solid #ea5442}


.l-modal {display: flex; gap:6px;}
.c-sidebar img, .c-sidebar svg {width:auto; height:26px; display: block;}
.u-skeleton {display: block; padding:5px 10px; font-weight:600; transition: color var(--tr), background var(--tr); color: var(--text); font-size:.8.93rem; border-radius: var(--rad-s);}.u-skeleton:hover{color: var(--brand); background: var(--accent-soft);}
.o-modal {gap:5px; display: flex; align-items: center;}

@media (max-width: 560px) {
  .l-modal {display: none;}
}

/* --- Buttons --- */
.popover-outlined {display: inline-flex; font-size:.9.04rem; border: 1.5px solid var(--brand); background: var(--brand); padding:12px 16px; font-weight:600; border-radius: var(--rad); cursor: pointer; gap:12px; font-family: var(--ff); white-space: nowrap; justify-content: center; align-items: center; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); line-height:1.4; color:#fafff6;}
.popover-outlined:hover {background: var(--brand-d); border-color: var(--brand-d); color:#fffeed;}.toggleSlot{font-size:.83.96rem; padding:4px 11px;}.popover-outlined:active{hyphens:manual; font-synthesis:weight style small-caps; transform: translateY(1px);}*.l-footer{color: var(--brand); background:transparent;}
.l-footer:hover {background: var(--brand); mix-blend-mode:normal; color:#fdfff7;}
.ui-sort {border-color: var(--accent); background: var(--accent);}
.ui-sort:hover {background: var(--accent-d); border-color: var(--accent-d);}
.overflow-5 {width:100%; display: flex;}
.l-nav-input {padding:10px 10px;}
.l-nav-input svg {width:16px; height:13px;}
.l-banner {padding-top:24px;padding-right:26px;padding-bottom:24px;padding-left:26px;}/* --- Cards --- */
.ui-breadcrumb-count{background: var(--paper); border-radius: var(--rad-l); border: 1px solid var(--line);}

/* --- Post (article) — first block, content high --- */
.t-price {backface-visibility:visible; max-width: var(--wrap); overflow: hidden; margin:25px auto 0; padding-top:33px;padding-right:38px;padding-bottom:33px;padding-left:38px;}
.ui-drawer {font-size:1.92rem; margin-bottom:14px;}.u-list:not(.dummy66){padding-bottom:24px; display: flex; color: var(--muted); flex-wrap: wrap; gap:12px; align-items: center; border-bottom: 1px solid var(--soft); font-size:.82.03rem;}*.u-drawer{display: inline-flex; align-items: center;}
.u-drawer svg {margin-right:2px; height:16px; width:11px; opacity:0.57;}

/* --- TOC --- */
.c-drawer {padding-top:20px;padding-right:16px;padding-bottom:20px;padding-left:16px; margin:27px 0 4px; border: 1px solid var(--soft); border-radius: var(--rad); mix-blend-mode:normal; background: var(--wash);}*.c-section-expand{text-underline-offset:auto; opacity:0.85; font-style:italic;}*.el-stepper-label{display: flex; margin-bottom:8px; justify-content: space-between; align-items: center;}html .l-view{font-weight:700; print-color-adjust:economy; text-underline-offset:auto; color: var(--ink); font-size:.91.98rem;}
.ui-sidebar {display: flex; flex-direction: column;}
.replyName {color: var(--brand); shape-margin:0; border:0em; cursor: pointer; font-size:.82.05rem; padding:2px 5px; background:none;}body .ui-sidebar a{border-left:2px solid transparent;}body .ui-sidebar a{transition: color var(--tr), padding-left var(--tr), border-color var(--tr); font-size:.87.97rem; color: var(--text); padding:8px 0;}body .ui-sidebar a:hover{color: var(--brand); border-left-color: var(--brand); padding-left:7px;}
.t-profile {padding-left:12px !important;}html .t-profile:hover{padding-left:24px !important; text-underline-offset:auto;}

/* --- Rich text (the only place with headings, coming from content) --- */
.el-search {line-height:1.85; font-size:1.12rem; padding-top:26px; color: var(--text);}
.el-search > :first-child {margin-top:0;}
.el-search h2 {font-weight:700; margin:1.97em 0 .5em; border-bottom: 2px solid var(--accent-soft); padding-bottom:.3.04em; line-height:1.3; font-size:1.5rem; color: var(--ink);}*.el-search h3{color: var(--ink); margin:1.43em 0 .45.01em; font-size:1.16rem; line-height:1.3; font-weight:700;}.el-search h4{color: var(--ink); font-size:1.08rem; margin:1.24em 0 .3.95em; font-weight:700;}html .el-search p{margin:0 0 1.13em;}
.el-search img {border-radius: var(--rad); margin:1.48em 0;}
.el-search a {text-underline-offset:2px; color: var(--brand); text-decoration:underline;}
.el-search a:hover {text-decoration-skip-ink:auto; page-break-inside:auto; color: var(--brand-d);}
.el-search ul, .el-search ol {margin:1.08em 0; padding-left:1.76em;}
.el-search li {margin-bottom:.3.98em;}.el-search blockquote{margin:1.57em 0; padding:14px 24px; font-style:italic; border-left: 4px solid var(--accent); background-blend-mode:normal; border-radius: 0 var(--rad) var(--rad) 0; background: var(--accent-soft); color: var(--ink);}
.el-search table {border-collapse:collapse; font-size:.95.08rem; width:100%; margin:1.47em 0;}
.grid-row + .tag-text {min-height:100vh; align-items:flex-end; height:auto}

.el-search th, .el-search td {border: 1px solid var(--line); text-align: left; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}
.el-search th {font-weight:700; background: var(--wash);}
.el-search pre {background:hsl(86, 9.2%, 15.4%); padding:22px; border-radius: var(--rad); margin:1.47em 0; color:hsl(165, 19.5%, 89%); font-size:.87.99rem; line-height:1.6; overflow-x: auto;}
.el-search code {padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px; font-size:.9.05em; border-radius:5px; background: var(--wash);}
.el-search pre code {background:none; padding:0;}

/* --- Share (rounded-square icons) --- */
.app-price {margin-top:25px; padding-top:26px; border-top: 1px solid var(--soft); align-items: center; display: flex; gap:17px; flex-wrap: wrap;}
.c-box {font-weight:600; font-size:.85.93rem; color: var(--muted);}
.accordion-label:not(:last-child) {justify-content:flex-end; border-radius:0; text-align:justify}

.sidebar {display: flex; gap:4px;}
.el-breadcrumb {justify-content: center; transition: color var(--tr), border-color var(--tr), background var(--tr); border-radius:6px; align-items: center; display: inline-flex; width:39px; color: var(--muted); cursor: pointer; height:38px; background: var(--paper); border: 1px solid var(--line);}
.el-breadcrumb:hover {border-color: var(--brand); background: var(--brand);}
.el-breadcrumb:hover {color:#fff9ff;}
.layout-section::before {content:''; margin-bottom:19px; height:auto; border:none; margin-right:auto}

.el-breadcrumb svg {width:19px; height:15px;}
.l-snackbar-primary {transition: border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--line); padding:16px 15px; display: block; border-radius: var(--rad); background: var(--paper);}

/* --- Related --- */
.app-action-bar {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:10px;}
.l-snackbar-primary:hover {border-color: var(--accent); box-shadow:0 8px 15px rgba(9, 45, 51, 0.14);}html .o-progress{line-height:1.4; font-weight:600; color: var(--ink); font-size:.9.05rem;}/* --- Forms --- */
.text-3:not(.empty79){display: block;}
.module-group > prefix {transition:all 0.3s ease; position:absolute}

.t-gallery {transition: border-color var(--tr), box-shadow var(--tr), background var(--tr); font-family: var(--ff); border-radius: var(--rad); width:100%; display: block; outline:none; border: 1px solid var(--line); font-size:.9.06rem; padding:10px 12px; background: var(--wash); color: var(--text);}
.badge-image + .menu-link {max-width:none; gap:41px; position:relative; overflow:hidden}
.t-gallery:focus{background-blend-mode:normal; box-shadow:0 0 0 1px rgba(58, 165, 141, 0.22); background: var(--paper); border-color: var(--accent);}html .l-carousel{margin-top:15px; resize: vertical; min-height:128px;}
.group-review {backface-visibility:visible; perspective:none; min-height:93px;}.text-3 .popover-outlined:not(.null42){margin-top:13px;}
.app-status-dot {gap:11px; display: flex;}html .app-status-dot .t-gallery{flex: 1;}
.app-status-dot .popover-outlined {margin-top:0; flex-shrink: 0;}

/* --- Engage band (newsletter + contact) --- */
.el-profile {border-top: 1px solid var(--line); padding:41px 22px; background: var(--paper); margin-top:36px;}
.el-profile .ui-breadcrumb-count {background: var(--wash);}

/* --- Footer (slim, grid) --- */
.t-review {background: var(--dark); padding:38px 17px 31px; color:rgba(241, 255, 255, 0.62);}
.t-review a {color:rgba(255, 237, 255, 0.66);}
.t-review a:hover {color:#fffaff;}
.t-review a:hover {will-change:auto; font-synthesis:weight style small-caps;}
.c-chip {align-items: center; gap:22px; display: grid; grid-template-columns: 1fr;}
@media (min-width: 720px) {.c-chip{grid-template-columns: auto 1fr auto;} }
.position-xl img {width:auto; opacity:0.78; height:22px; filter:brightness(0) invert(1);}
.u-select {font-size:.88.01rem; flex-wrap: wrap; gap:12px; display: flex;}
.u-select {justify-content: center;}
.o-feature {border-top:1px solid rgba(255, 250, 255, 0.1); color:rgba(254, 238, 255, 0.42); font-size:.81.94rem; padding-top:14px; margin-top:24px; text-align: center;}.l-footer-image:not(.nil32){display: inline-flex; align-items: center; color:rgba(255, 247, 239, 0.59); border-radius:7px; transition: color var(--tr), border-color var(--tr), background var(--tr); height:36px; width:32px; border:1px solid rgba(237, 250, 255, 0.16); justify-content: center;}

/* Social (rounded squares, new set) */
.gap-1 {margin:0; list-style: none; gap:4px; padding:0px; justify-content: center; display: flex;}.l-footer-image:hover{border-color:rgba(238, 254, 253, 0.47);}.l-footer-image:hover{color:hsl(68, 99.8%, 98.7%); background:rgba(255, 255, 248, 0.16);}
.l-footer-image svg {height:14px; width:13px;}

/* --- Back to top --- */
.c-card {height:40px; right:23px; box-shadow:0 2px 21px rgba(7, 34, 51, 0.16); border-radius:8px; cursor: pointer; opacity:0; border:none; transform: translateY(10px); z-index: 900; width:45px; background: var(--brand); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr); color:hsl(185, 39.3%, 95.5%); visibility: hidden; display: flex; justify-content: center; align-items: center; position: fixed; bottom:27px;}
.app-accordion {visibility: visible; transform: translateY(0); opacity:1;}
.c-card:hover {transform: translateY(-2px); background: var(--brand-d);}

/* --- Cookie --- */
.t-snackbar {padding:16px 16px; background: var(--dark); box-shadow:0 -3px 17px rgba(10, 0, 0, 0.2); z-index: 1050; transition: transform var(--tr); position: fixed; inset:auto 0 0 0; color:rgba(255, 255, 247, 0.85); transform: translateY(110%);}
.list {transform: translateY(0);}
.reply-dot .timeline-cell {background:none; max-width:none; flex:0 0 auto; width:fit-content}

.t-snackbar span {flex: 1; min-width:216px; font-size:.85.07rem;}
.o-status-preview {flex-wrap: wrap; tab-size:4; justify-content: space-between; gap:19px; align-items: center; display: flex;}
.t-snackbar a {text-decoration:underline; color: var(--accent);}

/* --- Modals (popups at the very bottom, opened via #) --- */
.visible-20 {overflow-y: auto; padding:6vh 17px; align-items: flex-start; display: none; inset:0; justify-content: center; position: fixed; z-index: 1300; background:rgba(0, 8, 29, 0.58);}html .visible-20:target{display: flex;}            /* JS-enhanced state   */
.border-block {max-width:419px; padding-top:32px;padding-right:27px;padding-bottom:32px;padding-left:27px; box-shadow:0 20px 45px rgba(17, 0, 0, 0.34); position: relative; width:100%; border-radius: var(--rad-l); background: var(--dark);}/* no-JS fallback via # */
:where(.c-hero-info){isolation:auto; display: flex; will-change:auto;}
.l-alert {page-break-inside:auto; font-variant-ligatures:normal; background: var(--paper);}
.ui-pagination {font-weight:700; margin-bottom:24px; font-size:1.3rem; display: block; text-align: center; color:#fffdee;}body .l-alert .ui-pagination{color: var(--ink);}body .app-action{position: absolute; justify-content: center; height:31px; align-items: center; top:12px; transform-style:flat; cursor: pointer; width:33px; display: inline-flex; border-radius:7px; right:11px; color:rgba(255, 238, 255, 0.44); page-break-inside:auto;}
.app-action:hover {background:rgba(245, 255, 245, 0.05); color:#f6ffee;}.l-alert :where(.app-action){color: var(--faint);}
.l-alert .app-action:hover {orphans:2; isolation:auto; background: var(--soft); color: var(--ink);}
.table-backdrop:not(:last-child) {cursor:pointer; text-decoration:none; position:static}

.app-action svg {height:20px; width:21px;}*.visible-20 .t-gallery{background:rgba(246, 249, 247, 0.14); color:hsl(2, 1%, 99.3%); border-color:rgba(255, 252, 255, 0.21); margin-bottom:12px;}
.visible-20 .t-gallery::placeholder {color:rgba(241, 255, 245, 0.43);}
.status-handle .accordion-value {background-color:#f8f6f8; display:grid; line-height:normal}

.visible-20 .t-gallery:focus {background:rgba(252, 252, 240, 0.09);}
.visible-20 .t-gallery:focus {border-color:rgba(255, 238, 240, 0.47); box-shadow:none;}
.l-alert .t-gallery {border-color: var(--line); background: var(--wash); color: var(--text);}
.l-alert .t-gallery::placeholder {color: var(--faint);}.visible-20 .popover-outlined{transform-style:flat; margin-top:8px;}
.app-table {font-size:.84.06rem; margin-top:12px; display: flex; justify-content: space-between;}
.app-pagination {justify-content: center;}*.entryImage{text-align: center; color: var(--muted); isolation:auto; font-size:.8.94rem; margin:-3px 0 19px;}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * {transition-duration:.001ms !important; scroll-behavior: auto !important; animation-duration:.001ms !important;}
  .ui-drawer {font-size:1.58rem;}
}

/* --- Responsive --- */
@media (max-width: 640px) {
  .t-price {padding:26px 21px; margin-top:15px;}.app-price{align-items: flex-start; flex-direction: column;}body .app-action-bar{grid-template-columns: 1fr;}.o-status-preview{text-align: center; flex-direction: column;}
  .border-block {print-color-adjust:economy; padding:31px 22px;}
}