.accordion-bar.panel-expanded {text-align:right; border-radius:0; display:none}
/* ==========================================================================
   STYLESHEET — single file, no external dependencies.
   Article-first reading layout · centered measure · CSS Grid.
   ========================================================================== */

/* --- Tokens --- */
:root {--muted:  #737a86; --accent-d: #22807f; --rad:    6px; --faint:  #a2a8b2; --wrap:   860px; --dark:   #15181f; --accent-soft: rgba(40, 154, 153, .1); --soft:   #eef1f5; --brand:    #1b6599; --rad-s:  4px; --ink:    #1d222b; --paper:  #ffffff; --accent:   #289a99; --line:   #e4e7ec; --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif; --wash:   #f5f6f9; --rad-l:  10px; --brand-d:  #155080; --text:   #3f4651; --tr: .2s ease;}/* --- Base --- */
*, *::before, *::after{box-sizing: border-box;}
body {font-family: var(--ff); font-size:1.08rem; -webkit-font-smoothing:antialiased;}
.breadcrumb-cap::before {content:''; display:grid; align-items:flex-start; min-height:100vh; position:absolute}


html {-moz-text-size-adjust:100%;scroll-behavior: smooth; -webkit-text-size-adjust:100%; font-size:16px;}
body {contain:none; line-height:1.7; margin:0; background: var(--wash); -moz-osx-font-smoothing:grayscale; orphans:2; overflow-x: hidden; color: var(--text);}
img, svg {max-width:100%; height:auto;}a{transition: color var(--tr); text-decoration:none;}
img {display: block;}a{color: var(--brand);}
a:hover {color: var(--brand-d); orphans:2;}h1{line-height:1.22; letter-spacing:-.14.99em;}h1{font-weight:800; margin:0; color: var(--ink);}

p {margin:0 0 1.08em;}:focus-visible{shape-margin:0; outline-offset:2px; outline: 2px solid var(--accent);}
.mx-16 {font-size:.8.92rem; color: var(--muted); margin:0 0 14px;}

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

/* --- Wrap / sections / grid --- */
.bg-5 {margin:0 auto; max-width: var(--wrap);}

/* --- Wrap / sections / grid --- */
.bg-5 {width:100%; padding:0 19px;}
.float-end {padding:27px 17px 0; text-underline-offset:auto;}
.float-end > .o-thread-row {max-width: var(--wrap); margin-left:auto; margin-right:auto;}

.avatar__addon {display: grid; gap:13px; grid-template-columns: 1fr;}
@media (min-width: 680px) { .avatar__addon {grid-template-columns: 1fr 1fr;} }/* --- Section title (span, styled — no heading tags outside content) --- */
.o-thread-row{border-left: 3px solid var(--accent); font-size:1.18rem; font-weight:bold; font-synthesis:weight style small-caps; text-underline-offset:auto; padding-left:11px; letter-spacing:-.1.03em; display: block; color: var(--ink); margin:0 0 18px;}
.border-0 {font-size:0.97rem; margin-bottom:9px;}/* --- Reading progress --- */
.bg-start{z-index: 1200; inset:0 auto auto 0; width:0; height:6px; position: fixed; transition:width 0.051s linear; background: var(--accent);}/* --- Top bar (static, content stays high) --- */
:where(.p-4){border-bottom: 2px solid var(--accent); background: var(--paper);}
.m-24 {align-items: center; display: flex; break-inside:auto; gap:15px; height:56px;}
.pb-block {align-items: center; color: var(--brand); margin-right:auto; display: inline-flex; page-break-inside:auto;}
.pb-block img, .pb-block svg {height:31px; width:auto; display: block;}

.gap-1 {display: flex; gap:7px;}
.menu {padding-top:4px;padding-right:15px;padding-bottom:4px;padding-left:15px; border-radius: var(--rad-s); transition: color var(--tr), background var(--tr); color: var(--text); display: block; font-weight:600; font-size:.9.03rem;}
.menu:hover {background: var(--accent-soft); color: var(--brand);}*.font-5{align-items: center; display: flex; gap:4px;}

@media (max-width: 560px) {*.gap-1{display: none;}
}/* --- Buttons --- */
.price__summary{word-spacing:normal; font-family: var(--ff); border: 1.5px solid var(--brand); line-height:1.4; align-items: center; padding:14px 17px; font-size:.9.06rem; gap:11px; color:hsl(60, 100%, 97.9%); white-space: nowrap; border-radius: var(--rad); transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); font-weight:600; backface-visibility:visible; background: var(--brand); cursor: pointer; display: inline-flex; justify-content: center;}body .price__summary:hover{background: var(--brand-d); color:#f8ffff; border-color: var(--brand-d);}*.price__summary:active{transform: translateY(1px);}
@media (min-width: 1440px) and (max-width: 1790px) {
  #review-wrapper {padding-top:1.5rem; min-height:15px}
  .breadcrumb-cap::before {content:''; cursor:default; transition:transform 0.3s ease-in-out}
}


.py-1 {padding:7px 13px; font-size:.84.06rem;}.timeline__outer{color: var(--brand); background:transparent;}
.box-holder:not(:last-child) {max-width:none; justify-content:space-between; transition:color 0.3s; padding-right:1.125rem; margin-left:0}

.timeline__outer:hover {color:#fff5ff; background: var(--brand);}
.opacity-center {background: var(--accent); border-color: var(--accent);}.opacity-center:hover{border-color: var(--accent-d); background: var(--accent-d);}
.row-16 {display: flex; width:100%;}
.ui-hero-inner {padding:6px 9px;}

/* --- Cards --- */
.order-2 {image-rendering:auto; background: var(--paper); will-change:auto; border-radius: var(--rad-l); border: 1px solid var(--line);}
.ui-hero-inner svg {height:20px; width:13px;}/* --- Post (article) — first block, content high --- */
.price-subtitle-muted{margin:23px auto 0; overflow: hidden; max-width: var(--wrap); padding:38px 35px;}.reply--left:not(.dummy98){perspective:none; padding:26px 22px; font-synthesis:weight style small-caps;}
.leading-around {orphans:2; margin-bottom:12px; font-size:1.83rem; transform-style:flat;}html .leading-2{border-bottom: 1px solid var(--soft); font-size:.81.96rem; display: flex; align-items: center; gap:15px; color: var(--muted); flex-wrap: wrap; padding-bottom:23px;}.ml-start:not(.void63){align-items: center; display: inline-flex;}*.ml-start svg{height:14px; margin-right:4px; text-decoration-skip-ink:auto; opacity:0.49; width:10px; text-rendering:auto;}.el-form{font-style:italic; font-variant-caps:normal;}
.screen__time {align-items:stretch; max-width:100%; position:sticky; font-size:1.125rem; display:flex}
.el-form{opacity:0.88; word-spacing:normal;}

/* --- TOC --- */
.px-1 {border-radius: var(--rad); background: var(--wash); border: 1px solid var(--soft); margin:25px 0 0px; padding:14px 23px;}*.mr-16{justify-content: space-between; align-items: center; display: flex; margin-bottom:10px;}
.pb-10 {perspective:none; color: var(--ink); word-spacing:normal; font-weight:bold;}
.pb-10 {font-size:.91.98rem;}
.my-inline {cursor: pointer; color: var(--brand); font-size:.82.01rem; background:none; padding-top:2px;padding-right:10px;padding-bottom:2px;padding-left:10px; border:none;}
.my-20 {display: flex; isolation:auto; flex-direction: column; hyphens:manual;}
.dropdown-outer > backdrop {align-items:flex-end; cursor:pointer}

.badge-row:not(:last-child) {min-width:46px; max-width:none; display:inline-block}

.my-20 a {transition: color var(--tr), padding-left var(--tr), border-color var(--tr); word-spacing:normal; padding:6px 0; font-size:.88.03rem; color: var(--text); border-left:2px solid transparent;}
.my-20 a:hover {color: var(--brand); padding-left:11px; border-left-color: var(--brand);}
.divider-number:hover {letter-spacing:0.15em; transition:opacity 0.35s; width:120px; text-decoration:underline; padding-right:0.375rem; margin-bottom:18px}

.pb-sm {padding-left:20px !important;}.pb-sm:hover{padding-left:21px !important;}/* --- Rich text (the only place with headings, coming from content) --- */
.pl-1{orphans:2; color: var(--text); font-size:0.99rem; line-height:1.85; padding-top:23px;}
.pl-1 > :first-child {margin-top:0;}
.pl-1 h2 {padding-bottom:.2.97em; font-size:1.42rem; border-bottom: 2px solid var(--accent-soft); color: var(--ink); margin:1.91em 0 .4.96em; line-height:1.3; font-weight:700;}
.pl-1 h3 {font-size:1.23rem; color: var(--ink); line-height:1.3; font-weight:bold; margin:1.48em 0 .44.97em;}
.pl-1 h4 {color: var(--ink); margin:1.29em 0 .4.02em; font-size:1.02rem; font-weight:bold;}
.pl-1 p {margin:0 0 1.08em;}
.carousel-track .skeleton-subtitle {width:1300px; min-width:34px; border:0; display:flex; line-height:1; margin-top:0}

.pl-1 img {margin:1.56em 0; border-radius: var(--rad);}html .pl-1 a{color: var(--brand); text-underline-offset:2px; text-decoration:underline;}
.pl-1 a:hover {color: var(--brand-d);}
.pl-1 ul, .pl-1 ol {margin:0.99em 0; padding-left:1.73em;}
.pl-1 li {margin-bottom:.4.08em;}.pl-1 blockquote{color: var(--ink); padding:18px 26px; border-left: 4px solid var(--accent); margin:1.54em 0;}.pl-1 blockquote{border-radius: 0 var(--rad) var(--rad) 0; font-style:italic; background: var(--accent-soft);}*.pl-1 table{font-size:.95.05rem; width:100%; border-collapse:collapse; margin:1.43em 0;}
.pl-1 th, .pl-1 td {text-align: left; border: 1px solid var(--line); padding:9px 10px;}*.pl-1 th{background: var(--wash); font-weight:700;}
.pl-1 pre {color:#e2d0ea; background:rgb(0, 62, 71); margin:1.56em 0; padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px; border-radius: var(--rad); overflow-x: auto; line-height:1.6; font-size:.87.99rem;}
.pl-1 code {font-size:.8.98em; padding:2px 4px; background: var(--wash); border-radius:4px;}
.pl-1 pre code {font-variant-caps:normal; print-color-adjust:economy; padding:0; background:none;}

/* --- Share (rounded-square icons) --- */
.pl-2 {margin-top:23px; padding-top:22px; display: flex; flex-wrap: wrap; gap:16px; align-items: center; border-top: 1px solid var(--soft);}
.position-8 {font-size:.86.08rem; font-weight:600;}body .grid-md{display: flex; gap:12px;}
.position-8 {color: var(--muted);}
.m-16 {border: 1px solid var(--line); transition: color var(--tr), border-color var(--tr), background var(--tr); width:36px; cursor: pointer; align-items: center; background: var(--paper);}
.m-16 {color: var(--muted); border-radius:11px; display: inline-flex; height:35px; justify-content: center;}.m-16:hover{background: var(--brand); color:hsl(271, 56.4%, 95.6%); border-color: var(--brand);}

/* --- Related --- */
.pl-inline {gap:16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); display: grid;}
.m-16 svg {width:20px; height:18px;}body .d-sm{transition: border-color var(--tr), box-shadow var(--tr); background: var(--paper); display: block; border-radius: var(--rad); padding:16px 14px; border: 1px solid var(--line);}
.d-sm:hover {box-shadow:0 7px 11px rgba(5, 29, 31, 0.08); border-color: var(--accent);}
.float-screen {line-height:1.4; font-size:.8.92rem; color: var(--ink); font-weight:600;}
.ml-sm {width:100%; transition: border-color var(--tr), box-shadow var(--tr), background var(--tr); outline:none; font-family: var(--ff); border: 1px solid var(--line); border-radius: var(--rad); display: block; font-size:.8.99rem; padding-top:13px;padding-right:14px;padding-bottom:13px;padding-left:14px; color: var(--text); background: var(--wash);}/* --- Forms --- */
.w-20{display: block;}.ml-sm:focus{background: var(--paper); box-shadow:0 0 0 0px rgba(56, 140, 137, 0.09); border-color: var(--accent);}
.ml-block {min-height:95px;}
.pl-lg {min-height:128px; resize: vertical; margin-top:17px;}
.w-20 .price__summary {margin-top:19px;}
.tracking-6 {display: flex; gap:9px;}
.tracking-6 .ml-sm {flex: 1;}
.tracking-6 .price__summary {margin-top:0; flex-shrink: 0;}

/* --- Engage band (newsletter + contact) --- */
.panel--active {margin-top:37px; background: var(--paper); padding:43px 18px; border-top: 1px solid var(--line);}
.panel--active .order-2 {background: var(--wash);}

/* --- Footer (slim, grid) --- */
.overflow-screen {background: var(--dark); padding:33px 21px 32px; color:rgba(255, 255, 248, 0.61);}
.overflow-screen a {color:rgba(246, 238, 238, 0.54);}
.overflow-screen a:hover {color:hsl(35, 100%, 97.9%);}
.row-none {grid-template-columns: 1fr; align-items: center; display: grid; gap:17px;}
.modal-image:first-child {gap:0.625rem; padding:42px; display:block; transition:transform 0.3s ease-in-out; letter-spacing:normal}

@media (min-width: 720px) { .row-none {grid-template-columns: auto 1fr auto;} }
.m-inline img {opacity:0.79; height:24px; filter:brightness(0) invert(1); width:auto;}
.box-subtitle > section {display:inline-block; min-height:47px; opacity:1; transition:transform 0.25s ease-in-out; letter-spacing:0.075em}

.toolbar--rounded {font-size:.88.01rem; display: flex; gap:12px; justify-content: center; flex-wrap: wrap;}html .ml-3{margin-top:21px; color:rgba(255, 255, 251, 0.48); border-top:1px solid rgba(252, 255, 247, 0.13); padding-top:19px; text-align: center; font-size:.82.06rem;}

/* Social (rounded squares, new set) */
.shadow-inline {padding:0; list-style: none; margin:0; justify-content: center; display: flex; gap:10px;}
.position-start {border-radius:8px; justify-content: center; transition: color var(--tr), border-color var(--tr), background var(--tr); height:37px; color:rgba(255, 255, 255, 0.47); width:34px; align-items: center; border:1px solid rgba(238, 255, 238, 0.21); display: inline-flex;}
.position-start:hover {border-color:rgba(255, 255, 246, 0.47); background:rgba(241, 253, 255, 0.11); color:#ffffff;}
.position-start svg {width:20px; height:17px;}

/* --- Back to top --- */
.mb-16 {height:41px; color:#f5ffee; display: flex; z-index: 900; justify-content: center; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr); align-items: center; opacity:0; width:47px; box-shadow:0 7px 21px rgba(27, 38, 59, 0.25); cursor: pointer; bottom:25px; visibility: hidden; background: var(--brand); border-radius:12px; right:25px; transform: translateY(10px); border:none; position: fixed;}.leading-block:not(.placeholder53){transform: translateY(0); visibility: visible; opacity:1;}
.mb-16:hover {transform: translateY(-2px); background: var(--brand-d); orphans:2;}/* --- Cookie --- */
.grid-4{position: fixed; transition: transform var(--tr); z-index: 1050; inset:auto 0 0 0; color:rgba(250, 254, 250, 0.88); padding:13px 21px; background: var(--dark); transform: translateY(110%); box-shadow:0 -6px 15px rgba(12, 0, 9, 0.21);}html .u-spinner-backdrop{transform: translateY(0);}.mt-lg{align-items: center; display: flex; gap:15px; justify-content: space-between; flex-wrap: wrap;}html .grid-4 span{flex: 1; font-size:.84.93rem; min-width:218px;}
.grid-4 a {text-decoration:underline; color: var(--accent);}
#review-wrapper {line-height:1; margin-bottom:0; text-transform:capitalize}


/* --- Modals (popups at the very bottom, opened via #) --- */
.timeline {z-index: 1300; padding:6vh 14px; background:rgba(31, 10, 45, 0.57); align-items: flex-start; display: none; justify-content: center; position: fixed; inset:0; overflow-y: auto;}/* no-JS fallback via # */
:where(.my-1){display: flex;}
.timeline:target {break-inside:auto; display: flex; word-spacing:normal;}            /* JS-enhanced state   */
.px-start {background: var(--dark); box-shadow:0 21px 48px rgba(3, 12, 10, 0.34); border-radius: var(--rad-l); max-width:422px; padding:40px 34px; position: relative; width:100%;}
.ui-card {background: var(--paper);}
.popover__region {color:#01b007; position:relative; cursor:pointer; border:0}

.rounded-24 {text-align: center; font-weight:bold; font-size:1.28rem; display: block; margin-bottom:20px; color:#fffcfd;}.d-2xl{display: inline-flex; color:rgba(249, 243, 249, 0.52); height:33px; align-items: center; position: absolute; justify-content: center; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; top:10px; width:26px; right:15px; cursor: pointer;}*.ui-card .rounded-24{color: var(--ink);}
.d-2xl:hover {background:rgba(251, 246, 255, 0.09); color:rgb(246, 255, 232);}
.ui-card .d-2xl {color: var(--faint);}
.ui-card .d-2xl:hover {background: var(--soft); color: var(--ink);}
.d-2xl svg {width:19px; height:14px;}.timeline .ml-sm:not(.none82){background:rgba(255, 255, 255, 0.04); color:#fef1f6; border-color:rgba(255, 246, 255, 0.1);}.timeline .ml-sm:not(.none82){margin-bottom:11px;}.timeline .ml-sm::placeholder{perspective:none; backface-visibility:visible;}.timeline .ml-sm::placeholder{color:rgba(241, 240, 254, 0.57);}
.timeline .ml-sm:focus {background:rgba(255, 255, 238, 0.13); box-shadow:none; border-color:rgba(243, 249, 251, 0.46);}
.ui-card .ml-sm {border-color: var(--line); font-synthesis:weight style small-caps;}
.ui-card .ml-sm {text-decoration-skip-ink:auto; color: var(--text); background: var(--wash);}html .ui-card .ml-sm::placeholder{shape-margin:0;}html .ui-card .ml-sm::placeholder{color: var(--faint); font-synthesis:weight style small-caps;}
.z-24 {margin-top:11px;}
.timeline .price__summary {margin-top:7px;}
.z-24 {justify-content: space-between; font-size:.84.07rem; display: flex;}
.w-0 {justify-content: center;}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * {transition-duration:.001ms !important; scroll-behavior: auto !important; animation-duration:.001ms !important;}
.gap-xl {color: var(--muted); margin:-3px 0 16px; text-align: center; font-size:.8.97rem;}
}

/* --- Responsive --- */
@media (max-width: 640px) {
  .price-subtitle-muted {margin-top:22px; padding:20px 18px;}
  .leading-around {break-inside:auto; font-size:1.54rem;}
  .pl-2 {flex-direction: column; align-items: flex-start; will-change:auto;}
  .mt-lg {flex-direction: column; text-align: center;}.pl-inline:not(.noop11){grid-template-columns: 1fr; font-variant-caps:normal;}
  .px-start {padding-top:29px; padding-right:19px;}
  .px-start {padding-bottom:29px; padding-left:19px;}
}