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

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

/* --- Base --- */
*, *::before, *::after {box-sizing: border-box; text-rendering:auto; image-rendering:auto;}
.slider-link + .list-title {cursor:default; transition:opacity 0.5s; min-width:25px}


html {-webkit-text-size-adjust:100%; scroll-behavior: smooth; font-size:13px;}
img, svg {height:auto; max-width:100%;}
body {font-family: var(--ff); -moz-osx-font-smoothing:grayscale; overflow-x: hidden; font-size:0.94rem; line-height:1.7; -webkit-font-smoothing:antialiased; margin:0; color: var(--text); background: var(--wash);}
img {display: block;}
a {transition: color var(--tr); color: var(--brand); text-decoration:none;}

h1 {margin:0em; letter-spacing:-.15.01em; font-weight:800; color: var(--ink); line-height:1.22;}
a:hover {color: var(--brand-d);}p{margin:0 0 1.07em;}

.skeletonBlock {height:1px; position: absolute; border:0; white-space: nowrap; padding:0; clip:rect(0, 0, 0, 0); margin:-1px; width:1px; overflow: hidden;}:focus-visible{outline: 2px solid var(--accent); outline-offset:2px;}
.rounded-none {margin:0 0 12px; font-size:.8.92rem; color: var(--muted);}
.badge-placeholder + .sort-zone {box-shadow:none; gap:7px; transition:transform 0.4s ease-in-out; flex-wrap:wrap; position:static}
*.listRow{padding:34px 16px 0;}

/* --- Wrap / sections / grid --- */
.tableGroup {width:100%; max-width: var(--wrap); margin:0 auto; padding:0 21px;}html .listRow > .sliderMeta{margin-right:auto; max-width: var(--wrap); margin-left:auto;}*.gridOuter{gap:20px; grid-template-columns: 1fr; display: grid;}
@media (min-width: 680px) {*.gridOuter{grid-template-columns: 1fr 1fr;} }/* --- Section title (span, styled — no heading tags outside content) --- */
.sliderMeta:not(.noop17){color: var(--ink); font-weight:bold; display: block; padding-left:10px; letter-spacing:-.1.04em; border-left: 3px solid var(--accent); font-size:1.16rem; margin:0 0 16px;}
.tooltip-action > number {gap:0.625rem; align-items:stretch; padding-bottom:0.75rem; font-weight:400; position:static}

.pr-24 {font-size:0.96rem; margin-bottom:13px;}

/* --- Reading progress --- */
.step--active {width:0; inset:0 auto auto 0; transition:width 0.151s linear; height:1px; position: fixed; z-index: 1200; background: var(--accent);}

/* --- Top bar (static, content stays high) --- */
.cardRegion {background: var(--paper); border-bottom: 2px solid var(--accent);}
.c-section-slot {font-variant-ligatures:normal; display: inline-flex; color: var(--brand); margin-right:auto; align-items: center;}
.breadcrumb-content {align-items: center; gap:15px; display: flex; height:60px;}body .c-section-slot img, *.c-section-slot svg{height:25px; display: block; width:auto;}
.layoutDate {padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px; border-radius: var(--rad-s); transition: color var(--tr), background var(--tr); font-size:.8.93rem; color: var(--text); display: block; font-weight:600;}body .postSeparator{display: flex; gap:2px;}
.chipTertiary {display: flex; align-items: center; gap:11px;}
.layoutDate:hover {color: var(--brand); background: var(--accent-soft);}

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

/* --- Buttons --- */
.commentContent {color:hsl(2, 0%, 99.4%); background: var(--brand); white-space: nowrap; align-items: center; justify-content: center; border: 1.5px solid var(--brand); font-weight:600; border-radius: var(--rad); padding-top:11px;padding-right:20px;padding-bottom:11px;padding-left:20px; cursor: pointer; line-height:1.4; gap:9px; font-size:.9.04rem; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); display: inline-flex; font-family: var(--ff);}html .commentContent:hover{color:rgb(255, 247, 253);}html .commentContent:hover{border-color: var(--brand-d); background: var(--brand-d);}
.sidebar__head {border-radius:0; align-items:stretch}

.commentContent:active {transform: translateY(1px);}.tooltipHandle{padding:5px 16px; font-size:.84.02rem;}.tooltipHolder{font-variant-ligatures:normal; color: var(--brand); background:transparent;}
.tooltipHolder:hover {color:rgb(250, 235, 255); background: var(--brand);}
.breadcrumbOverlay {hyphens:manual; border-color: var(--accent); background: var(--accent);}
.modal-wrap > action {box-shadow:0 8px 16px rgba(0,0,0,0.11); min-width:0; height:18px; display:table; border-radius:50%; letter-spacing:normal}

