/* --- Base --- */
*, *::before, *::after {contain:none; transform-style:flat;}/* ==========================================================================
   STYLESHEET — single file, no external dependencies.
   Article-first reading layout · centered measure · CSS Grid.
   ========================================================================== */

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

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

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

p {margin:0 0 1.14em;}
:focus-visible {outline-offset:2px; outline: 2px solid var(--accent);}
.paginationDot {margin:0 0 17px; color: var(--muted); font-size:.9.05rem;}

.action__extra--disabled {margin:-1px; white-space: nowrap; border:0 none; height:1px; clip:rect(0, 0, 0, 0); overflow: hidden; position: absolute; width:1px; padding:0;}

/* --- Wrap / sections / grid --- */
.search__holder--vertical {margin:0 auto; width:100%; padding:0 24px; max-width: var(--wrap);}.skeleton--warning{padding:34px 20px 0;}
.skeleton--warning > .c-accordion-overlay {margin-left:auto; max-width: var(--wrap); margin-right:auto;}

.commentDate {grid-template-columns: 1fr;}

.commentDate {gap:12px; display: grid;}
@media (min-width: 680px) { .commentDate {text-rendering:auto; grid-template-columns: 1fr 1fr;} }.chip{font-size:0.94rem; margin-bottom:9px;}

/* --- Section title (span, styled — no heading tags outside content) --- */
.c-accordion-overlay {border-left: 3px solid var(--accent); color: var(--ink); display: block; font-size:1.17rem; padding-left:16px; letter-spacing:-.0.98em; font-weight:700; margin:0 0 15px;}

/* --- Reading progress --- */
.grid__group {height:-1px; width:0; position: fixed; z-index: 1200; inset:0 auto auto 0; background: var(--accent); transition:width 0.068s linear;}
.reply__subtitle {display: flex; height:62px; gap:16px; align-items: center;}

/* --- Top bar (static, content stays high) --- */
.grid--highlight {border-bottom: 2px solid var(--accent); background: var(--paper);}body .review__summary--horizontal{margin-right:auto; align-items: center; color: var(--brand); display: inline-flex;}
.review__summary--horizontal img, .review__summary--horizontal svg {display: block; width:auto; height:29px;}.tabs{display: flex; gap:7px;}
.footer--rounded {transition:transform 0.5s ease-in-out; font-weight:400}

.py-sm {color: var(--text); font-weight:600; border-radius: var(--rad-s); padding-top:9px;padding-right:14px;padding-bottom:9px;padding-left:14px; transition: color var(--tr), background var(--tr); display: block; font-size:.9.01rem;}
.tag-foot:not(:last-child) {transition:opacity 0.5s; letter-spacing:0.1em; height:25px; display:block}
*.py-sm:hover{background: var(--accent-soft); color: var(--brand);}*.breadcrumb__backdrop{align-items: center; widows:2; gap:9px; display: flex;}

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

