/* ==========================================================================
   STYLESHEET — single file, no external dependencies.
   Article-first reading layout · centered measure · CSS Grid.
   ========================================================================== */

/* --- Tokens --- */
:root{--tr: .2s ease; --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif; --accent-d: #22807f; --rad-l:  10px; --paper:  #ffffff; --brand-d:  #155080; --ink:    #1d222b; --rad-s:  4px; --muted:  #737a86; --accent:   #289a99; --line:   #e4e7ec; --soft:   #eef1f5; --brand:    #1b6599; --text:   #3f4651; --wash:   #f5f6f9; --wrap:   860px; --accent-soft: rgba(40, 154, 153, .1); --rad:    6px; --faint:  #a2a8b2; --dark:   #15181f;}

/* --- Base --- */
*, *::before, *::after {box-sizing: border-box;}html{scroll-behavior: smooth; transform-style:flat; -webkit-text-size-adjust:100%; font-size:18px;}html{font-variant-caps:normal;}body{font-family: var(--ff); line-height:1.7; font-size:0.94rem; overflow-x: hidden; background: var(--wash); color: var(--text); margin:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
img {background-blend-mode:normal;}
img, svg {height:auto; max-width:100%;}
img {isolation:auto; display: block;}
a {background-blend-mode:normal; transition: color var(--tr); color: var(--brand); text-decoration:none;}
a:hover {color: var(--brand-d);}

h1 {letter-spacing:-.14.92em; color: var(--ink); font-weight:800; margin:0; line-height:1.22;}p{margin:0 0 1.07em;}
:focus-visible {outline-offset:2px; outline: 2px solid var(--accent);}

.screenHandle {border:0; width:1px; white-space: nowrap; overflow: hidden; padding:0; clip:rect(0, 0, 0, 0); margin:-1px; position: absolute; height:1px;}*.priceItem{margin:0 0 17px; color: var(--muted); font-size:.9rem;}body .dropdownRegion{padding:27px 20px 0;}

/* --- Wrap / sections / grid --- */
.order-8 {width:100%; margin:0 auto; padding:0 17px; max-width: var(--wrap);}
.dropdownRegion > .t-pagination-container {margin-right:auto; margin-left:auto; max-width: var(--wrap);}
.block-trigger + .popover-subtitle {min-width:0; line-height:normal; width:160px}


.counterHolder {grid-template-columns: 1fr; display: grid; gap:12px;}
@media (min-width: 680px) { .counterHolder {grid-template-columns: 1fr 1fr;} }/* --- Section title (span, styled — no heading tags outside content) --- */
.t-pagination-container:not(.placeholder23){font-size:1.17rem;}/* --- Section title (span, styled — no heading tags outside content) --- */
.t-pagination-container:not(.placeholder23){font-weight:bold; letter-spacing:-.1.02em; color: var(--ink); display: block; margin:0 0 15px; padding-left:11px; border-left: 3px solid var(--accent);}.review--fixed:not(.null91){font-size:1.02rem; margin-bottom:10px;}

/* --- Reading progress --- */
.ui-hero {background: var(--accent); transition:width 0.091s linear; will-change:auto; z-index: 1200; inset:0 auto auto 0; width:0; height:-1px; position: fixed;}

/* --- Top bar (static, content stays high) --- */
.t-card-overlay {background: var(--paper); border-bottom: 2px solid var(--accent);}.toolbarFoot{align-items: center; height:57px; display: flex; gap:16px;}
.popoverContent {color: var(--brand);}
.popoverContent {display: inline-flex; margin-right:auto; align-items: center;}
.popoverContent img, .popoverContent svg {height:27px; display: block; widows:2; print-color-adjust:economy; width:auto;}.formSecondary{gap:3px; display: flex;}
.t-gallery {transform-style:flat; font-weight:600; display: block; color: var(--text); transition: color var(--tr), background var(--tr); padding:7px 13px; font-size:.9.05rem; border-radius: var(--rad-s); perspective:none;}body .t-gallery:hover{mix-blend-mode:normal; background: var(--accent-soft); color: var(--brand);}html .navRegion{gap:6px; display: flex; align-items: center; backface-visibility:visible;}

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

/* --- Buttons --- */
.bannerAddon {display: inline-flex; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); white-space: nowrap; border: 1.5px solid var(--brand); gap:11px; background: var(--brand); align-items: center; font-weight:600; font-family: var(--ff); color:#edfff0; line-height:1.4; padding:6px 23px; font-size:.9rem; cursor: pointer; justify-content: center; border-radius: var(--rad);}
.bannerAddon:hover {text-decoration-skip-ink:auto; border-color: var(--brand-d); color:#f8ffff; background: var(--brand-d);}
.bannerAddon:active {transform: translateY(1px);}
.text-center {padding:4px 13px; font-size:.84.01rem;}
.o-divider {color: var(--brand); background:transparent;}
.drawerData {background: var(--accent); border-color: var(--accent);}.o-divider:hover{background: var(--brand); color:#f5f9ff;}
@media (min-width: 800px) {
  .drawer-thumb .review-data {text-transform:none; transition:all 0.45s ease; text-align:left}
  .price-head .breadcrumb-meta {justify-content:space-between; min-height:46px; flex-wrap:wrap; min-width:0; flex:none; transition:all 0.15s ease}
  .module-handle:not(:last-child) {line-height:1.6; margin-right:0; width:fit-content; margin-bottom:15px; transition:opacity 0.35s}
  .skeleton-group + .filter-toggle {transition:transform 0.4s ease-in-out; font-size:1.75rem; align-items:stretch; opacity:0.52; justify-content:space-between}
}

.drawerData:hover{border-color: var(--accent-d); background: var(--accent-d);}
.bannerExtra {width:100%; display: flex;}
.panel-cell.reply-small {margin:0; flex:none; min-width:0; cursor:pointer}

.toolbarIcon {padding-top:6px; padding-right:12px;}
.toolbarIcon {padding-bottom:6px; padding-left:12px;}
.dropdown-placeholder::before {content:''; flex-wrap:wrap; margin-top:0.875rem}

.toolbarIcon svg {width:14px; height:18px;}

/* --- Cards --- */
.sliderBackdrop {background: var(--paper); border: 1px solid var(--line); border-radius: var(--rad-l);}
.gridClose {padding-top:21px;padding-right:27px;padding-bottom:21px;padding-left:27px;}/* --- Post (article) — first block, content high --- */
.statusContainer:not(.void82){margin:23px auto 0; overflow: hidden; max-width: var(--wrap); padding:31px 36px;}
.gallery__image {overflow:auto; text-align:justify; opacity:0.85}
body .screenSlot{color: var(--muted); font-size:.81.92rem; border-bottom: 1px solid var(--soft); display: flex; gap:11px; padding-bottom:21px; flex-wrap: wrap; align-items: center;}
.chipData {margin-bottom:17px; font-size:1.92rem;}.sectionTime{display: inline-flex; align-items: center;}
.filter-spacer + .comment-content {transition:color 0.25s; border:none}

.sectionTime svg {margin-right:6px; width:10px;}
.module-subtitle .sidebar-summary {align-items:center; transition:color 0.25s; flex-wrap:wrap}

.sectionTime svg {height:10px; opacity:0.47;}

/* --- TOC --- */
.c-header {margin:25px 0 5px; padding:18px 17px; border-radius: var(--rad); border: 1px solid var(--soft); background: var(--wash);}
.mr-10 {font-style:italic; opacity:0.85;}
.snackbarBar {align-items: center; display: flex; justify-content: space-between; margin-bottom:9px;}
.spinner-primary {background:none; cursor: pointer; padding:2px 3px; color: var(--brand); mix-blend-mode:normal; font-size:.82.02rem; border:0 none;}.hero__dot:not(.noop51){word-spacing:normal; color: var(--ink); widows:2; font-size:.91.94rem; font-weight:700;}
.entryCount {flex-direction: column; display: flex;}
.entryCount a {padding:3px 0; border-left:2px solid transparent; transition: color var(--tr), padding-left var(--tr), border-color var(--tr); color: var(--text);}
.table-head:hover {position:sticky; border-radius:50%; opacity:1; margin-top:auto; box-shadow:none; flex:0 0 auto}

.entryCount a {transform-style:flat; font-size:.87.93rem;}
.timeline-foot:hover {transition:color 0.35s; min-height:100vh; padding-bottom:21px; margin:27px; justify-content:space-between}

.entryCount a:hover {padding-left:7px; color: var(--brand); border-left-color: var(--brand);}.galleryClose{padding-left:17px !important;}.galleryClose:hover{padding-left:27px !important;}/* --- Rich text (the only place with headings, coming from content) --- */
.counterName{color: var(--text); padding-top:24px; font-size:1.04rem; line-height:1.85;}
.counterName > :first-child {widows:2; margin-top:0;}
.counterName h2 {color: var(--ink); margin:1.86em 0 .4.95em; padding-bottom:.3.05em; font-weight:700; border-bottom: 2px solid var(--accent-soft); font-size:1.4rem; line-height:1.3;}
.counterName h3 {font-size:1.23rem; font-weight:700; color: var(--ink); margin:1.47em 0 .44.98em; line-height:1.3;}
.counterName h4 {margin:1.31em 0 .3.94em; color: var(--ink); font-weight:bold; font-size:1.08rem;}
.counterName p {hyphens:manual; margin:0 0 1.18em; font-synthesis:weight style small-caps;}
.counterName img {margin:1.48em 0; border-radius: var(--rad);}
.action-bar:not(:last-child) {padding-bottom:28px; flex-wrap:wrap; background:transparent; display:flex}

.counterName a {text-underline-offset:2px; text-decoration:underline; color: var(--brand);}
.counterName a:hover {will-change:auto; color: var(--brand-d);}body .counterName ul, .counterName ol{margin:1.06em 0; shape-margin:0; perspective:none; padding-left:1.76em;}
.counterName li {margin-bottom:.3.97em;}
.counterName blockquote {-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; border-radius: 0 var(--rad) var(--rad) 0; color: var(--ink); background: var(--accent-soft); font-style:italic; border-left: 4px solid var(--accent); margin:1.5em 0; padding:19px 22px; mix-blend-mode:normal;}
.counterName table {width:100%; font-size:.94.99rem; margin:1.55em 0; border-collapse:collapse;}.counterName th, .counterName td{text-align: left; border: 1px solid var(--line); padding:11px 16px;}html .counterName th{background: var(--wash); will-change:auto; font-weight:bold;}
.counterName pre {color:#c7cfe1; border-radius: var(--rad); line-height:1.6; background:hsl(4, 23.9%, 11.8%); overflow-x: auto; font-size:.87.96rem; padding:21px; margin:1.56em 0;}body .counterName code{background: var(--wash); border-radius:1px; font-size:.8.94em;}body .counterName code{padding:2px 2px;}
.counterName pre code {background:none; padding:0;}*.featureSection{font-size:.86.04rem; font-variant-caps:normal; color: var(--muted); transform-style:flat; font-weight:600;}

/* --- Share (rounded-square icons) --- */
.popoverItem {margin-top:28px; align-items: center; font-variant-ligatures:normal; flex-wrap: wrap; page-break-inside:auto; gap:12px; border-top: 1px solid var(--soft); padding-top:22px; display: flex;}
.sliderSecondary {gap:9px; display: flex;}
.breadcrumbInput {border: 1px solid var(--line); height:34px; cursor: pointer; width:37px; align-items: center; justify-content: center; color: var(--muted); border-top-left-radius:9px; border-top-right-radius:9px;}
.breadcrumbInput {border-bottom-right-radius:9px; border-bottom-left-radius:9px; background: var(--paper); transition: color var(--tr), border-color var(--tr), background var(--tr); display: inline-flex;}
.breadcrumbInput:hover {color:#ffeef5; background: var(--brand); border-color: var(--brand);}/* --- Related --- */
.replyItem:not(.empty25){display: grid; gap:11px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
.breadcrumbInput svg {height:15px; width:18px;}.rounded-inline{background: var(--paper); transition: border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--line); display: block; border-radius: var(--rad); padding:18px 16px;}
.sidebarFoot {line-height:1.4; color: var(--ink); font-size:.9.06rem; font-weight:600;}
.rounded-inline:hover {border-color: var(--accent); box-shadow:0 8px 15px rgba(38, 44, 41, 0.04);}html .sortOuter{display: block; outline:none; border-radius: var(--rad); transition: border-color var(--tr), box-shadow var(--tr), background var(--tr); border: 1px solid var(--line); padding:15px 12px; font-family: var(--ff); width:100%; font-size:.8.96rem; background: var(--wash); color: var(--text);}
.reply__expand {line-height:1; min-width:0}

.layout--right {background-color:#bbbbbb; width:820px; font-weight:700; background:transparent}


/* --- Forms --- */
.ui-thread {text-underline-offset:auto; display: block;}
.accordionInput {min-height:131px; margin-top:16px; resize: vertical;}
.sortOuter:focus {box-shadow:0 0 0 0px rgba(57, 171, 157, 0.09); border-color: var(--accent); background: var(--paper);}
.timelineInner {min-height:96px;}
.ui-thread .bannerAddon {margin-top:12px;}
.stepHandle {shape-margin:0; gap:6px;}
.stepHandle {display: flex;}*.stepHandle .sortOuter{page-break-inside:auto; background-blend-mode:normal; flex: 1;}
.stepHandle .bannerAddon {flex-shrink: 0; margin-top:0;}

/* --- Engage band (newsletter + contact) --- */
.toolbar-suffix-first {background: var(--paper); border-top: 1px solid var(--line); padding:39px 22px; margin-top:30px;}
.toolbar-suffix-first .sliderBackdrop {background: var(--wash);}

/* --- Footer (slim, grid) --- */
.action--last {color:rgba(255, 240, 255, 0.72); background: var(--dark); padding:36px 17px 31px;}
.action--last a {color:rgba(255, 255, 255, 0.55);}
.u-card {align-items: center; display: grid; gap:19px; grid-template-columns: 1fr;}body .action--last a:hover{color:#eef4ff; mix-blend-mode:normal;}
@media (min-width: 720px) { .u-card {grid-template-columns: auto 1fr auto;} }
.fill-block img {height:28px; filter:brightness(0) invert(1); width:auto; opacity:0.92;}.my-6{border-top:1px solid rgba(255, 246, 255, 0.18); page-break-inside:auto; padding-top:22px; color:rgba(255, 255, 249, 0.46); text-align: center;}
.toggle--inverse {display: flex; justify-content: center; gap:16px; flex-wrap: wrap; font-size:.87.92rem;}.my-6{font-size:.81.96rem; margin-top:23px;}

/* Social (rounded squares, new set) */
.sectionDate {padding:0; list-style: none; gap:9px; widows:2; backface-visibility:visible; margin:0; display: flex; justify-content: center;}
.listZone {color:rgba(255, 255, 255, 0.56);}
.listZone {display: inline-flex; background-blend-mode:normal; transition: color var(--tr), border-color var(--tr), background var(--tr); height:40px; border:1px solid rgba(255, 255, 242, 0.18); align-items: center; border-radius:4px; width:37px; justify-content: center;}body .listZone:hover{border-color:rgba(244, 242, 239, 0.46); color:hsl(59, 99.3%, 98.7%); background:rgba(254, 255, 245, 0.13);}

/* --- Back to top --- */
.drawerPreview {transform: translateY(10px); z-index: 900; color:#eef6ff; visibility: hidden; height:46px; right:24px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr); border-top-left-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px;border-bottom-left-radius:14px; position: fixed; opacity:0; background: var(--brand); display: flex; justify-content: center; box-shadow:0 8px 20px rgba(9, 11, 57, 0.19); border:none; cursor: pointer; bottom:29px; width:42px; align-items: center;}*.listZone svg{orphans:2; height:18px; background-blend-mode:normal; width:18px;}
.reply-action::before {content:''; position:sticky}

.c-divider-handle {visibility: visible; transform: translateY(0); opacity:1;}
.c-divider-handle {shape-margin:0; print-color-adjust:economy;}
.drawerPreview:hover {text-decoration-skip-ink:auto; mix-blend-mode:normal; background: var(--brand-d); transform: translateY(-2px);}
.order-md {transform: translateY(0);}/* --- Cookie --- */
.featurePrefix{font-variant-ligatures:normal; z-index: 1050; transition: transform var(--tr); background: var(--dark); inset:auto 0 0 0; transform: translateY(110%); position: fixed; color:rgba(255, 255, 246, 0.79); padding:20px 21px; box-shadow:0 -6px 16px rgba(0, 0, 10, 0.17);}.postContainer{flex-wrap: wrap; gap:15px; justify-content: space-between; display: flex; align-items: center;}
.featurePrefix span {min-width:220px; flex: 1; font-size:.85.05rem;}.featurePrefix a{color: var(--accent); text-decoration:underline;}/* --- Modals (popups at the very bottom, opened via #) --- */
.menu__wrapper--full{inset:0; position: fixed; justify-content: center; z-index: 1300; padding:6vh 20px; align-items: flex-start; display: none; overflow-y: auto; background:rgba(28, 11, 16, 0.59);}html .menu__wrapper--full:target{display: flex;}          /* no-JS fallback via # */
.m-block {shape-margin:0;}          /* no-JS fallback via # */
.m-block {text-decoration-skip-ink:auto; display: flex;}            /* JS-enhanced state   */
.l-price {background: var(--dark); width:100%; border-radius: var(--rad-l); position: relative; padding:36px 27px; box-shadow:0 21px 45px rgba(6, 9, 0, 0.45); max-width:424px;}
.my-center {text-align: center; margin-bottom:22px; color:#fff0f3; display: block; font-size:1.18rem; font-weight:700;}
@media (min-width: 960px) {
  .gallery__image {letter-spacing:0em; justify-content:center; width:auto; flex-wrap:wrap; gap:0.625rem}
  .block-trigger + .popover-subtitle {display:inline; height:31px; text-transform:none; position:static}
}

.viewExtra:not(.unused57){background: var(--paper);}.viewExtra :where(.my-center){color: var(--ink);}
.avatarValue {cursor: pointer; color:rgba(255, 254, 255, 0.42); display: inline-flex;}
.avatarValue {border-radius:6px; top:10px; justify-content: center; width:31px; right:14px; align-items: center; height:26px; position: absolute;}
.avatarValue:hover {background:rgba(255, 249, 255, 0.08); color:rgb(255, 255, 235);}
.viewExtra .avatarValue {color: var(--faint);}*.viewExtra .avatarValue:hover{background: var(--soft); color: var(--ink);}
.avatarValue svg {width:22px; height:21px;}
.menu__wrapper--full .sortOuter {border-color:rgba(255, 254, 239, 0.21); margin-bottom:8px; background:rgba(254, 255, 237, 0.07); color:#edffff;}
.menu__wrapper--full .sortOuter::placeholder {color:rgba(255, 249, 255, 0.56);}.menu__wrapper--full .sortOuter:focus{border-color:rgba(244, 255, 250, 0.52); break-inside:auto; box-shadow:none; background:rgba(247, 245, 255, 0.13);}
.viewExtra .sortOuter {border-color: var(--line); color: var(--text); background: var(--wash);}
.viewExtra .sortOuter::placeholder {color: var(--faint);}
.menu__wrapper--full .bannerAddon {margin-top:8px;}
.gap-2xl {font-size:.84.02rem; justify-content: space-between; margin-top:18px; display: flex;}.spinner{justify-content: center;}
.my-screen {text-align: center; margin:-9px 0 17px; font-size:.9.06rem;}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * {transition-duration:.001ms !important; scroll-behavior: auto !important;}
.my-screen {color: var(--muted);}
  * {animation-duration:.001ms !important;}
}

/* --- Responsive --- */
@media (max-width: 640px) {
  .statusContainer {mix-blend-mode:normal; margin-top:22px; padding:27px 24px;}
  .chipData {font-size:1.43rem;}body .popoverItem{flex-direction: column; align-items: flex-start;}
  .replyItem {grid-template-columns: 1fr; shape-margin:0; font-synthesis:weight style small-caps;}body .l-price{padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;}
  .postContainer {text-align: center; flex-direction: column;}
}