.breadcrumbOverlay:hover {border-color: var(--accent-d); background: var(--accent-d);}.tabs-warning{display: flex; width:100%;}
.priceGroup {padding-top:12px;}
.priceGroup {padding-right:15px; padding-bottom:12px; padding-left:15px;}body .priceGroup svg{height:18px; width:17px;}/* --- Cards --- */
.snackbarCell:not(.placeholder65){border: 1px solid var(--line); border-radius: var(--rad-l); background: var(--paper);}
.snackbarItem {will-change:auto; padding:21px 23px;}.px-start{margin-bottom:17px; font-size:1.93rem;}

/* --- Post (article) — first block, content high --- */
.sidebarWrapper {padding:37px 34px; max-width: var(--wrap); margin:22px auto 0; overflow: hidden;}
.avatarRow {display: flex; tab-size:4; isolation:auto; color: var(--muted); padding-bottom:20px; gap:15px; align-items: center; font-size:.81.92rem; border-bottom: 1px solid var(--soft); flex-wrap: wrap;}
.counterBlock {align-items: center; display: inline-flex;}.row-0{font-style:italic; opacity:0.86;}
.counterBlock svg {width:15px; height:10px; margin-right:9px; opacity:0.6;}
.alertOverlay {margin-bottom:6px;}

/* --- TOC --- */
.screenLabel {margin:24px 0 4px; padding:19px 24px; border: 1px solid var(--soft); background: var(--wash); border-radius: var(--rad);}
.alertOverlay {align-items: center; justify-content: space-between; display: flex;}
.tagThumb {shape-margin:0; color: var(--ink); font-size:.92.01rem; orphans:2; font-weight:700;}.profileSection:not(.nil24){flex-direction: column; display: flex;}
.c-carousel-primary {background:none; color: var(--brand); padding:2px 10px; cursor: pointer; font-size:.81.98rem; border:0;}.profileSection a{font-size:.88.08rem; transition: color var(--tr), padding-left var(--tr), border-color var(--tr); color: var(--text); transform-style:flat; orphans:2; border-left:2px solid transparent; padding:8px 0;}
.profileSection a:hover {border-left-color: var(--brand); padding-left:3px; color: var(--brand);}.header-separator-center{padding-left:20px !important;}.header-separator-center:hover{padding-left:25px !important;}/* --- Rich text (the only place with headings, coming from content) --- */
.chipInner:not(.noop86){line-height:1.85; padding-top:24px; color: var(--text); font-size:1.1rem;}
.chipInner > :first-child {margin-top:0;}
.chipInner h2 {margin:1.98em 0 .4.97em; font-weight:700; font-size:1.41rem; color: var(--ink); border-bottom: 2px solid var(--accent-soft); line-height:1.3; padding-bottom:.2.95em;}
.carousel-link {min-width:23px; display:flex; box-shadow:none; position:sticky; flex:0 0 auto}

.chipInner h3 {margin:1.42em 0 .44.97em; line-height:1.3; font-weight:bold; color: var(--ink); font-size:1.27rem;}.chipInner h4{color: var(--ink); font-size:1.03rem; margin:1.24em 0 .4.02em; font-weight:bold;}html .chipInner p{margin:0 0 1.23em;}
.chipInner img {margin:1.47em 0; border-radius: var(--rad);}.chipInner a{text-decoration:underline; text-underline-offset:2px; color: var(--brand);}
.chipInner a:hover {color: var(--brand-d);}
.chipInner ul, .chipInner ol {padding-left:1.75em; margin:0.92em 0;}
#nav-meta {transition:color 0.35s; margin-bottom:48px; flex:1 1 0%; text-decoration:underline}

