/* Reading room and framework-topic pages: editorial rhythm, no card wall. */
.v-reading-index, .v-reading-topic { min-width: 0; }
.v-reading-hero { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 78% 28%, #34372a 0, #1a1d19 35%, #0d0f0e 74%); }
.v-reading-hero::after { position: absolute; z-index: -1; inset: 0; content: ''; opacity: .42; background: repeating-linear-gradient(127deg, transparent 0 116px, #d9b66612 117px 118px); mask-image: linear-gradient(90deg, transparent 18%, #000); pointer-events: none; }
.v-reading-hero-inner { padding-block: clamp(38px, 4.4vw, 64px) clamp(48px, 5.2vw, 74px); }
.v-reading-hero h1 { max-width: 920px; margin-top: 18px; font-size: clamp(54px, 7.2vw, 92px); line-height: .89; }
.v-reading-deck { max-width: 700px; margin-top: 18px; font-size: clamp(18px, 1.7vw, 21px); line-height: 1.48; }
.v-reading-search { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-top: 26px; }
.v-reading-search-field { width: min(100%, 520px); }
.v-reading-search label { display: block; margin-bottom: 7px; color: var(--ink); font-size: 14px; font-weight: 650; }
.v-reading-search input { display: block; width: 100%; min-height: 48px; border: 1px solid #a9aa9d; border-radius:var(--radius-control); background: #f1efe6; color: #22261f; font: 17px/1.4 var(--reading); }
.v-reading-search input::placeholder { color: #555950; opacity: 1; }
.v-reading-status-group { display: flex; flex: 0 0 auto; align-items: center; gap: 18px; padding-bottom: 11px; }
.v-reading-status { color: #e0ddd1; font-size: 14px; }
.v-reading-status-group > a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; color: var(--action-hover); font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.v-reading-status-group > a:hover { color: var(--ink); }
.v-reading-status-group > a:focus-visible { outline-color: var(--action-hover); }
.v-reading-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.v-reading-filters button { min-height: 40px; padding: 8px 13px; border: 1px solid #8b8c80; border-radius:var(--radius-control); background: transparent; color: #f3f1e9; font: 600 14px/1.25 var(--reading); cursor: pointer; }
.v-reading-filters button:hover { border-color: var(--action-hover); color: var(--action-hover); }
.v-reading-filters button[aria-pressed="true"] { border-color: var(--gold); background: var(--gold); color: #171913; }
.v-reading-filters button:focus-visible { outline-color: var(--action-hover); }
.v-reading-layer-index { padding-block: 7px; border-bottom: 1px solid var(--line); background: #171a17; }
.v-reading-layer-index details { position: relative; }
.v-reading-layer-index summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: fit-content; min-height: 38px; color: #e4d6af; font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; }
.v-reading-layer-index summary::-webkit-details-marker { display: none; }
.v-reading-layer-index summary::after { content: '+'; color: var(--action-hover); font-size: 19px; font-weight: 400; }
.v-reading-layer-index details[open] summary::after { content: '−'; }
.v-reading-layer-index nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px 18px; }
.v-reading-layer-index details[open] nav { padding-block: 7px 10px; }
.v-reading-layer-index nav a { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 1px 12px; align-content: center; min-height: 46px; padding: 5px 3px; border-bottom: 1px solid #ffffff30; color: var(--ink); text-decoration: none; }
.v-reading-layer-index nav a > span:first-child { color: #c4b07b; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.v-reading-layer-index nav a strong { color: #f3f1e9; font-size: 14px; font-weight: 650; line-height: 1.3; }
.v-reading-layer-index nav a:hover strong, .v-reading-layer-index nav a:hover > span:first-child { color: var(--action-hover); text-decoration: underline; text-underline-offset: 3px; }
.v-reading-layer-index nav a[aria-current="page"] { border-color: var(--gold); }
.v-reading-layer-index nav a:focus-visible { outline-color: var(--action-hover); }
.v-reading-layer-arrow { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--action-hover); font-size: 18px; }

.v-reading-browse, .v-reading-topic-content { scroll-margin-top: 100px; padding-block: clamp(52px, 7vw, 92px); background: var(--reading-surface); color: var(--reading-ink); }
.v-reading-section-heading, .v-reading-topic-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .62fr); align-items: end; gap: 54px; margin-bottom: 34px; }
.v-reading-section-heading h2, .v-reading-topic-heading h2 { margin-top: 13px; font-size: clamp(43px, 5.7vw, 70px); line-height: .94; }
.v-reading-section-heading > p { max-width: 460px; color: #4d5048; font-size: 18px; }
.v-reading-index .v-reading-browse .v-eyebrow, .v-reading-topic-content .v-eyebrow { color: #63501f; }
.v-reading-index .v-reading-browse em, .v-reading-topic-content em { color: #63501f; }
.v-reading-featured { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(220px, .45fr); align-items: stretch; margin-top: 26px; border-block: 1px solid #25291f52; }
.v-reading-card { min-width: 0; color: #272a23; text-decoration: none; overflow-wrap: anywhere; }
.v-reading-card:focus-visible { outline-color: #5b471d; outline-offset: 5px; }
.v-reading-card--featured:focus-visible { outline-color: var(--action-hover); }
.v-reading-card--featured { display: flex; flex-direction: column; min-height: 270px; justify-content: center; padding: clamp(25px, 4vw, 54px); background: #242820; color: var(--ink); }
.v-reading-card-kicker { display: block; color: #63501f; font-size: 11px; line-height: 1.45; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.v-reading-card--featured .v-reading-card-kicker { color: var(--action-hover); }
.v-reading-card h2 { max-width: 850px; margin-top: 15px; font-size: clamp(31px, 4vw, 51px); line-height: 1.01; }
.v-reading-card p { max-width: 800px; margin-top: 14px; color: #50534b; font-size: 17px; line-height: 1.5; }
.v-reading-card--featured p { color: #d1d2c9; }
.v-reading-card-link { display: inline-flex; align-items: center; gap: 13px; width: fit-content; min-height: 42px; margin-top: 16px; border-bottom: 1px solid #816b3c; color: #332d1f; font-size: 14px; font-weight: 700; }
.v-reading-card--featured .v-reading-card-link { border-color: var(--gold); color: var(--action-hover); }
.v-reading-card:hover .v-reading-card-link { border-color: currentColor; }
.v-reading-card:hover h2 { color: #725923; }
.v-reading-card--featured:hover h2 { color: var(--action-hover); }
.v-reading-feature-note { display: flex; flex-direction: column; justify-content: center; gap: 17px; padding: 28px; border-left: 1px solid #25291f52; }
.v-reading-feature-mark { color: #806a37; font: 64px/.8 var(--heading); }
.v-reading-feature-note p { color: #4d5048; font-size: 17px; line-height: 1.5; }
.v-reading-feature-note a, .v-reading-framework-link, .v-reading-topic-next a { color: #43371b; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.v-reading-list-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-top: 52px; padding-bottom: 12px; border-bottom: 1px solid #25291f52; }
.v-reading-list-heading p:last-child { color: #50534b; font-size: 14px; }
.v-reading-list, .v-reading-topic-list { display: grid; grid-template-columns: 1fr; }
.v-reading-list .v-reading-card, .v-reading-topic-list .v-reading-card { display: grid; grid-template-columns: minmax(170px, .38fr) minmax(0, 1fr) minmax(210px, .8fr) auto; align-items: start; gap: 16px 28px; padding: 22px 2px; border-bottom: 1px solid #25291f52; }
.v-reading-list .v-reading-card h2, .v-reading-topic-list .v-reading-card h2 { margin: 0; font-size: clamp(23px, 2.5vw, 31px); line-height: 1.06; }
.v-reading-list .v-reading-card p, .v-reading-topic-list .v-reading-card p { margin: 0; font-size: 15px; line-height: 1.6; }
.v-reading-list .v-reading-card-link, .v-reading-topic-list .v-reading-card-link { margin: -8px 0 0; white-space: nowrap; }
.v-reading-card[hidden] { display: none !important; }
.v-reading-no-match { margin-top: 22px; padding: 22px 24px; border-top: 1px solid #25291f52; background: #dfddd3; }
.v-reading-no-match[hidden] { display: none !important; }
.v-reading-no-match p { color: #41443d; font-size: 16px; }
.v-reading-no-match button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 11px; padding: 9px 15px; border: 1px solid #59451a; border-radius:var(--radius-control); background: #59451a; color: #fff; font: 650 14px/1.3 var(--reading); cursor: pointer; }
.v-reading-no-match button:hover { background: #3f3215; border-color: #3f3215; color: #fff; }
.v-reading-no-match button:focus-visible { outline-color: #3f3215; }
.v-reading-framework { padding-block: clamp(48px, 6vw, 78px); background: #171a17; }
.v-reading-framework-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); gap: 55px; align-items: center; }
.v-reading-framework h2 { margin-top: 14px; font-size: clamp(43px, 5.2vw, 68px); line-height: .94; }
.v-reading-framework-inner > div:last-child p { max-width: 600px; color: #d1d2c9; font-size: 18px; }
.v-reading-framework-link { display: inline-flex; min-height: 44px; align-items: center; gap: 12px; margin-top: 14px; color: var(--action-hover); }

.v-reading-topic-heading { margin-bottom: 29px; }
.v-reading-topic-heading h2 { max-width: 700px; }
.v-reading-back-link { justify-self: end; display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #43371b; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.v-reading-topic-list .v-reading-card { grid-template-columns: minmax(170px, .34fr) minmax(0, .9fr) minmax(210px, 1fr) auto; }
.v-reading-topic-empty { padding: 32px 0 12px; border-top: 1px solid #25291f52; }
.v-reading-topic-empty h3 { margin-top: 12px; font-size: clamp(30px, 4vw, 44px); }
.v-reading-topic-empty > p:not(.v-eyebrow) { margin-top: 11px; color: #50534b; }
.v-reading-topic-empty nav { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; }
.v-reading-topic-empty nav a { display: inline-flex; align-items: center; min-height: 44px; color: #43371b; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.v-reading-topic-next { padding-block: 35px 42px; background: #d9d6ca; }
.v-reading-topic-next > .v-wrap > p:nth-child(2) { max-width: 700px; margin-top: 10px; color: #41443d; font-size: 18px; }
.v-reading-topic-next > .v-wrap > div { display: flex; flex-wrap: wrap; gap: 8px 26px; margin-top: 12px; }
.v-reading-topic-next a { display: inline-flex; align-items: center; min-height: 44px; }
.v-reading-browse a:hover, .v-reading-topic-content a:hover, .v-reading-topic-next a:hover { color: #59451a; }
.v-reading-browse :focus-visible, .v-reading-topic-content :focus-visible, .v-reading-topic-next :focus-visible { outline-color: #59451a; }
.v-reading-browse .v-reading-card--featured:hover h2, .v-reading-browse .v-reading-card--featured:hover .v-reading-card-link { color: var(--action-hover); }
.v-reading-browse .v-reading-card--featured:focus-visible { outline-color: var(--action-hover); }

@media (max-width: 980px) {
  .v-reading-list .v-reading-card, .v-reading-topic-list .v-reading-card { grid-template-columns: minmax(140px, .34fr) minmax(0, 1fr) auto; gap: 12px 20px; }
  .v-reading-list .v-reading-card p, .v-reading-topic-list .v-reading-card p { grid-column: 2 / 3; }
  .v-reading-list .v-reading-card-link, .v-reading-topic-list .v-reading-card-link { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 700px) {
  .v-reading-layer-index nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 14px; }
  .v-reading-hero h1 { font-size: clamp(48px, 11vw, 72px); }
  .v-reading-search { display: block; }
  .v-reading-search-field { width: 100%; }
  .v-reading-status-group { justify-content: space-between; padding: 9px 0 0; }
  .v-reading-status { padding: 0; }
  .v-reading-section-heading, .v-reading-topic-heading, .v-reading-featured, .v-reading-framework-inner { grid-template-columns: 1fr; gap: 20px; }
  .v-reading-section-heading > p { max-width: 560px; }
  .v-reading-feature-note { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 8px 15px; padding: 20px 4px; border-left: 0; border-top: 1px solid #25291f52; }
  .v-reading-feature-mark { grid-row: span 2; font-size: 48px; }
  .v-reading-feature-note a { grid-column: 2; }
  .v-reading-list-heading { display: block; }
  .v-reading-list-heading p:last-child { margin-top: 8px; }
  .v-reading-list .v-reading-card, .v-reading-topic-list .v-reading-card { grid-template-columns: minmax(0, 1fr) auto; gap: 9px 16px; padding: 20px 0; }
  .v-reading-list .v-reading-card-kicker, .v-reading-topic-list .v-reading-card-kicker { grid-column: 1 / -1; }
  .v-reading-list .v-reading-card h2, .v-reading-topic-list .v-reading-card h2 { grid-column: 1 / -1; }
  .v-reading-list .v-reading-card p, .v-reading-topic-list .v-reading-card p { grid-column: 1 / -1; }
  .v-reading-list .v-reading-card-link, .v-reading-topic-list .v-reading-card-link { grid-column: 1 / -1; grid-row: auto; margin: 0; }
  .v-reading-topic-heading { align-items: start; }
  .v-reading-back-link { justify-self: start; }
}
@media (max-width: 390px) {
  .v-reading-hero h1 { font-size: clamp(43px, 11.7vw, 54px); }
  .v-reading-hero-inner { padding-top: 32px; }
  .v-reading-filters { gap: 6px; }
  .v-reading-filters button { min-height: 42px; padding-inline: 10px; font-size: 13px; }
  .v-reading-card--featured { min-height: 0; padding: 25px 20px; }
}

.v-reading-podcast-cover { border-radius:var(--radius-control); display:block; width:min(100%,240px); height:auto; margin-inline:auto; border:1px solid #99865a; }

/* Search is the primary task; retain every article and topic. */
.v-reading-hero{background:linear-gradient(115deg,#071c17,#143b2d)}
.v-reading-hero::after{display:none}
.v-reading-hero h1{font-size:clamp(34px,5.3vw,66px);line-height:1.1;letter-spacing:-.04em;font-weight:600}
.v-reading-hero h1 br{display:none}
.v-reading-hero-inner{padding-block:38px}
.v-reading-filters button{min-height:44px}
.v-reading-filters button[aria-pressed="true"]{background:#64e0b4;border-color:#64e0b4;color:#071c17}
.v-reading-search input:focus{outline:3px solid #64e0b4;outline-offset:3px}
.v-reading-browse,.v-reading-topic-content{background:#f6f5ee;padding-block:40px 64px}
.v-reading-section-heading h2,.v-reading-topic-heading h2{font-size:clamp(28px,3.8vw,44px);line-height:1.16;letter-spacing:-.03em;font-weight:600}
.v-reading-list .v-reading-card{border-radius:7px;padding-inline:14px;transition:background-color 160ms}
.v-reading-list .v-reading-card:focus-visible,.v-reading-list .v-reading-card:hover{background:#e8eee6}
.v-reading-list .v-reading-card h2{font-weight:600;line-height:1.2}
.v-reading-card--featured{background:#143b2d;border-radius:8px}
.v-reading-no-match button{min-height:44px}
@media(max-width:600px){.v-reading-hero-inner{padding-block:28px}.v-reading-filters{flex-wrap:nowrap;overflow-x:auto;padding-block:3px 12px;scrollbar-width:thin}.v-reading-filters button{white-space:nowrap;flex:none}.v-reading-deck{font-size:17px}.v-reading-section-heading{gap:16px}.v-reading-list .v-reading-card{padding-inline:0}}
@media(prefers-reduced-motion:reduce){.v-reading-list .v-reading-card{transition:none}}