/* Reading and company pages extend the established Not Organic identity. */
.publication { line-height: 1.65; }
.publication h1 { line-height: 1.02; }
.publication :where(main) h2 { font-size: clamp(1.65rem, 3vw, 2.6rem); line-height: 1.15; letter-spacing: -.025em; }
.publication h3 { font-size: 1.2rem; line-height: 1.35; margin: 0 0 .7rem; }
.publication p { max-width: 72ch; }
.publication .page-hero { position: relative; isolation: isolate; overflow: hidden; }
.publication .page-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none; background: url("/textures/canopy.webp") center / cover; opacity: .12; mix-blend-mode: multiply; }
.publication .investor-hero::before { opacity: .22; }
.publication .hero-canvas { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: soft-light; opacity: 0; }
.publication .hero-canvas.is-ready { opacity: .45; }
@media (prefers-reduced-motion: reduce) { .publication .hero-canvas { display: none; } }
@supports not (mix-blend-mode: soft-light) { .publication .hero-canvas { display: none; } }
@media print { .publication .page-hero::before, .publication .hero-canvas { display: none; } }
.publication .document-date { font-size: .85rem; margin-top: 1.6rem; }
.publication .button-dark { background: var(--brand-ink); color: var(--page); }
.document-notice { width: min(100% - 40px, 1240px); margin: 28px auto; padding: 22px 26px; border: 1px solid var(--line); color: var(--ink); }
.document-notice strong { display: block; }
.reading-layout { width: min(100% - 40px, 1160px); margin: 64px auto 100px; display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(32px, 5vw, 90px); }
.reading-nav { align-self: start; position: sticky; top: 24px; max-height: calc(100vh - 48px); overflow: auto; }
.reading-nav nav { display: grid; gap: 2px; }
.reading-nav nav a { padding: 8px 0; font-size: .87rem; }
.document-switch { display: block; padding-top: 24px; font-size: .87rem; font-weight: 750; }
.reading-body { min-width: 0; }
.reading-section { padding: 48px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.reading-section h2 { margin: 0 0 24px; }
.reading-section p { margin: 0 0 1.2rem; }
.reading-section p:last-child { margin-bottom: 0; }
.reading-section li { margin-bottom: .6rem; }
.reading-section a, .plain-summary a { text-underline-offset: .2em; text-decoration-thickness: 1px; }
.plain-summary { padding: 30px; background: var(--brand-ink); color: var(--page); }
.plain-summary h2 { margin: 0 0 20px; font-size: 1.45rem; }
.plain-summary ul { padding-left: 1.2rem; }
.plain-summary li { padding-bottom: .6rem; }
.plain-summary .summary-footnote { font-size: .82rem; margin-bottom: 0; }
.policy-records { margin: 24px 0; }
.policy-records div { padding: 18px 0; border-top: 1px solid var(--line); }
.policy-records dt { font-weight: 750; }
.policy-records dd { margin: 8px 0 0; }
.publication .table-scroll { overflow-x: auto; }
.publication table { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 480px; }
.publication th, .publication td { text-align: left; vertical-align: top; padding: 16px; border-bottom: 1px solid var(--line); }
.publication th { color: var(--page); background: var(--brand-ink); }
.publication td:first-child { width: 32%; font-weight: 700; }
.publication .investor-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(200px, .6fr); gap: 35px; align-items: center; }
.investor-art { margin: 0; text-align: center; }
.investor-art img { display: block; width: 100%; height: auto; }
:root[data-theme="dark"] .investor-art img { filter: brightness(0) invert(1); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .investor-art img { filter: brightness(0) invert(1); } }
.investor-art figcaption { font-size: .8rem; line-height: 1.5; }
.investor-contents { width: min(100% - 40px, 1240px); margin: 0 auto; padding: 28px 0; border-bottom: 1px solid var(--line); gap: 16px 28px; }
.publication main > .reading-section { padding: clamp(48px, 7vw, 90px) 0; }
.investor-columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 96px); }
.investor-columns h3:not(:first-child) { margin-top: 32px; }
.large-copy { font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.4; letter-spacing: -.015em; }
.investor-products { margin: 36px 0; }
.investor-products > a { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 28px; padding: 28px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.investor-products h3 { font-size: 1.7rem; margin: 0 0 6px; }
.investor-products p { margin: 0; color: var(--forest-soft); }
.investor-products a:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
.investor-products img { object-fit: contain; }
.investor-products > a > span:last-child { font-size: 1.4rem; }
.economics-example { padding: clamp(24px, 4vw, 42px); background: var(--brand-ink); color: var(--page); align-self: start; }
.economics-example dl div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 0; border-bottom: 1px solid currentColor; }
.economics-example dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 750; }
.economics-example p { font-size: .9rem; }
.evidence-list > div { display: grid; grid-template-columns: minmax(190px, .7fr) 1.5fr; gap: 16px 50px; border-top: 1px solid var(--line); padding: 28px 0; }
.evidence-list a { grid-column: 2; }
.publication .site-header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.publication a:focus-visible, .publication [tabindex]:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
@media (max-width: 900px) { .reading-layout { grid-template-columns: 1fr; margin-top: 32px; } .reading-nav { position: static; max-height: none; } .reading-nav nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 20px; } .publication .investor-hero { grid-template-columns: 1fr; } .investor-art { max-width: 260px; margin: auto; } .investor-columns { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .publication .site-header nav a[href*="investors"] { display: inline-flex; min-height: 44px; align-items: center; } .publication .site-header nav { gap: 8px 14px; } .reading-layout, .document-notice, .investor-contents { width: calc(100% - 24px); } .reading-nav nav { grid-template-columns: 1fr; } .reading-nav nav a { padding-block: 10px; } .plain-summary { padding: 24px; } .investor-products > a { grid-template-columns: 48px 1fr auto; gap: 16px; } .investor-products img, .investor-products .app-logo { width: 48px; height: 48px; } .evidence-list > div { grid-template-columns: 1fr; } .evidence-list a { grid-column: 1; } }
@media print { .site-header, .site-footer, .reading-nav, .investor-contents { display: none; } .publication, .publication * { color: #111 !important; background: transparent !important; } .reading-layout { display: block; margin: 0; width: 100%; } .publication .page-hero { padding: 0; width: 100%; } .document-notice { width: 100%; } .reading-section { break-inside: auto; } h2, h3 { break-after: avoid; } }