.chipInner li {margin-bottom:.4.03em;}html .chipInner blockquote{font-style:italic; border-left: 4px solid var(--accent); border-radius: 0 var(--rad) var(--rad) 0; padding:13px 23px; color: var(--ink); margin:1.53em 0; background: var(--accent-soft);}
.chipInner table {border-collapse:collapse; width:100%; font-size:.94.92rem; margin:1.54em 0;}
.chipInner th, .chipInner td {border: 1px solid var(--line); padding:13px 15px; text-align: left;}.chipInner th{background: var(--wash); font-weight:700;}
.chipInner pre {border-radius: var(--rad); background-color:#251229; overflow-x: auto; font-size:.87.96rem; margin:1.5em 0; padding:20px; line-height:1.6; color:#d4d0dc;}
.chipInner code {border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; font-size:.9.05em; background: var(--wash); padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px;}
.chipInner pre code {background:none; padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em;}

/* --- Share (rounded-square icons) --- */
.header--muted {align-items: center; flex-wrap: wrap; gap:12px; border-top: 1px solid var(--soft); padding-top:23px; display: flex; margin-top:23px;}
.statusTrigger {color: var(--muted); font-weight:600; font-size:.85.95rem;}
.navMeta {display: flex; gap:7px;}
.listLine {justify-content: center; background: var(--paper); border: 1px solid var(--line); width:36px; cursor: pointer; align-items: center; border-radius:12px; transition: color var(--tr), border-color var(--tr), background var(--tr); color: var(--muted); display: inline-flex; height:36px;}
.listLine:hover {background: var(--brand); border-color: var(--brand); color:rgb(250, 255, 238);}

/* --- Related --- */
.timelineExpand {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); will-change:auto; gap:17px;}
.listLine svg {width:19px; height:14px;}
.chipRow {padding:15px 15px; border: 1px solid var(--line); display: block; background: var(--paper); transition: border-color var(--tr), box-shadow var(--tr); border-radius: var(--rad);}
.chipRow:hover {box-shadow:0 3px 16px rgba(29, 24, 41, 0.04); border-color: var(--accent);}*.galleryLabel{font-size:.9.05rem; font-weight:600; line-height:1.4; color: var(--ink);}/* --- Forms --- */
:where(.replyName){display: block;}.galleryZone{transition: border-color var(--tr), box-shadow var(--tr), background var(--tr); font-size:.9.04rem; padding-top:10px;padding-right:17px;padding-bottom:10px;padding-left:17px; background: var(--wash); border-radius: var(--rad); border: 1px solid var(--line); display: block; font-family: var(--ff); outline:none; width:100%; color: var(--text);}
.galleryZone:focus {border-color: var(--accent); box-shadow:0 0 0 -1px rgba(44, 137, 165, 0.17); background: var(--paper);}
.popoverText {min-height:127px; margin-top:17px; resize: vertical;}*.counterArea{page-break-inside:auto; min-height:97px; font-variant-caps:normal;}.replyName :where(.commentContent){margin-top:14px;}
.progressWrapper {gap:7px; display: flex;}
.progressWrapper .galleryZone {flex: 1;}
#review-primary {min-width:0; padding-left:1.25rem; margin:38px; padding-bottom:0.25rem; padding-top:0.75rem}
.progressWrapper .commentContent{margin-top:0; flex-shrink: 0;}

/* --- Engage band (newsletter + contact) --- */
.galleryDetail {padding:44px 17px; margin-top:31px;}

