/* Reading-led additions; retain the approved photo-led sections and motion system. */
.knowledge-home { padding-block: var(--section-half); background: #131412; border-top: 1px solid var(--line); }
.knowledge-home-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr); gap: 4rem clamp(2rem, 7vw, 7rem); }
.knowledge-home .section-heading { display: block; margin: 0 0 2rem; }
.knowledge-home .section-heading h2 { font-size: clamp(2.6rem, 4.2vw, 4.6rem); line-height: 1.14; max-width: 13ch; margin-block: 1.4rem; }
.knowledge-home .section-heading > p:last-child { color: #b7b7b0; font-size: 1rem; letter-spacing: normal; line-height: 1.7; text-transform: none; max-width: 30rem; }
.guide-link { display: grid; grid-template-columns: 1.6rem minmax(0,1fr) 1.2rem; align-items: start; gap: 1rem; padding-block: 1.75rem 2rem; border-top: 1px solid var(--line); text-decoration: none; }
.guide-index { color: #a6a69d; font-size: .75rem; font-variant-numeric: tabular-nums; }
.guide-topic { color: #b5b4aa; font-size: .76rem; margin-bottom: .8rem; letter-spacing: .03em; }
.guide-link h3 { font-family: inherit; font-size: clamp(1.3rem, 1.85vw, 2rem); font-weight: 400; line-height: 1.4; letter-spacing: -.015em; margin-bottom: .7rem; }
.guide-summary { color: #b7b7b0; max-width: 47rem; font-size: .94rem; line-height: 1.7; margin: 0; }
.guide-arrow { font-size: 1.3rem; transition: transform .25s ease, color .25s ease; }
.knowledge-home .guide-link { grid-template-columns: 1.6rem minmax(0,1fr) minmax(7.5rem,auto); }
.guide-home-meta { display: flex; min-height: 100%; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.guide-home-meta .content-date { color: #85877f; }
.guide-home-meta .content-date time { color: #b9bab1; }
.guide-link:hover .guide-arrow, .guide-link:focus-visible .guide-arrow { transform: translateY(-3px); color: #ec967e; }
.guide-link:hover h3 { text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.knowledge-home-faq { padding-top: 2rem; border-top: 1px solid var(--line); }
.knowledge-home-faq h2 { font-size: clamp(1.6rem,2.3vw,2.4rem); line-height: 1.4; max-width: 20ch; margin-bottom: 1.5rem; }
.reading-page .site-header { background: rgba(13,14,12,.96); }
.reading-page .knowledge-hero { min-height: 0; padding-block: clamp(9rem, 13vw, 12rem) clamp(3rem, 5vw, 5rem); background: #131412; }
.reading-page .knowledge-title { font-family: inherit; font-size: clamp(2.6rem, 5.8vw, 6rem); font-weight: 400; line-height: 1.15; letter-spacing: -.035em; text-transform: none; max-width: 19ch; text-wrap: balance; }
.reading-page .page-lede { max-width: 45rem; margin: 2rem 0 0; font-size: clamp(1rem,1.3vw,1.2rem); color: #b7b7b0; line-height: 1.75; }
.reading-page .page-hero-meta { margin-top: 2.5rem; justify-content: flex-start; flex-wrap: wrap; border-color: var(--line); font-size: .86rem; }
.knowledge-index { padding-top: clamp(2rem,4vw,4rem); }
.knowledge-index > .guide-list { max-width: 62rem; margin-inline-start: auto; }
.knowledge-index .guide-link { padding-block: 2.5rem; }
.knowledge-index .guide-link h3 { font-size: clamp(1.6rem,2.8vw,2.8rem); }
.knowledge-contact { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2rem; align-items: end; padding-block: 3rem 4rem; margin-top: 4rem; border-top: 1px solid var(--line); }
.knowledge-contact h2 { font-family: inherit; font-size: clamp(1.8rem,3vw,3rem); font-weight: 400; line-height: 1.3; margin-bottom: 1rem; }
.knowledge-contact p { color: #b7b7b0; max-width: 40rem; line-height: 1.75; margin: 0; }
.knowledge-contact > div:last-child { display: grid; gap: 1rem; justify-items: start; }
.knowledge-email { color: #b7b7b0; font-size: .88rem; text-decoration: none; }
.knowledge-load-note { padding-block: 1rem; color: #ddd6bd; line-height: 1.6; }
.faq-layout, .guide-layout { display: grid; grid-template-columns: minmax(11rem,.55fr) minmax(0,1.7fr); gap: clamp(2rem,7vw,7rem); align-items: start; padding-block: 3rem; }
.faq-sidebar, .guide-contents { position: sticky; top: 8rem; }
.faq-sidebar a, .guide-contents a { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--line); text-decoration: none; font-size: .93rem; line-height: 1.5; }
.guide-contents a { justify-content: flex-start; }
.faq-sidebar a:hover, .guide-contents a:hover { color: #ec967e; }
.faq-group { scroll-margin-top: 8rem; margin-bottom: 4rem; }
.faq-group > h2 { display: flex; align-items: baseline; gap: 1rem; font-family: inherit; font-weight: 400; font-size: clamp(1.65rem,2.5vw,2.4rem); line-height: 1.35; margin-bottom: 1.8rem; }
.faq-group > h2 > span { color: #a6a69d; font-size: .75rem; letter-spacing: normal; }
.faq-row { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.2fr); gap: 2rem; padding-block: 1.7rem; border-top: 1px solid var(--line); scroll-margin-top: 8rem; }
.faq-row h3 { font-family: inherit; font-size: 1.08rem; line-height: 1.6; font-weight: 500; margin: 0; letter-spacing: normal; }
.faq-row p { color: #b7b7b0; font-size: .96rem; line-height: 1.8; margin: 0; }
.faq-row--compact { grid-template-columns: 1fr; gap: .6rem; }
.faq-search { margin-bottom: 3rem; }
.faq-search label { display: block; font-size: .85rem; margin-bottom: .8rem; }
.faq-search-control { display: flex; border: 1px solid #72736b; }
.faq-search input { width: 100%; min-width: 0; min-height: 3.4rem; padding: .85rem 1rem; color: var(--paper); background: #181a17; border: 0; font: inherit; border-radius: 0; }
.faq-search input::placeholder { color: #a6a69d; opacity: 1; }
.faq-search button { flex: 0 0 auto; white-space: nowrap; padding: .6rem 1rem; border: 0; border-inline-start: 1px solid #72736b; background: transparent; color: var(--paper); font: inherit; font-size: .8rem; cursor: pointer; }
.faq-search button:disabled { opacity: .6; cursor: default; }
.faq-search button:not(:disabled):hover { background: #252721; }
.faq-search [role="status"] { min-height: 1.3em; margin: .85rem 0 0; color: #b7b7b0; font-size: .8rem; }
.faq-empty { color: #b7b7b0; line-height: 1.8; padding-block: 1.5rem 4rem; }
.faq-main [hidden] { display: none !important; }
.guide-body { max-width: 47rem; }
.guide-section { margin-bottom: 3.5rem; scroll-margin-top: 8rem; }
.guide-section h2, .guide-sources h2 { font-family: inherit; font-weight: 400; font-size: clamp(1.5rem,2vw,2rem); line-height: 1.4; margin-bottom: 1.2rem; letter-spacing: -.015em; }
.guide-section p { color: #c4c4bc; font-size: 1.1rem; line-height: 1.9; margin: 0; }
.guide-sources { border-top: 1px solid var(--line); padding-block: 2rem 1rem; }
.guide-sources p, .guide-note { color: #a6a69d; font-size: .85rem; line-height: 1.75; }
.guide-sources h2 { font-size: 1rem; }
.guide-sources a { color: #c4c4bc; text-underline-offset: .2em; }
.knowledge-related { border-top: 1px solid var(--line); padding-top: 2rem; }
.knowledge-related > h2 { font-size: 1.4rem; font-weight: 400; margin-bottom: 2rem; }
.knowledge-related .guide-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3rem; }
:root[lang="ar"] .knowledge-title, :root[lang="ar"] .guide-link h3, :root[lang="ar"] .guide-section h2 { letter-spacing: 0; }
:root[lang="ar"] .guide-arrow { transform: scaleX(-1); }
@media (max-width: 980px) {
  .faq-row { grid-template-columns: 1fr; gap: .7rem; }
  .knowledge-home-grid { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 3rem 2rem; }
}
@media (max-width: 760px) {
  .knowledge-home-grid, .faq-layout, .guide-layout, .knowledge-contact { grid-template-columns: 1fr; }
  .knowledge-home .section-heading h2 { max-width: 15ch; }
  .knowledge-home-faq { margin-top: 1rem; }
  .knowledge-home-grid { row-gap: 2rem; }
  .guide-link { grid-template-columns: 1.3rem minmax(0,1fr) 1rem; gap: .65rem; }
  .knowledge-home .guide-link { grid-template-columns: 1.3rem minmax(0,1fr) auto; }
  .guide-home-meta { min-width: 5.4rem; }
  .knowledge-contact { margin-top: 2rem; padding-bottom: 3rem; }
  .faq-sidebar, .guide-contents { position: static; }
  .faq-sidebar nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1rem; }
  .faq-sidebar .guide-topic { grid-column: 1 / -1; }
  .faq-layout, .guide-layout { gap: 2rem; }
  .faq-search input { font-size: 1rem; }
  .faq-search button { padding-inline: .8rem; }
  .knowledge-related .guide-list { grid-template-columns: 1fr; gap: 0; }
  .guide-section p { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .guide-arrow { transition: none; } .guide-link:hover .guide-arrow { transform: none; } }

/* Reading revision 03: an editorial spread and an inline, categorized reference.
   Scope stays within the reading pages; the approved home module is unchanged. */
.reading-page {
  --reading-bg: #10110f;
  --reading-muted: #b9bab1;
  --reading-accent: #eca58c;
  --reading-line: #3b3e36;
  background: var(--reading-bg);
}
.reading-page .site-header { background: var(--reading-bg); }
.reading-page .knowledge-hero { padding-block: clamp(8.5rem,10.5vw,10rem) 2.75rem; background: var(--reading-bg); }
.reading-page .knowledge-title { font-size: clamp(2.6rem,5.3vw,5.2rem); max-width: 21ch; line-height: 1.12; }
.reading-page .knowledge-hero .page-kicker { color: var(--reading-muted); letter-spacing: .05em; margin-bottom: 1.25rem; font-size: .75rem; }
.reading-page .knowledge-index-header .page-hero-content,
.reading-page .knowledge-faq-header .page-hero-content { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: clamp(2rem,5vw,5rem); align-items: end; }
.reading-page .knowledge-index-header .page-lede { margin: 0 0 .3rem; font-size: 1rem; max-width: 29rem; }
.reading-page .knowledge-index { padding-top: 0; }
.insight-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(13rem,.48fr); gap: clamp(2rem,5vw,5rem); align-items: center; padding-block: 2.5rem; border-block: 1px solid var(--reading-line); }
.insight-feature-copy { max-width: 45rem; }
.insight-feature-copy .guide-topic { display: flex; gap: 1.25rem; align-items: baseline; color: var(--reading-accent); font-size: .8rem; }
.insight-feature-copy h2 { font-family: inherit; font-weight: 400; font-size: clamp(2rem,3.25vw,3.5rem); line-height: 1.3; letter-spacing: -.025em; margin-block: 1.4rem 1.1rem; text-wrap: balance; }
.insight-feature-copy h2 a { text-decoration: none; }
.insight-feature-summary { color: var(--reading-muted); font-size: 1.05rem; line-height: 1.8; max-width: 36rem; }
.insight-chapters { padding: 0; list-style: none; margin: 1.5rem 0; color: var(--reading-muted); font-size: .88rem; display: flex; flex-wrap: wrap; gap: .65rem 1.3rem; }
.insight-chapters li { display: flex; align-items: baseline; gap: .6rem; }
.insight-chapters li::before { content: ''; flex: 0 0 .35rem; width: .35rem; height: .35rem; border: 1px solid var(--reading-muted); }
.insight-read { display: inline-flex; align-items: center; gap: 2.5rem; min-height: 44px; padding-block: .8rem; border-bottom: 1px solid var(--paper); text-decoration: none; font-size: .95rem; }
.insight-read > span { font-size: 1.4rem; transition: transform .25s; }
.insight-feature-visual { text-decoration: none; display: block; width: 100%; max-width: 22rem; justify-self: end; }
.insight-feature-visual figure { margin: 0; }
.knowledge-feature-media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--reading-line); }
.knowledge-feature-media img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .9s cubic-bezier(.22,.61,.36,1); }
.insight-feature-visual figcaption { color: var(--reading-muted); font-size: .75rem; line-height: 1.6; padding-top: .65rem; }
.insight-secondary { padding-block: 2rem 1rem; }
.insight-secondary-heading { margin-bottom: 1.5rem; }
.insight-secondary-heading h2 { font-size: .85rem; font-family: inherit; color: var(--reading-muted); font-weight: 400; letter-spacing: normal; }
.insight-secondary > div:last-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2rem,5vw,5rem); }
.insight-secondary-link { display: grid; grid-template-columns: 1.5rem minmax(0,1fr) 1.2rem; gap: 1rem; padding-block: 1.5rem 2rem; border-top: 1px solid var(--reading-line); text-decoration: none; }
.insight-secondary-link h3 { font-family: inherit; font-size: clamp(1.45rem,2.05vw,2.1rem); line-height: 1.4; font-weight: 400; letter-spacing: -.015em; margin-bottom: .8rem; text-wrap: balance; }
.insight-secondary-link .guide-topic { color: var(--reading-accent); font-size: .8rem; }
.insight-secondary-link .guide-summary { max-width: 32rem; color: var(--reading-muted); }
:is(.knowledge-index,.faq-layout) .knowledge-contact { background: transparent; border-top: 1px solid var(--reading-line); padding-block: 2.5rem; margin-block: 2.5rem 3rem; }
.reading-page .knowledge-contact h2 { font-size: clamp(1.6rem,2.6vw,2.6rem); }
.reading-page .knowledge-contact p { font-size: .95rem; }
.reading-page .guide-layout { grid-template-columns: minmax(11rem,.45fr) minmax(0,1.3fr); padding-top: 3.5rem; }
.reading-page .guide-body { max-width: 43rem; }
.reading-page .guide-section p { font-size: 1.06rem; line-height: 1.95; }

/* Topic rail stays separate from questions, which expand at their reading position. */
.reading-page .knowledge-faq-header .page-lede { max-width: 33rem; font-size: 1rem; margin-top: 1.2rem; }
:is(.knowledge-faq-header,.faq-layout) .faq-search { margin: 0; padding-bottom: .25rem; }
:is(.knowledge-faq-header,.faq-layout) .faq-search label { color: var(--reading-muted); font-size: .8rem; }
:is(.knowledge-faq-header,.faq-layout) .faq-search-control { align-items: center; border: 1px solid #7f8276; padding-inline: 1rem .5rem; }
:is(.knowledge-faq-header,.faq-layout) .faq-search input { background: transparent; padding-inline: .8rem; font-size: 1rem; }
:is(.knowledge-faq-header,.faq-layout) .faq-search button { border: 0; min-height: 44px; padding-inline: .5rem; }
:is(.knowledge-faq-header,.faq-layout) .faq-search-icon { display: block; width: 15px; height: 15px; border: 1px solid var(--reading-muted); border-radius: 50%; flex: 0 0 15px; position: relative; }
.faq-search-icon::after { content: ''; position: absolute; width: 6px; border-top: 1px solid var(--reading-muted); bottom: -3px; right: -4px; transform: rotate(45deg); }
:is(.knowledge-faq-header,.faq-layout) .faq-search [role="status"] { margin-top: .7rem; color: var(--reading-muted); }
.reading-page .faq-layout { display: block; padding-block: 2.5rem 0; border-top: 1px solid var(--reading-line); }
.reading-page .faq-directory { display: grid; grid-template-columns: minmax(12rem,.3fr) minmax(0,1fr); gap: 0 clamp(2rem,6vw,6rem); align-items: start; }
.faq-topics { display: flex; flex-direction: column; align-self: start; position: sticky; top: 8rem; padding-inline-end: 1rem; }
.faq-topics a { display: grid; grid-template-columns: 1.4rem minmax(0,1fr) auto; align-items: baseline; gap: .65rem; min-height: 44px; padding-block: 1rem; color: var(--reading-muted); border-bottom: 1px solid var(--reading-line); font-size: .95rem; line-height: 1.6; text-decoration: none; }
.faq-topic-count { font-size: .75rem; font-variant-numeric: tabular-nums; }
.faq-topics a:last-child { display: block; font-size: .85rem; margin-top: .75rem; border-bottom: 0; }
.faq-topics a[aria-current] { color: var(--reading-accent); border-bottom-color: var(--reading-accent); }
.faq-topics a[aria-current] > span:nth-child(2) { text-decoration: underline; text-underline-offset: .3em; }
.faq-enhanced #faq-groups { display: block; }
.faq-enhanced .faq-group { display: block; margin-bottom: 2.5rem; }
.faq-enhanced .faq-group:last-child { margin-bottom: 0; }
.faq-enhanced .faq-group > h2 { display: block; position: static; width: auto; height: auto; margin: 0 0 1.7rem; padding: 0; overflow: visible; clip: auto; white-space: normal; font-size: clamp(1.4rem,2vw,2rem); font-weight: 400; line-height: 1.4; }
.faq-enhanced .faq-row { display: block; border-top: 1px solid var(--reading-line); padding: 0; }
.faq-question { appearance: none; display: grid; grid-template-columns: 1.5rem minmax(0,1fr) 1.25rem; align-items: baseline; gap: 1rem; width: 100%; min-height: 60px; border: 0; border-radius: 0; padding: 1.35rem 0; background: none; color: var(--paper); font-family: inherit; font-size: clamp(1.05rem,1.4vw,1.3rem); font-weight: 400; line-height: 1.6; text-align: start; cursor: pointer; transition: color .2s; }
.faq-question-number { font-family: 'General Sans',sans-serif; font-size: .75rem; font-weight: 400; color: var(--reading-muted); font-variant-numeric: tabular-nums; }
.faq-question-symbol { align-self: center; display: flex; color: var(--reading-muted); }
.faq-question-symbol svg { transition: transform .25s; }
.faq-question[aria-expanded="true"] .faq-question-symbol svg { transform: rotate(45deg); }
.faq-question[aria-expanded="true"] .faq-question-number,
.faq-question[aria-expanded="true"] .faq-question-symbol { color: var(--reading-accent); }
.faq-enhanced .faq-answer { position: static; min-height: 0; padding: 0 3rem 1.75rem 2.5rem; padding-inline: 2.5rem 3rem; background: transparent; }
.faq-row .faq-answer > p { font-size: 1rem; line-height: 1.85; color: var(--reading-muted); max-width: 65ch; margin: 0; }
.faq-answer:not([hidden]) { animation: knowledge-answer-in .25s ease-out; }
@keyframes knowledge-answer-in { from { opacity:.4; transform:translateY(4px); } to { opacity:1; transform:none; } }
.faq-bottom { display: flex; justify-content: space-between; gap: 3rem; padding-block: 1.8rem; margin-top: 2.5rem; border-top: 1px solid var(--reading-line); }
.faq-bottom > span { max-width: 43rem; color: var(--reading-muted); font-size: .8rem; line-height: 1.8; }
.faq-bottom > a { flex-shrink: 0; font-size: .9rem; align-self: start; min-height: 44px; }
.reading-page .faq-empty { border-top: 1px solid var(--reading-line); padding-block: 2rem; min-height: 10rem; }
.reading-page :is(.faq-question,.faq-topics a,.insight-read,.insight-secondary-link,.insight-feature-visual):focus-visible { outline: 2px solid var(--reading-accent); outline-offset: 4px; }
:root[lang="ar"] :is(.insight-feature-copy h2,.insight-secondary-link h3) { letter-spacing: normal; }
@media (hover: hover) and (pointer: fine) {
  .insight-feature-visual:hover img { transform: scale(1.025); }
  .insight-read:hover, .insight-secondary-link:hover h3, .faq-topics a:hover, .faq-question:hover { color: var(--reading-accent); }
  .insight-read:hover > span { transform: translate(2px,-2px); }
}
@media (max-width: 980px) {
  .insight-feature { grid-template-columns: minmax(0,1fr) minmax(10rem,.48fr); gap: 2rem; }
  .insight-feature-copy h2 { font-size: 2rem; }
  .insight-chapters { display: grid; gap: .6rem; }
  .reading-page .faq-directory { grid-template-columns: minmax(10rem,.35fr) minmax(0,1fr); gap: 0 2rem; }
}
@media (max-width: 760px) {
  .reading-page .knowledge-index-header .page-hero-content,
  .reading-page .knowledge-faq-header .page-hero-content { grid-template-columns: 1fr; gap: 1.3rem; }
  .reading-page .knowledge-hero { padding-block: 8rem 1.8rem; }
  .reading-page .knowledge-title { font-size: clamp(2.5rem,9vw,3.8rem); }
  .reading-page .knowledge-hero .page-kicker { margin-bottom: 1rem; }
  .reading-page .knowledge-index-header .page-lede { font-size: .96rem; }
  .insight-feature { grid-template-columns: 1fr; gap: 1.75rem; padding-block: 1.6rem 2rem; }
  .insight-feature-copy h2 { font-size: clamp(1.8rem,7.5vw,2.3rem); margin-block: 1rem; }
  .insight-feature-summary { font-size: 1rem; }
  .insight-chapters { margin-block: 1rem; font-size: .84rem; }
  .insight-feature-visual { max-width: 12rem; justify-self: start; }
  .insight-feature-visual figure { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.7fr); align-items: end; gap: 1rem; }
  .insight-feature-visual { max-width: 100%; }
  .knowledge-feature-media { max-width: 12rem; }
  .insight-feature-visual figcaption { max-width: 10rem; }
  .insight-secondary { padding-top: 1.5rem; }
  .insight-secondary > div:last-child { grid-template-columns: 1fr; gap: 0; }
  .insight-secondary-link { gap: .7rem; }
  .reading-page .guide-layout { grid-template-columns: 1fr; }
  .reading-page .faq-layout { padding-top: 1rem; }
  .reading-page .faq-directory { display: block; }
  .faq-topics { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1rem; padding: 0; margin-bottom: 2rem; }
  .faq-topics a { font-size: .88rem; grid-template-columns: minmax(0,1fr) auto; gap: .4rem; padding-block: .9rem; }
  .faq-topics .guide-index { display: none; }
  .faq-topics a:last-child { grid-column: 1 / -1; margin-top: 0; padding-block: .6rem; }
  .faq-enhanced .faq-group > h2 { margin-bottom: 1.2rem; font-size: 1.4rem; }
  .faq-question { font-size: 1.05rem; padding-block: 1.15rem; gap: .7rem; }
  .faq-enhanced .faq-answer { padding-inline: 2.2rem 0; padding-bottom: 1.5rem; }
  .faq-row .faq-answer > p { font-size: 1rem; line-height: 1.8; }
  .faq-bottom { display: block; padding-block: 1.5rem; margin-top: 2rem; }
  .faq-bottom > span { display: block; margin-bottom: 1rem; }
  .faq-bottom > a { display: inline-flex; }
  :is(.knowledge-index,.faq-layout) .knowledge-contact { margin-block: 1rem 2rem; padding-block: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .knowledge-feature-media img,.insight-read > span,.faq-question,.faq-question-symbol svg { transition: none; }
  .faq-answer:not([hidden]) { animation: none; }
  .insight-feature-visual:hover img { transform: none; }
}

/* Anchor and sidebar clearance follows the real one- or two-row header. */
.faq-sidebar, .guide-contents, .faq-topics { top: calc(var(--site-header-height, 6rem) + 1.5rem); }
.faq-group, .faq-row, .guide-section { scroll-margin-top: calc(var(--site-header-height, 6rem) + 1.5rem); }
@media (min-width: 761px) and (max-width: 1100px) {
  .reading-page .knowledge-hero { padding-top: calc(var(--site-header-height, 8.5rem) + 2.5rem); }
}

/* Technical information revision 04: quieter archive rail, dates at the reading edge. */
.reading-page .knowledge-index-header .page-hero-content { display: block; }
.reading-page .knowledge-index-header .page-lede { max-width: 39rem; margin: 1rem 0 0; }
.reading-page .knowledge-index-header .knowledge-title { max-width: 14ch; }
.reading-page .knowledge-index { padding-top: 0; }
.insight-directory {
  display: grid;
  grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: start;
}
.insight-filter-rail {
  position: sticky;
  top: calc(var(--site-header-height, 6rem) + 1.5rem);
  padding-top: 2.25rem;
}
.insight-topic-nav > p,
.insight-year-filter > p {
  margin: 0 0 .75rem;
  color: #85877f;
  font-size: .7rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.insight-topic-nav a {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: .65rem;
  align-items: baseline;
  min-height: 44px;
  padding-block: .6rem;
  color: var(--reading-muted);
  font-size: .92rem;
  line-height: 1.45;
  text-decoration: none;
}
.insight-topic-nav a[aria-current] { color: var(--reading-accent); }
.insight-topic-nav a[aria-current] span:last-child { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .55em; }
.insight-year-filter { margin-top: 2.5rem; }
.insight-year-filter button {
  display: block;
  width: fit-content;
  min-height: 40px;
  padding: .55rem 0;
  border: 0;
  background: transparent;
  color: var(--reading-muted);
  font: inherit;
  font-size: .9rem;
  text-align: start;
  cursor: pointer;
}
.insight-year-filter button[aria-pressed="true"] { color: var(--reading-accent); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .55em; }
.insight-stream { border-top: 1px solid var(--reading-line); }
.insight-stream .insight-feature {
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .72fr);
  align-items: start;
  gap: clamp(2rem, 4vw, 4rem);
  padding-block: 2.2rem 3rem;
  border: 0;
  scroll-margin-top: calc(var(--site-header-height, 6rem) + 1.5rem);
}
.insight-stream .insight-feature-copy { max-width: 42rem; }
.insight-stream .insight-feature-copy h2 { margin-block: 1rem .85rem; }
.insight-stream .insight-chapters { display: grid; gap: 0; margin-block: 1.25rem; max-width: 31rem; }
.insight-stream .insight-chapters li { min-height: 42px; padding-block: .55rem; }
.insight-stream .insight-feature-visual { max-width: none; }
.insight-stream .knowledge-feature-media img { object-fit: cover; }
.insight-feature-visual figcaption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}
.content-date {
  display: inline-flex;
  gap: .45rem;
  justify-content: flex-end;
  color: #8e9088;
  font-size: .7rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .03em;
  white-space: nowrap;
}
.content-date time { color: #b9bab1; }
.insight-secondary { padding: 0; }
.insight-secondary > article {
  border-top: 1px solid var(--reading-line);
  scroll-margin-top: calc(var(--site-header-height, 6rem) + 1.5rem);
}
.insight-secondary-link {
  grid-template-columns: 1.5rem minmax(0, 1fr) minmax(7.5rem, auto);
  align-items: start;
  gap: 1rem;
  padding-block: 1.55rem 1.8rem;
  border: 0;
}
.insight-secondary-link h3 { margin: .2rem 0 .45rem; }
.insight-secondary-meta {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  gap: 1.2rem;
}
.insight-secondary-meta .guide-arrow { color: var(--paper); }
[data-insight-entry][hidden] { display: none !important; }
.reading-page .page-hero-meta .content-date { margin-inline-start: auto; }
.reading-page :is(.insight-topic-nav a,.insight-year-filter button):focus-visible { outline: 2px solid var(--reading-accent); outline-offset: 4px; }

@media (hover: hover) and (pointer: fine) {
  .insight-topic-nav a:hover,
  .insight-year-filter button:hover { color: var(--reading-accent); }
}

@media (max-width: 980px) {
  .insight-directory { grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr); gap: 2rem; }
  .insight-stream .insight-feature { grid-template-columns: minmax(0, 1fr) minmax(15rem, .75fr); gap: 2rem; }
}

@media (max-width: 760px) {
  .reading-page .knowledge-index-header .page-lede { margin-top: .75rem; }
  .insight-directory { grid-template-columns: 1fr; gap: 1.25rem; }
  .insight-filter-rail { position: static; padding-top: 1.35rem; }
  .insight-topic-nav { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: .35rem; scrollbar-width: none; }
  .insight-topic-nav::-webkit-scrollbar { display: none; }
  .insight-topic-nav > p { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .insight-topic-nav a { grid-template-columns: auto auto; flex: 0 0 auto; font-size: .84rem; }
  .insight-year-filter { display: flex; align-items: baseline; gap: 1rem; margin-top: .65rem; }
  .insight-year-filter > p { margin: 0 auto 0 0; }
  .insight-year-filter button { font-size: .82rem; }
  .insight-stream .insight-feature { grid-template-columns: 1fr; gap: 1.5rem; padding-block: 1.6rem 2rem; }
  .insight-stream .insight-feature-visual { justify-self: stretch; }
  .insight-stream .knowledge-feature-media { max-width: none; }
  .insight-feature-visual figure { display: block; }
  .insight-feature-visual figcaption { max-width: none; }
  .insight-secondary-link { grid-template-columns: 1.25rem minmax(0, 1fr); gap: .75rem; }
  .insight-secondary-meta { grid-column: 2; flex-direction: row-reverse; align-items: center; }
  .insight-secondary-link .guide-summary { font-size: .9rem; }
  .reading-page .page-hero-meta .content-date { margin-inline-start: 0; }
}

/* Search follows the scene hero on a readable light surface. */
.faq-layout > .faq-search{max-width:52rem;margin:0 0 2.5rem;padding:0}

/* One information centre: shared hero, in-page navigation and complete FAQ. */
.information-jump{display:flex;gap:3rem;border-bottom:1px solid var(--reading-line);padding-block:1.4rem}
.information-jump a{display:flex;align-items:center;gap:2rem;font-size:1rem;padding:.5rem 0}
.information-jump a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.information-section-heading{margin-bottom:2rem}
.information-section-heading>p:first-child{font-size:.75rem;letter-spacing:.07em;margin:0 0 1rem}
.information-section-heading h2{font-size:clamp(2rem,3vw,3.5rem);line-height:1.2;margin:0 0 1rem;font-weight:500}
.information-section-heading>p:last-child{max-width:48rem;line-height:1.8}
.information-guides,.information-faq{scroll-margin-top:calc(var(--site-header-height,6rem) + 1.5rem)}
.information-faq{border-top:1px solid var(--reading-line);padding-top:3.5rem}
.information-faq .faq-search{margin-bottom:2rem}
@media(max-width:760px){.information-jump{gap:1.5rem;justify-content:space-between}.information-jump a{gap:.75rem;font-size:.9rem}.information-faq{padding-top:2.5rem}.information-section-heading{margin-bottom:1.5rem}}

.information-guides{padding-top:2.5rem}
.reading-page .information-faq{padding-top:3rem}
.guide-product-links{display:grid;gap:.85rem;padding-top:2rem;border-top:1px solid var(--reading-line)}
.guide-product-links a{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--reading-line)}

.managed-article img{display:block;max-width:100%;height:auto}.managed-article figure{margin:1.5rem 0}.managed-article p,.managed-article li{overflow-wrap:anywhere}.managed-article h2{scroll-margin-top:100px}