/* Earth’s Testimony — shared additions for the case and Witness pages. */
.testimony-intro { padding-block:clamp(3rem,6.5vw,6rem); }
.testimony-intro-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.testimony-intro h1 { font-size:clamp(3.25rem,6.3vw,6.5rem); line-height:1.02; margin:1.1rem 0 1.7rem; }
.testimony-intro .intro-lead { color:var(--white); font-size:clamp(1.35rem,2vw,1.7rem); line-height:1.5; max-width:38ch; }
.testimony-intro p:not(.eyebrow):not(.intro-lead) { color:var(--muted); max-width:57ch; }
.fiction-label { display:inline-block; color:var(--subtle); font:400 .8125rem/1.6 var(--mono); letter-spacing:.02em; border:1px solid #3b5265; padding:.4rem .65rem; margin-bottom:1.4rem; }
.testimony-cover { min-width:0; border:1px solid #58778d; padding:clamp(1.6rem,3vw,3rem); background:radial-gradient(ellipse at 100% 0%,#15395199,transparent 65%),#0a1520; }
.testimony-cover__top { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding-bottom:1.25rem; border-bottom:1px solid #385167; }
.testimony-cover__top p { margin:0; }
.testimony-cover__mark { color:var(--cyan); font-size:2.5rem; line-height:1; }
.testimony-cover__question { font-size:clamp(1.75rem,2.6vw,2.65rem); letter-spacing:-.035em; line-height:1.3; margin:2.5rem 0; }
.testimony-cover .record-cover__meta { margin-top:0; }
.testimony-cover .small-note { margin:1.2rem 0 0; }
.witness-hero-figure { border:1px solid #4b687e; background:#0b1925; min-width:0; }
.witness-hero-figure img { width:100%; height:auto; }
.witness-hero-figure figcaption { padding:1.5rem; }
.witness-hero-figure figcaption p { font-size:1.125rem; color:var(--muted); margin:.6rem 0 0; }
.witness-record-wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:3rem; align-items:center; margin-block:2rem; }
.witness-record-wrap h3 { font-size:clamp(1.7rem,2.5vw,2.5rem); margin-bottom:1.5rem; }
.witness-record-wrap > div > p { color:var(--muted); }
.testimony-tag { display:inline-flex; align-items:center; border:1px solid #53738a; padding:.25rem .65rem; color:var(--cyan); font:500 .75rem/1.6 var(--mono); letter-spacing:.03em; text-transform:uppercase; }
.testimony-tag--pledge { color:#f2c39a; border-color:#8f6c50; }
.testimony-tag--future { color:var(--subtle); border-color:#3b4b59; }
.testimony-filters { display:flex; flex-wrap:wrap; gap:.65rem; margin-bottom:1.5rem; }
.testimony-filters button { min-height:44px; border:1px solid #4a6477; color:var(--muted); background:transparent; padding:.55rem 1rem; cursor:pointer; font-size:1rem; }
.testimony-filters button[aria-pressed="true"] { background:var(--cyan); color:var(--ink); border-color:var(--cyan); }
.testimony-exhibits { display:grid; gap:1.5rem; }
.testimony-exhibit { border:1px solid #395468; background:#0b1722; padding:clamp(1.5rem,3vw,3rem); scroll-margin-top:calc(var(--header) + 1rem); }
.testimony-exhibit__top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:center; margin-bottom:1.5rem; }
.testimony-exhibit__top .eyebrow { margin:0; }
.testimony-exhibit__grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:clamp(2rem,4vw,4rem); }
.testimony-exhibit h3 { font-size:clamp(1.9rem,3vw,3rem); margin-bottom:1.3rem; }
.testimony-exhibit p:not(.eyebrow):not(.small-note) { color:var(--muted); }
.testimony-exhibit .testimony-aside { border-left:1px solid #365164; padding-left:2rem; min-width:0; }
.testimony-aside blockquote { font-size:1.35rem; line-height:1.55; color:var(--white); margin:0 0 1.3rem; }
.testimony-aside .small-note { margin:0; }
.source-links { margin:1.5rem 0 0; padding:1.2rem 0 0; border-top:1px solid var(--line); list-style:none; }
.source-links li { margin:.55rem 0; font-size:1rem; line-height:1.6; }
.source-links a { color:var(--cyan); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.source-links span { color:var(--subtle); display:block; font-size:.875rem; }
.testimony-exhibit .actions { margin-top:1.4rem; }
.testimony-exhibit .small-note { font-size:.9375rem; }
.testimony-steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.testimony-steps li { border-top:1px solid #4b6d84; padding:1.5rem 0; min-width:0; }
.testimony-steps h3 { font-size:1.5rem; margin:.8rem 0 1rem; }
.testimony-steps p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; }
.testimony-step-state { display:block; margin-top:1.25rem; font:400 .8125rem/1.6 var(--mono); color:var(--subtle); }
.testimony-steps li:first-child .testimony-step-state { color:var(--cyan); }
.mission-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.mission-card { display:flex; flex-direction:column; border:1px solid #3c586d; padding:1.75rem; background:#0b1722; min-width:0; }
.mission-card h3 { font-size:1.65rem; margin:.25rem 0 1.1rem; }
.mission-card p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; }
.mission-card .mission-result { color:var(--white); padding-top:1rem; border-top:1px solid var(--line); }
.mission-card .text-link { margin-top:auto; align-self:flex-start; }
.witness-brief { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:3rem; padding:clamp(1.5rem,3vw,3rem); margin-top:2rem; background:#102333; border:1px solid #52728a; }
.witness-brief h3 { font-size:clamp(1.8rem,2.6vw,2.5rem); margin-bottom:1.5rem; }
.witness-brief p { color:var(--muted); }
.witness-brief__question { color:var(--white)!important; font-size:1.4rem; line-height:1.5; }
.witness-brief ol { padding-left:1.5rem; font-size:1.0625rem; color:var(--muted); }
.witness-brief li { padding-left:.25rem; margin-bottom:.7rem; }
.testimony-laws { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem 2.5rem; }
.testimony-laws article { border-top:1px solid #46657c; padding-top:1.5rem; }
.testimony-laws h3 { font-size:1.5rem; margin-bottom:1rem; }
.testimony-laws p { color:var(--muted); font-size:1.0625rem; }
.testimony-builder { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:clamp(1.5rem,3vw,3rem); align-items:start; }
.draft-form { min-width:0; }
.draft-form fieldset { border:0; padding:0; margin:0; min-width:0; }
.draft-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.draft-field { min-width:0; }
.draft-field--wide { grid-column:1/-1; }
.draft-field label { display:block; font-size:1.0625rem; color:var(--white); font-weight:500; margin-bottom:.4rem; }
.draft-field input,.draft-field select,.draft-field textarea { width:100%; padding:.8rem .9rem; font:400 1rem/1.55 var(--sans); border:1px solid #4b667a; border-radius:0; color:var(--white); background:#08121d; min-height:48px; }
.draft-field textarea { min-height:130px; resize:vertical; }
.draft-field textarea.draft-sources { min-height:110px; font-family:var(--mono); font-size:.875rem; }
.draft-field input[aria-invalid="true"],.draft-field textarea[aria-invalid="true"],.draft-field select[aria-invalid="true"] { border-color:#efb18e; }
.draft-field .field-help { display:block; color:var(--subtle); font-size:.875rem; line-height:1.6; margin:.45rem 0 0; }
.draft-field input::placeholder,.draft-field textarea::placeholder { color:#91a5b4; opacity:1; }
.draft-check { display:flex; align-items:flex-start; gap:.8rem; margin:1.5rem 0; color:var(--muted); font-size:.9375rem; line-height:1.6; }
.draft-check input { margin-top:.25rem; width:20px; height:20px; flex-shrink:0; accent-color:var(--cyan); }
.draft-actions { display:flex; flex-wrap:wrap; gap:1rem; margin:1.5rem 0 1rem; }
.draft-actions .button { gap:1rem; cursor:pointer; }
.draft-actions-secondary { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; }
.draft-status { color:var(--subtle); font-size:.9375rem; margin:1rem 0; min-height:1.6em; }
.draft-preview { position:sticky; top:calc(var(--header) + 1.5rem); border:1px solid #547389; background:radial-gradient(ellipse at 100% 0,#16374a66,transparent 60%),#0a1824; padding:clamp(1.5rem,2.5vw,2.5rem); min-width:0; }
.draft-preview h3 { font-size:1.8rem; margin:1.4rem 0 1rem; overflow-wrap:anywhere; }
.draft-preview h4 { font-size:1.0625rem; letter-spacing:0; margin:1.6rem 0 .5rem; color:var(--cyan); }
.draft-preview p,.draft-preview li { font-size:.9375rem; line-height:1.7; color:var(--muted); overflow-wrap:anywhere; white-space:pre-wrap; }
.draft-preview .preview-meta { color:var(--subtle); font:400 .75rem/1.7 var(--mono); margin:1rem 0 1.5rem; }
.draft-preview ul { padding-left:1.2rem; }
.draft-preview a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.draft-preview .preview-empty { color:#a1b4c3; font-style:italic; }
.draft-preview .preview-limit { border-top:1px solid #3d596f; margin-top:1.5rem; padding-top:1rem; }
.draft-errors { border:1px solid #ae7b5b; background:#251a16; color:#f8d8c4; padding:1.2rem 1.4rem; margin:0 0 1.5rem; font-size:1rem; }
.draft-errors p { margin:0 0 .6rem; color:#f8d8c4; }
.draft-errors ul { margin:0; padding-left:1.25rem; }
.draft-errors a { text-decoration:underline; text-underline-offset:3px; }
.testimony-builder-note { padding:1rem 1.2rem; margin:0 0 1.5rem; border-left:2px solid #6a94b0; background:#0b1a26; color:var(--muted); font-size:.9375rem; }
.mission-summary { padding:1rem 1.25rem; margin:1.5rem 0; border:1px solid #3c5c73; }
.mission-summary p { margin:0; color:var(--muted); font-size:1rem; }
.mission-summary strong { color:var(--cyan); }
.witness-roles { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.witness-roles li { border-top:1px solid #3f5e74; padding-top:1.3rem; }
.witness-roles strong { display:block; font-size:1.25rem; margin-bottom:.5rem; }
.witness-roles p { color:var(--muted); font-size:1.0625rem; }
.testimony-callout { margin:3rem 0 0; border-left:2px solid var(--cyan); padding:0 0 0 1.5rem; color:var(--white); font-size:clamp(1.5rem,2.5vw,2.2rem); line-height:1.4; letter-spacing:-.025em; }
.testimony-meme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin-top:2rem; }
.testimony-meme { display:flex; flex-direction:column; align-items:flex-start; padding:1.6rem; background:#0b1925; border:1px solid #3b596f; }
.testimony-meme p { color:var(--white); font:500 clamp(1.25rem,2vw,1.8rem)/1.3 var(--sans); letter-spacing:-.025em; margin-bottom:1.5rem; }
.testimony-meme .text-button { margin-top:auto; }
.testimony-meme small { font-size:.8125rem; color:var(--subtle); }
@media(max-width:1100px) { .mission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .testimony-builder { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:1.5rem; } .draft-fields { grid-template-columns:1fr; } .draft-field--wide { grid-column:auto; } }
@media(max-width:850px) { .testimony-intro-grid,.testimony-exhibit__grid,.testimony-builder,.witness-brief,.witness-record-wrap { grid-template-columns:1fr; } .testimony-cover { max-width:640px; } .testimony-exhibit .testimony-aside { border-left:0; border-top:1px solid #365164; padding:1.5rem 0 0; } .draft-preview { position:static; } .testimony-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .testimony-meme-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .testimony-intro h1 { font-size:clamp(3rem,11vw,4.5rem); } .testimony-laws,.mission-grid,.testimony-steps,.witness-roles { grid-template-columns:1fr; } .testimony-cover__question { margin-block:1.8rem; } .testimony-exhibit { padding:1.4rem; } .testimony-exhibit__top { align-items:flex-start; flex-direction:column; } .draft-actions { flex-direction:column; align-items:stretch; } .draft-actions .button { width:100%; justify-content:center; } .mission-card { padding:1.4rem; } .testimony-builder-note { padding:1rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .testimony-filters,.draft-form,.draft-actions,.draft-actions-secondary,.testimony-meme-grid .text-button { display:none; } .testimony-intro-grid,.testimony-exhibit__grid,.testimony-builder,.testimony-steps,.testimony-laws,.mission-grid { display:block; } .testimony-exhibit,.draft-preview,.testimony-cover,.mission-card { background:white; color:black; border:1px solid #777; margin-block:1rem; break-inside:avoid; } .testimony-exhibit p,.draft-preview p,.draft-preview li { color:black; } .draft-preview { position:static; } }
/* A small first contribution, followed by deeper tools and references. */
.quick-start-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(1.5rem,4vw,4rem); align-items:start; }
.quick-form { min-width:0; }
.quick-form fieldset { border:0; padding:0; margin:0; min-width:0; }
.quick-form .draft-field { margin-bottom:1.25rem; }
.quick-form textarea { min-height:110px; }
.source-example { border:1px solid #4a6b83; background:#0a1824; padding:clamp(1.4rem,3vw,2.5rem); min-width:0; }
.source-example h3 { font-size:clamp(1.7rem,2.5vw,2.3rem); line-height:1.2; margin:.75rem 0 1.5rem; }
.example-record,.evidence-gaps { margin:0 0 1.5rem; }
.example-record>div,.evidence-gaps>div { padding:1rem 0; border-top:1px solid #365164; }
.example-record dt,.evidence-gaps dt { color:var(--cyan); font:500 .85rem/1.5 var(--mono); margin-bottom:.4rem; }
.example-record dd,.evidence-gaps dd { margin:0; color:var(--muted); font-size:1rem; line-height:1.65; }
.source-example p.small-note { font-size:.85rem; color:var(--subtle); margin-top:1.25rem; }
.starter-alternatives { display:flex; align-items:center; flex-wrap:wrap; gap:1rem 2rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid #365164; }
.starter-alternatives p { margin:0; color:var(--muted); flex-basis:100%; }
.full-builder>summary { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; list-style:none; cursor:pointer; padding-bottom:1.5rem; }
.full-builder>summary::-webkit-details-marker { display:none; }
.full-builder>summary .eyebrow,.full-builder>summary .small-note { display:block; }
.builder-summary-title { display:block; font-size:clamp(2rem,4.2vw,3.8rem); line-height:1.1; letter-spacing:-.035em; margin:.8rem 0 1rem; }
.details-plus { display:block; color:var(--cyan); font-size:2.7rem; font-weight:300; }
.full-builder[open] .details-plus { transform:rotate(45deg); }
.full-builder>summary:focus-visible,.reference-panel>summary:focus-visible { outline:2px solid var(--cyan); outline-offset:7px; }
.draft-switch-note { padding:1rem 1.25rem; margin-top:1.25rem; border-left:2px solid #d7b58a; background:#241c14; }
.draft-switch-note p { font-size:.95rem; color:#e5d0b8; }
.contribution-path { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; margin:2rem 0; }
.contribution-path li { border-top:1px solid #50718a; padding-top:1.4rem; min-width:0; }
.contribution-path li>span { font:400 .8rem/1.6 var(--mono); color:var(--cyan); }
.contribution-path h3 { font-size:1.45rem; line-height:1.25; margin:1rem 0; }
.contribution-path p { font-size:1rem; line-height:1.7; color:var(--muted); }
.witness-first-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); }
.witness-first-step h3 { font-size:clamp(1.7rem,2.5vw,2.3rem); line-height:1.2; }
.witness-first-step p,.witness-first-step li { color:var(--muted); font-size:1.05rem; line-height:1.7; }
.witness-first-step aside { border-left:1px solid #47677f; padding-left:2rem; }
.witness-first-step ol { padding-left:1.3rem; }
.witness-first-step li { margin-bottom:.7rem; }
.witnesses-page #recognition,.witnesses-page #rooms,.witnesses-page #agents { padding-block:1.25rem; }
.reference-panel { border:1px solid #3b586e; padding:1.35rem 1.5rem; }
.reference-panel>summary { cursor:pointer; color:var(--white); padding-right:1rem; }
.reference-panel>summary .reference-title { font-size:1.45rem; line-height:1.3; font-weight:500; }
.reference-panel>summary .small-note { display:block; margin-top:.4rem; }
.reference-panel[open]>summary { padding-bottom:1.4rem; margin-bottom:1.5rem; border-bottom:1px solid #3b586e; }
.reference-panel .record-heading { margin-top:2rem; }
.reference-panel>p { color:var(--muted); }
.room-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.room-link-grid a { display:block; border:1px solid #355268; padding:1.25rem; background:#0a1824; text-decoration:none; }
.room-link-grid strong { display:block; color:var(--cyan); font-size:1.1rem; margin-bottom:.5rem; }
.room-link-grid span { color:var(--muted); font-size:.95rem; line-height:1.6; }
@media(max-width:1000px) { .contribution-path { grid-template-columns:repeat(2,minmax(0,1fr)); } .room-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:850px) { .quick-start-grid,.witness-first-step { grid-template-columns:1fr; } .witness-first-step aside { border-left:0; border-top:1px solid #47677f; padding-left:0; padding-top:1.5rem; } .witness-onboarding { padding-top:2rem; } .witness-onboarding .witness-hero-figure { margin-top:0; } }
@media(max-width:600px) { .contribution-path,.room-link-grid { grid-template-columns:1fr; } .reference-panel { padding:1.2rem; } .starter-alternatives { align-items:flex-start; flex-direction:column; } .full-builder>summary { align-items:flex-start; } .witness-onboarding .institution-lead { font-size:1.25rem; } .witness-onboarding .witness-hero-figure img { max-height:250px; object-fit:cover; } }
@media print { .quick-form,.starter-alternatives,.details-plus { display:none; } .quick-start-grid,.contribution-path,.witness-first-step { display:block; } .source-example { background:white; color:black; border-color:#777; } .example-record dd { color:black; } }