/* V7 About: owned by scripts/about_page.py. All rules are route-scoped.
   Shared loading/editorial layers remain live owners of tokens and site chrome. */
.rung-v4 .about-page { --rung-about-link: #A63E12; margin:0; padding:0; }
[data-theme="dark"] .rung-v4 .about-page { --rung-about-link:var(--rung-ember-deep); }
.rung-v4 .about-shell { max-width:1280px; margin-inline:auto; padding-inline:clamp(var(--rung-space-5),5vw,var(--rung-space-8)); }
.rung-v4 .about-page h1,.rung-v4 .about-page h2,.rung-v4 .about-page h3 { text-wrap:balance; letter-spacing:-.035em; }
.rung-v4 .about-page h1 { font-size:clamp(42px,4.5vw,66px); line-height:1.06; max-width:14ch; margin-bottom:var(--rung-space-5); }
.rung-v4 .about-page h2 { font-size:clamp(32px,3.2vw,44px); line-height:1.14; max-width:18ch; }
.rung-v4 .about-page h3 { font-size:26px; line-height:1.2; margin-bottom:var(--rung-space-4); }
.rung-v4 .about-page p { max-width:64ch; margin-bottom:var(--rung-space-4); }
.rung-v4 .about-page p:last-child { margin-bottom:0; }
.rung-v4 .about-page a { color:var(--rung-about-link); text-decoration:underline; text-underline-offset:5px; }
.rung-v4 .about-page a:hover { text-decoration-thickness:2px; }
.rung-v4 .about-page a:focus-visible { outline:3px solid var(--rung-about-link); outline-offset:5px; }
.rung-v4 .about-page .rv-crumbs a { color:var(--rung-text-muted); }
.rung-v4 .about-hero { display:grid; grid-template-columns:1fr 1.04fr; gap:var(--rung-space-8); align-items:center; padding-block:var(--rung-space-7) var(--rung-space-8); }
.rung-v4 .about-category { font-size:14px; color:var(--rung-text-muted); }
.rung-v4 .about-hero .about-lede { font-size:21px; line-height:1.5; color:var(--rung-text); margin-bottom:var(--rung-space-5); }
.rung-v4 .about-photo { margin:0; }
.rung-v4 .about-photo img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:2px; }
.rung-v4 .about-photo figcaption { color:var(--rung-text-muted); font-size:12px; line-height:1.5; margin-top:var(--rung-space-3); }
.rung-v4 .about-split { display:grid; grid-template-columns:1fr 1.35fr; gap:var(--rung-space-9); }
.rung-v4 .about-purpose { padding-block:var(--rung-space-8); border-top:1px solid var(--rung-line); }
.rung-v4 .about-audience { background:var(--rung-ink); color:#D6D3CE; padding-block:var(--rung-space-8); }
.rung-v4 .about-audience :is(h2,h3) { color:#F4F1EC; }
.rung-v4 .about-audience a { color:#F5A078; font-size:15px; display:inline-block; padding-block:var(--rung-space-2); }
.rung-v4 .about-audience a:focus-visible { outline-color:#F5A078; }
.rung-v4 .about-audience-intro { align-items:start; margin-bottom:var(--rung-space-7); }
.rung-v4 .about-audience-intro h2 { margin-bottom:0; }
.rung-v4 .about-needs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--rung-space-7); }
.rung-v4 .about-needs > div { border-top:1px solid #475D6B; padding-top:var(--rung-space-5); }
.rung-v4 .about-needs h3 { font-size:28px; max-width:19ch; }
.rung-v4 .about-needs p { font-size:16px; }
.rung-v4 .about-art { color:#B7C6CF; height:88px; margin-bottom:var(--rung-space-5); }
.rung-v4 .about-art svg { width:80px; height:80px; --rung-icon-ink:currentColor; --rung-icon-fill:transparent; --rung-icon-accent:#F0743B; }
.rung-v4 .about-respect { padding-block:var(--rung-space-9); }
.rung-v4 .about-respect-art { display:block; margin-bottom:var(--rung-space-5); color:var(--rung-dusk); }
.rung-v4 .about-respect-art svg { width:96px; height:96px; --rung-icon-ink:currentColor; --rung-icon-fill:var(--rung-surface-alt); --rung-icon-accent:var(--rung-ember); }
.rung-v4 .about-respect .about-prose { padding-top:var(--rung-space-4); }
.rung-v4 .about-respect h3 { margin-top:var(--rung-space-6); font-size:24px; }
.rung-v4 .about-standards { padding-block:var(--rung-space-8); border-top:1px solid var(--rung-line); }
.rung-v4 .about-standard-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:var(--rung-space-9); row-gap:var(--rung-space-7); margin-top:var(--rung-space-7); }
.rung-v4 .about-standard-grid section { border-top:2px solid var(--rung-line); padding-top:var(--rung-space-5); }
.rung-v4 .about-standard-grid section:first-child { border-top-color:var(--rung-ember); }
.rung-v4 .about-standard-grid a { font-size:15px; display:inline-block; padding-block:var(--rung-space-2); }
.rung-v4 .about-trust { padding-block:var(--rung-space-8); border-top:1px solid var(--rung-line); }
.rung-v4 .about-trust-copy .rv-section { border:0; padding:0; margin:var(--rung-space-7) 0 0; }
.rung-v4 .about-trust-copy .rv-section h2 { font-size:28px; }
.rung-v4 .about-trust-copy .rv-note { background:var(--rung-surface-alt); border:0; border-left:3px solid var(--rung-ember); padding:var(--rung-space-6); margin:0; }
.rung-v4 .about-trust-copy .rv-note h3 { font-size:26px; }
.rung-v4 .about-trust-copy .rv-note p { font-size:16px; }
.rung-v4 .about-accountability { padding-block:var(--rung-space-8) var(--rung-space-9); border-top:1px solid var(--rung-line); }
.rung-v4 .about-contact a { overflow-wrap:anywhere; }
.rung-v4 .about-policy-links { display:grid; margin-top:var(--rung-space-5); }
.rung-v4 .about-policy-links a { display:flex; justify-content:space-between; gap:var(--rung-space-4); padding-block:var(--rung-space-4); border-top:1px solid var(--rung-line); font-size:15px; }
@media(max-width:1024px) { .rung-v4 .about-hero { gap:var(--rung-space-6); }.rung-v4 .about-split,.rung-v4 .about-standard-grid { gap:var(--rung-space-7); }.rung-v4 .about-needs { gap:var(--rung-space-5); } }
@media(max-width:767px) {
 .rung-v4 .about-hero,.rung-v4 .about-split,.rung-v4 .about-needs,.rung-v4 .about-standard-grid { grid-template-columns:1fr; gap:var(--rung-space-6); }
 .rung-v4 .about-hero { padding-block:var(--rung-space-6) var(--rung-space-7); }
 .rung-v4 .about-page h1 { font-size:clamp(40px,8.8vw,60px); max-width:17ch; }
 .rung-v4 .about-page h2 { max-width:23ch; margin-bottom:0; }
 .rung-v4 .about-hero .about-lede { font-size:19px; }
 .rung-v4 .about-purpose,.rung-v4 .about-audience,.rung-v4 .about-respect,.rung-v4 .about-standards,.rung-v4 .about-trust,.rung-v4 .about-accountability { padding-block:var(--rung-space-7); }
 .rung-v4 .about-needs > div { display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:var(--rung-space-4); }
 .rung-v4 .about-art { grid-column:1; grid-row:1 / span 3; height:56px; margin:0; }
 .rung-v4 .about-art svg { width:56px; height:56px; }
 .rung-v4 .about-needs :is(h3,p,a) { grid-column:2; }
 .rung-v4 .about-needs h3 { font-size:26px; }
 .rung-v4 .about-audience-intro { margin-bottom:var(--rung-space-6); }
 .rung-v4 .about-respect .about-prose { padding-top:0; }
 .rung-v4 .about-trust-copy .rv-note { padding:var(--rung-space-5); }
 .rung-v4 .about-trust-copy .rv-section h2 { margin-bottom:var(--rung-space-5); }
}
@media(prefers-reduced-motion:reduce) { .rung-v4 .about-page * { animation:none; transition:none; scroll-behavior:auto; } }
@media print {
 .rung-v4 .about-page { --rung-text:#17212B; --rung-text-body:#2B3742; --rung-text-muted:#5F6872; --rung-surface:#fff; --rung-surface-alt:#fff; --rung-about-link:#17212B; --rung-line:#D8D0C4; color:#17212B; background:#fff; }
 .rung-v4 .about-shell { max-width:none; padding:0; }
 .rung-v4 .about-page .rv-crumbs { display:none; }
 .rung-v4 .about-hero,.rung-v4 .about-split { display:block; padding-block:20px; }
 .rung-v4 .about-photo { max-width:320px; margin-top:20px; break-inside:avoid; }
 .rung-v4 .about-page h1 { font-size:36px; max-width:none; }
 .rung-v4 .about-page h2 { font-size:28px; max-width:none; margin-bottom:16px; }
 .rung-v4 .about-audience { background:#fff; color:#17212B; padding-block:20px; }
 .rung-v4 .about-audience :is(h2,h3,a) { color:#17212B; }
 .rung-v4 .about-art,.rung-v4 .about-respect-art { display:none; }
 .rung-v4 .about-needs,.rung-v4 .about-standard-grid { display:block; margin-top:20px; }
 .rung-v4 .about-needs > div,.rung-v4 .about-standard-grid section { display:block; padding-block:16px; break-inside:avoid; }
 .rung-v4 .about-page p { max-width:none; }
 .rung-v4 .about-trust-copy .rv-note { break-inside:avoid; }
}