/* --- Buttons --- */
.section--active {line-height:1.4; cursor: pointer; white-space: nowrap; padding:11px 16px; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); display: inline-flex; gap:4px; background: var(--brand); border: 1.5px solid var(--brand); border-radius: var(--rad); font-family: var(--ff); justify-content: center; font-size:.9.06rem; color:rgb(248, 238, 239); font-weight:600; align-items: center;}
.section--active:hover {transform-style:flat; border-color: var(--brand-d); color:#fffff1; background: var(--brand-d);}
.section--active:active {transform: translateY(1px);}.counter__body--inverse{font-size:.84.01rem; padding-top:3px;padding-right:11px;padding-bottom:3px;padding-left:11px;}
.form__area {color: var(--brand); background:transparent;}
.mx-2 {border-color: var(--accent); background: var(--accent);}*.form__area:hover{background: var(--brand); color:#fff0f2;}
.mx-2:hover {border-color: var(--accent-d); background: var(--accent-d);}
.card__cap {width:100%; display: flex;}
.snackbar {padding:14px 12px;}
.snackbar svg {width:20px; height:15px;}
.sort-handle:not(:last-child) {height:100%; color:inherit; margin-top:0.625rem; transition:transform 0.4s ease-in-out}
*.post__meta--active{padding:20px 28px;}

/* --- Cards --- */
.profile--highlight {border-radius: var(--rad-l); border: 1px solid var(--line); background: var(--paper);}
.tableRow {font-size:1.93rem; margin-bottom:13px;}/* --- Post (article) — first block, content high --- */
.module__action{max-width: var(--wrap); margin:23px auto 0; overflow: hidden; padding-top:37px;padding-right:36px;padding-bottom:37px;padding-left:36px;}
.rating__thumb {display: inline-flex; align-items: center;}
.c-grid-cap {align-items: center; flex-wrap: wrap; padding-bottom:25px; font-size:.81.94rem; color: var(--muted); display: flex; border-bottom: 1px solid var(--soft); gap:13px;}
.rating__thumb svg {margin-right:1px; mix-blend-mode:normal; opacity:0.47; height:13px; width:17px;}*.badge__extra{opacity:0.72; font-style:italic;}/* --- TOC --- */
.price--outlined:not(.unused55){border-radius: var(--rad); padding:19px 19px; background: var(--wash); margin:23px 0 0px; border: 1px solid var(--soft);}
.counter__link {justify-content: space-between; display: flex; margin-bottom:7px; align-items: center; tab-size:4;}
.menu-info {color: var(--ink); font-size:.91.95rem; font-weight:700;}
.sidebar__value--large {padding:2px 4px; cursor: pointer; background:none; border:0 none; color: var(--brand); font-size:.81.94rem;}
.feature {flex-direction: column; display: flex;}
.feature a {padding:2px 0; border-left:2px solid transparent; color: var(--text); transition: color var(--tr), padding-left var(--tr), border-color var(--tr); font-size:.88.06rem;}html .feature a:hover{color: var(--brand); border-left-color: var(--brand); padding-left:11px;}
.screen--bottom {padding-left:12px !important;}
@media (max-width: 1200px) {
  #carousel-container {padding-right:0.75rem; height:auto; border:none; margin-bottom:1.25rem}
  .chip-icon {display:inline-block; padding:45px 34px; letter-spacing:normal; min-height:30px}
  .sort-handle:not(:last-child) {position:static; transition:opacity 0.5s; align-items:center; gap:1.75rem}
  .pagination-content.entry-bottom {min-width:35px; border:1px solid #e6f2f4; height:8px; flex:0 0 auto; max-width:100px}
}


.screen--bottom:hover {padding-left:20px !important;}/* --- Rich text (the only place with headings, coming from content) --- */
:where(.footer--expanded){padding-top:25px; color: var(--text); line-height:1.85; font-size:1.13rem;}
.footer--expanded > :first-child {margin-top:0;}*.footer--expanded h2{font-size:1.36rem; margin:1.84em 0 .5.03em; line-height:1.3; border-bottom: 2px solid var(--accent-soft); color: var(--ink); font-weight:bold; padding-bottom:.2.97em;}.footer--expanded h3{font-size:1.21rem; margin:1.44em 0 .44.99em; font-weight:bold; line-height:1.3;}.footer--expanded h3{color: var(--ink);}
.footer--expanded h4 {font-weight:bold; font-size:1.06rem; print-color-adjust:economy; color: var(--ink); margin:1.25em 0 .4.06em;}
.footer--expanded p {margin:0 0 1.1em;}
.footer--expanded img {margin:1.57em 0; border-radius: var(--rad);}
.footer--expanded a {text-underline-offset:2px; text-decoration:underline; break-inside:auto; color: var(--brand);}.footer--expanded a:hover{color: var(--brand-d);}
.footer--expanded ul, .footer--expanded ol {margin:0.95em 0; padding-left:1.68em;}
#carousel-container {letter-spacing:normal; box-shadow:none; padding-top:0.375rem; display:table}

.footer--expanded li {margin-bottom:.3.97em;}
.footer--expanded blockquote {color: var(--ink); padding:20px 19px; background: var(--accent-soft); margin:1.46em 0; border-left: 4px solid var(--accent); font-style:italic; border-radius: 0 var(--rad) var(--rad) 0;}
.footer--expanded table {font-size:.95.08rem; width:100%; border-collapse:collapse; margin:1.51em 0;}
.footer--expanded th, .footer--expanded td {padding-top:14px;padding-right:11px;padding-bottom:14px;padding-left:11px; border: 1px solid var(--line); text-align: left;}
.footer--expanded th {font-weight:bold; background: var(--wash);}*.footer--expanded pre{line-height:1.6; overflow-x: auto; font-size:.87.92rem; margin:1.48em 0; color:#c7ecf3; background:#0d163a; padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; border-radius: var(--rad);}
.footer--expanded code {background: var(--wash); padding:2px 10px; font-size:.9.04em; border-radius:0 none;}
.footer--expanded pre code {page-break-inside:auto; padding:0; background:none;}/* --- Share (rounded-square icons) --- */
.toolbar-vertical{align-items: center; border-top: 1px solid var(--soft); display: flex; margin-top:30px; gap:10px; flex-wrap: wrap; padding-top:20px;}.filter__spacer--wide{color: var(--muted); font-weight:600; font-size:.85.96rem;}
.divider__body {gap:10px; display: flex;}
.status__count {transition: color var(--tr), border-color var(--tr), background var(--tr); border: 1px solid var(--line); justify-content: center; background: var(--paper); color: var(--muted); cursor: pointer; display: inline-flex; height:35px; align-items: center; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; width:41px;}
.status__count:hover {color:#eeffff;}
.status__count:hover {background: var(--brand); border-color: var(--brand);}
.status__count svg {width:17px; height:18px;}

/* --- Related --- */
.slider--filled {grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:11px; display: grid;}
.page__fill--alt {display: block; border: 1px solid var(--line); transition: border-color var(--tr), box-shadow var(--tr); padding-top:11px;}
.page__fill--alt {padding-right:12px; padding-bottom:11px; padding-left:12px; background: var(--paper); border-radius: var(--rad);}
.page__fill--alt:hover {border-color: var(--accent); box-shadow:0 2px 15px rgba(14, 16, 43, 0.14);}
.feature__thumb {font-weight:600; line-height:1.4; color: var(--ink); font-size:.9rem; background-blend-mode:normal;}

/* --- Forms --- */
.app-tabs-suffix {display: block;}
.list__bar--elevated {outline:none; transition: border-color var(--tr), box-shadow var(--tr), background var(--tr); font-family: var(--ff); display: block; width:100%; background: var(--wash); padding:11px 11px; color: var(--text);}
.list__bar--elevated {font-size:.8.92rem; border-radius: var(--rad); border: 1px solid var(--line);}
.panel-trigger:first-child {align-items:baseline; justify-content:flex-start}

.list__bar--elevated:focus {background: var(--paper); border-color: var(--accent); break-inside:auto;}
.list__bar--elevated:focus {box-shadow:0 0 0 0px rgba(40, 151, 142, 0.16);}
.skeleton__row--full {margin-top:11px;}
.skeleton__row--full {min-height:127px; resize: vertical;}
.nav__spacer--expanded {break-inside:auto; font-synthesis:weight style small-caps; min-height:92px;}
.app-tabs-suffix .section--active {margin-top:13px;}html .status{display: flex; gap:6px;}
.status .list__bar--elevated {flex: 1;}
.stepper-holder:not(:last-child) {text-transform:capitalize; gap:21px; width:100%; background-color:#0b53e3; transition:transform 0.35s ease-in-out; color:currentColor}

.status .section--active {flex-shrink: 0; margin-top:0;}

/* --- Engage band (newsletter + contact) --- */
.reply--primary {padding-top:42px;padding-right:18px;padding-bottom:42px;padding-left:18px; background: var(--paper); border-top: 1px solid var(--line); margin-top:32px;}
.pagination-content.entry-bottom {transition:opacity 0.25s; gap:0.375rem; padding-bottom:2rem; margin:0 auto; flex-wrap:wrap; padding-left:17px}

.reply--primary .profile--highlight {background: var(--wash);}

/* --- Footer (slim, grid) --- */
.tooltip {padding:33px 21px 27px; color:rgba(244, 243, 255, 0.66); background: var(--dark);}
.tooltip a {color:rgba(255, 255, 237, 0.52);}
.tooltip a:hover {widows:2; word-spacing:normal; color:#fbf4f6;}html .snackbar__meta--fluid{grid-template-columns: 1fr; gap:20px; align-items: center; display: grid;}
@media (min-width: 720px) { .snackbar__meta--fluid {grid-template-columns: auto 1fr auto;} }.form:not(.null83){flex-wrap: wrap; justify-content: center; font-size:.88.04rem; display: flex; gap:19px;}
.grid img {width:auto; filter:brightness(0) invert(1); height:30px; opacity:0.81;}
.heroCount {font-size:.82.02rem; padding-top:19px; margin-top:21px; border-top:1px solid rgba(239, 241, 255, 0.05); text-align: center; color:rgba(238, 255, 255, 0.54);}/* Social (rounded squares, new set) */
:where(.reply__preview--dark){margin:0; gap:4px; justify-content: center; display: flex; padding:0; list-style: none;}
.alert__addon--secondary {border-radius:12px; justify-content: center; align-items: center; color:rgba(244, 243, 251, 0.47); border:1px solid rgba(255, 255, 240, 0.1); transition: color var(--tr), border-color var(--tr), background var(--tr); display: inline-flex;}
.alert__addon--secondary {width:38px; height:34px;}
.alert__addon--secondary:hover {border-color:rgba(255, 248, 245, 0.42); background:rgba(255, 255, 255, 0.09); color:#f9fff6;}
.alert__addon--secondary svg {height:15px; width:19px;}

/* --- Back to top --- */
.chip__handle {background: var(--brand); z-index: 900; border:0; position: fixed; border-top-left-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px;border-bottom-left-radius:14px; visibility: hidden; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr); opacity:0; color:rgb(243, 255, 246); right:30px; width:41px; transform: translateY(10px); align-items: center; justify-content: center; bottom:29px; box-shadow:0 5px 23px rgba(26, 17, 57, 0.19); cursor: pointer; display: flex; height:46px;}.page__row--top{transform: translateY(0); visibility: visible; opacity:1;}
.chip__handle:hover {background: var(--brand-d); transform: translateY(-2px);}

/* --- Cookie --- */
.layout__track {background: var(--dark); padding:14px 20px; z-index: 1050; inset:auto 0 0 0; transform: translateY(110%); color:rgba(255, 245, 255, 0.86); box-shadow:0 -3px 15px rgba(0, 0, 0, 0.12); position: fixed; transition: transform var(--tr);}
.spinner {transform: translateY(0);}
.chip-icon {margin:0.875rem; min-width:0}
.stepper-region:not(.skip25){display: flex; justify-content: space-between; gap:16px; flex-wrap: wrap; align-items: center;}
.layout__track span {background-blend-mode:normal; font-size:.85.08rem; text-rendering:auto; flex: 1; min-width:218px;}
.layout__track a {color: var(--accent); text-decoration:underline;}

/* --- Modals (popups at the very bottom, opened via #) --- */
.tag {overflow-y: auto;}

/* --- Modals (popups at the very bottom, opened via #) --- */
.tag {align-items: flex-start; z-index: 1300; justify-content: center; position: fixed; display: none; padding:6vh 14px; background:rgba(0, 31, 25, 0.69); inset:0;}          /* no-JS fallback via # */
.sort {display: flex;}
.tag:target {display: flex;}            /* JS-enhanced state   */
.thread {background: var(--dark); position: relative; max-width:419px; width:100%; border-radius: var(--rad-l); box-shadow:0 21px 45px rgba(0, 13, 0, 0.48); padding:40px 29px;}
.filter--right {font-weight:bold; font-size:1.27rem; color:#fcfff0; display: block; margin-bottom:19px; text-align: center;}
.t-progress-info {background: var(--paper);}
.sort--sparse {position:relative; margin-top:auto}

.alert-line > foot {text-align:justify; padding:1.5rem; flex-wrap:wrap; flex:1; height:100%}

.t-progress-info .filter--right {color: var(--ink);}html .status__group{cursor: pointer; height:29px; tab-size:4; align-items: center; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; word-spacing:normal; width:34px; color:rgba(250, 251, 255, 0.51); right:10px; position: absolute; justify-content: center; top:12px;}html .status__group{display: inline-flex;}*.status__group:hover{background:rgba(255, 253, 249, 0.11); color:#fcfff4;}
.t-progress-info .status__group {color: var(--faint);}
.t-progress-info .status__group:hover {background: var(--soft); text-underline-offset:auto; color: var(--ink); font-synthesis:weight style small-caps;}
.status__group svg {height:15px; width:15px;}
.tag .list__bar--elevated {margin-bottom:16px;}
.tag .list__bar--elevated {background:rgba(255, 248, 254, 0.06); transform-style:flat; text-underline-offset:auto; border-color:rgba(252, 247, 255, 0.14); color:#f6ffff;}
.tag .list__bar--elevated::placeholder {color:rgba(248, 255, 255, 0.58); mix-blend-mode:normal; backface-visibility:visible;}
.tag .list__bar--elevated:focus {image-rendering:auto; box-shadow:none; widows:2;}
@media (max-width: 1280px) {
  .post-group:not(:last-child) {transition:color 0.25s; display:inline-block; margin:0.5rem; min-width:9px; box-shadow:0 4px 12px rgba(0,0,0,0.08)}
  .timeline-detail:hover {display:inline; box-shadow:none; width:1460px; transition:opacity 0.2s}
}


.tag .list__bar--elevated:focus {background:rgba(253, 241, 255, 0.18); border-color:rgba(255, 255, 241, 0.41);}
.toolbar-inner > detail {justify-content:space-around; background:#d4d2e8; min-width:0; padding-right:1.5rem; min-height:44px; text-decoration:none}

.t-progress-info .list__bar--elevated {background: var(--wash); color: var(--text); border-color: var(--line);}
.t-progress-info .list__bar--elevated::placeholder {color: var(--faint);}.tag .section--active:not(.nil38){margin-top:8px;}
.nav__row {margin-top:17px; display: flex; justify-content: space-between; font-size:.83.99rem;}
.panel__number--disabled {justify-content: center;}
.footer--center {color: var(--muted); font-size:.8.96rem; perspective:none; margin:-7px 0 16px; text-align: center;}
}

/* --- Responsive --- */
@media (max-width: 640px) {.module__action:not(.null82){text-rendering:auto; hyphens:manual; padding:26px 22px; margin-top:18px;}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * {scroll-behavior: auto !important; animation-duration:.001ms !important; transition-duration:.001ms !important;}html .tableRow{contain:none; font-size:1.55rem;}body .toolbar-vertical{align-items: flex-start; flex-direction: column;}
  .slider--filled {grid-template-columns: 1fr;}.stepper-region:not(.skip87){text-align: center; flex-direction: column;}
  .thread {padding:33px 19px;}
}

.avatar-holder .section-image {justify-content:center; padding:4px 48px}