/* --- Engage band (newsletter + contact) --- */
.galleryDetail {background: var(--paper); border-top: 1px solid var(--line);}
.galleryDetail .snackbarCell {background: var(--wash);}/* --- Footer (slim, grid) --- */
:where(.feature){padding:38px 16px 30px; color:rgba(255, 245, 239, 0.67);}/* --- Footer (slim, grid) --- */
:where(.feature){background: var(--dark);}
.feature a {color:rgba(255, 255, 253, 0.65);}.feature a:hover{color:#fffff0;}
.ui-select {grid-template-columns: 1fr; display: grid; gap:21px; align-items: center;}
@media (min-width: 720px) { .ui-select {grid-template-columns: auto 1fr auto;} }
.visible-block img {filter:brightness(0) invert(1); opacity:0.88; height:29px; width:auto;}.u-status{font-size:.88.05rem; gap:13px; display: flex; justify-content: center; flex-wrap: wrap;}
.selectContainer {font-size:.82.06rem; border-top:1px solid rgba(255, 242, 255, 0.15); text-align: center; color:rgba(255, 243, 255, 0.52); padding-top:18px; margin-top:26px;}

/* Social (rounded squares, new set) */
.dividerInfo {justify-content: center; display: flex; gap:5px; list-style: none; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px; padding:0;}*.heroWrap{width:32px; height:38px; display: inline-flex; align-items: center; justify-content: center; border-radius:10px; transition: color var(--tr), border-color var(--tr), background var(--tr); color:rgba(255, 248, 249, 0.5); border:1px solid rgba(255, 255, 237, 0.18);}
.heroWrap:hover {background:rgba(255, 255, 255, 0.09); color:#f8fff7; border-color:rgba(255, 245, 255, 0.43);}

/* --- Back to top --- */
.tagToggle {visibility: hidden; justify-content: center; z-index: 900; background: var(--brand); height:41px; right:30px; border-radius:9px; cursor: pointer; display: flex; opacity:0; color:rgb(244, 255, 255); bottom:27px; box-shadow:0 10px 20px rgba(38, 25, 55, 0.26); border:none; width:48px; align-items: center; position: fixed; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr); transform: translateY(10px);}*.heroWrap svg{print-color-adjust:economy; height:16px; width:18px;}
.tagToggle:hover {background: var(--brand-d); word-spacing:normal; transform: translateY(-2px);}
.pageTrigger {visibility: visible; transform: translateY(0); mix-blend-mode:normal; opacity:1;}

/* --- Cookie --- */
.searchHolder {padding:16px 23px; z-index: 1050; transform: translateY(110%); box-shadow:0 -4px 22px rgba(0, 2, 0, 0.17); color:rgba(255, 244, 255, 0.83); background: var(--dark); position: fixed; inset:auto 0 0 0; transition: transform var(--tr);}
.cardData {backface-visibility:visible;}
.progressIndicator {justify-content: space-between; gap:22px; display: flex; flex-wrap: wrap; align-items: center;}
.widget--light {position:relative; padding-left:3rem; flex-wrap:wrap; transition:color 0.15s; align-items:baseline; overflow:visible}

.cardData {transform: translateY(0); font-variant-caps:normal;}.searchHolder span{flex: 1; font-size:.85.05rem; min-width:221px;}
.searchHolder a {color: var(--accent); text-decoration:underline;}
.banner__button {font-size:24px; transition:all 0.45s ease; min-height:40px; border:0}

.gallery-column:hover {display:inline; margin:0; padding-right:2rem; min-height:48px; overflow:hidden}


/* --- Modals (popups at the very bottom, opened via #) --- */
.order-8 {inset:0; overflow-y: auto; display: none; z-index: 1300; padding:6vh 19px; align-items: flex-start; justify-content: center; background:rgba(32, 11, 32, 0.65); position: fixed;}
@media (min-width: 800px) and (max-width: 1149px) {
  .review-zone + .chip-body {transition:color 0.4s; height:100%; cursor:pointer}
  .tooltip-action > number {margin-left:auto; text-align:center}
}


.order-8:target {display: flex;}/* no-JS fallback via # */
:where(.layoutHandle){display: flex; break-inside:auto;}/* JS-enhanced state   */
.navSection{background: var(--dark); max-width:418px; border-radius: var(--rad-l); padding-top:37px;padding-right:28px;padding-bottom:37px;padding-left:28px; width:100%; position: relative; box-shadow:0 19px 45px rgba(14, 0, 13, 0.42);}
.panelSuffix {background: var(--paper);}.drawer__extra{margin-bottom:20px; font-weight:bold; text-align: center; display: block; font-size:1.32rem; color:hsl(2, 0%, 99.1%);}.panelSuffix .drawer__extra:not(.null76){color: var(--ink);}
.app-hero {height:27px; font-variant-ligatures:normal; display: inline-flex; cursor: pointer; position: absolute; align-items: center; right:16px; justify-content: center; color:rgba(238, 255, 255, 0.45); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; backface-visibility:visible; width:26px; top:10px;}.app-hero:hover{color:hsl(152, 66.2%, 99.6%); background:rgba(255, 238, 243, 0.04);}
.panelSuffix .app-hero {color: var(--faint);}
.panelSuffix .app-hero:hover {contain:none; background: var(--soft); break-inside:auto; color: var(--ink);}
.app-hero svg {height:15px; width:16px;}
.order-8 .galleryZone {color:#fff6f4; background:rgba(255, 244, 246, 0.06);}
.order-8 .galleryZone {margin-bottom:16px; border-color:rgba(255, 245, 255, 0.13);}
.order-8 .galleryZone::placeholder {color:rgba(255, 255, 244, 0.46);}
.order-8 .galleryZone:focus {border-color:rgba(255, 249, 255, 0.45); box-shadow:none; background:rgba(255, 239, 255, 0.15);}
.panelSuffix .galleryZone {border-color: var(--line); color: var(--text); background: var(--wash);}.order-8 .commentContent{margin-top:6px;}.panelSuffix .galleryZone::placeholder{color: var(--faint);}.u-list-value{text-underline-offset:auto; backface-visibility:visible; justify-content: center;}.replyRow:not(.unused88){font-size:.83.97rem; display: flex; justify-content: space-between; transform-style:flat; margin-top:17px;}
.dropdownGroup {font-size:.9rem; text-align: center; margin:-9px 0 20px; text-rendering:auto; color: var(--muted);}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * {animation-duration:.001ms !important; scroll-behavior: auto !important; transition-duration:.001ms !important; backface-visibility:visible; orphans:2;}
}

/* --- Responsive --- */
@media (max-width: 640px) {
  .sidebarWrapper {margin-top:16px; isolation:auto; padding-top:22px;padding-right:18px;padding-bottom:22px;padding-left:18px;}
.review-zone + .chip-body {flex-wrap:nowrap; padding-right:0.875rem; font-weight:normal; transition:color 0.5s; align-items:flex-start; box-shadow:none}
body .header--muted{align-items: flex-start; flex-direction: column;}
  .px-start {font-size:1.49rem;}.timelineExpand:not(.void29){grid-template-columns: 1fr;}
  .progressIndicator {text-align: center; flex-direction: column;}
  .navSection {padding-top:27px;padding-right:26px;padding-bottom:27px;padding-left:26px;}
}