/* The Living Archive — shared visual language. Presentation only. */
:root { --archive-navy:#172544; --archive-gold:#9b761d; --archive-cream:#fbf8ed; --archive-paper:#f5efdd; --archive-slate:#566176; --archive-line:rgba(155,118,29,.25); }
body.archive-room {
 --bg:#fbf8ed; --bg0:#fbf8ed; --bg1:#f5efdd; --ink:#172544; --text:#172544;
 --soft:#566176; --muted:#566176; --primary:#172544; --secondary:#f5efdd;
 --accent:#9b761d; --accent-2:#c7a34a; --brand:#172544; --brand2:#243b68;
 --deep:#172544; --deep2:#243b68; --card:#fffdf7; --border:rgba(155,118,29,.25);
 --card-border:rgba(155,118,29,.25); --shadow:0 16px 40px rgba(23,37,68,.07);
 background:radial-gradient(ellipse at 50% 0%,rgba(199,163,74,.08),transparent 55%),#fbf8ed !important;
 color:#172544 !important; font-family:Georgia,'Times New Roman',serif !important; line-height:1.65;
}
.archive-room :is(h1,h2,h3,h4,.title,.memory-title,.card-title,.stat-num,.meta-value,.metaVal,.timeNum) { color:#172544 !important; font-family:Georgia,'Times New Roman',serif !important; }
.archive-room h1 { font-weight:400; letter-spacing:-.025em; line-height:1.15; }
.archive-room :is(p,li,.sub,.subtitle,.voices-subtitle,.section-subtitle,.card-sub,.tag,.fine,.hint,.meta,.note,.muted-note,.memory-summary-meta,.library-results-note,.stat-label,.meta-label,.metaLabel,.timeLab,.small) { color:#566176 !important; }
.archive-room :is(a,.link-btn) { color:#172544; }
.archive-room :is(.eyebrow,.voices-eyebrow,.kicker,.hero-kicker,.voice-type,.timeline-month,.timeline-origin,.meta-label,.metaLabel) { color:#896615 !important; }
.archive-room :is(.hero,.hero-panel,.voices-hero,.trust-hero-card,.card,.section,.trust-block,.trust-bridge-card,.voice-card,.value-card,.principle-card,.tf-card,.policy-section,.voices-future,.voices-note,.formCard,.side,.panel,.memory-card,.empty,.detail) {
 background:#fffdf7 !important; color:#172544 !important; border-color:rgba(155,118,29,.25) !important;
 box-shadow:0 16px 40px rgba(23,37,68,.06) !important;
}
.archive-room :is(.hero,.voices-hero,.hero-panel,.trust-hero-card) { background:linear-gradient(180deg,#fffdf7,#f5efdd) !important; }
.archive-room :is(.section.dark,.trust-closing) { background:#f5efdd !important; color:#172544 !important; }
.archive-room :is(.quote,.callout,.promise,.memory-note,.meta-box,.metaBox,.audio-wrap,.audioCard,.stat,.timeBox,.countdownWrap,.panelHead,.panelBody,.cardInner,.hero-kicker,.badge,.pill,.library-tabs,.timeline-filter-bar) {
 background:#f5efdd !important; border-color:rgba(155,118,29,.25) !important; color:#172544 !important;
}
.archive-room .quote { border-left-color:#9b761d !important; }
.archive-room :is(.btn,button,.button-nav,.link-btn,.reply-link-btn) {
 font-family:system-ui,-apple-system,'Segoe UI',sans-serif; background:#172544; color:#fffdf7;
 border-color:rgba(155,118,29,.45); box-shadow:none;
}
.archive-room :is(.btn,.button-nav,.link-btn,.reply-link-btn) { background:#172544 !important; color:#fffdf7 !important; box-shadow:0 8px 20px rgba(23,37,68,.10) !important; }
.archive-room :is(.btn.secondary,.btn-secondary,.btn.soft,.btnGhost,.secondary,.timeline-filter,.library-tab,.switcher button,.trust-menu-toggle) { background:#f5efdd !important; color:#172544 !important; border-color:rgba(155,118,29,.3) !important; box-shadow:none !important; }
.archive-room :is(.btn-primary,.btn.primary,.btnPrimary,.timeline-filter.active,.library-tab.active,.switcher button.active) { background:#172544 !important; color:#fffdf7 !important; }
.archive-room :is(input,textarea,select) { background:#fffdf7 !important; color:#172544 !important; border-color:rgba(155,118,29,.4) !important; font-family:system-ui,-apple-system,'Segoe UI',sans-serif; max-width:100%; }
.archive-room :is(input,textarea)::placeholder { color:#687086 !important; opacity:1; }
.archive-room :is(.fwl-page-nav,.top-nav,.topbar,.trust-mobile-menu,.trust-menu-links,.fwl-footer,.mobile-bottom-nav) { background:#fbf8ed !important; color:#172544 !important; border-color:rgba(155,118,29,.25) !important; }
.archive-room :is(.fwl-page-nav a,.top-nav a,.topbar a,.fwl-footer a,.mobile-nav-item,.fwl-footer p,.fwl-footer-bottom) { color:#172544 !important; }
.archive-room :is(.fwl-footer-brand h3,.fwl-footer-brand h2) { color:#896615 !important; }
.archive-room .mobile-record-item { background:#f5efdd !important; }
.archive-room :is(.fwl-chat-panel,.fwl-chat-header,.fwl-chat-input-row) { background:#fffdf7 !important; color:#172544 !important; border-color:rgba(155,118,29,.25) !important; }
.archive-room :is(.fwl-chat-title,.fwl-chat-subtitle,.fwl-chat-messages,.fwl-chat-close) { color:#172544 !important; }
.archive-room .fwl-chat-launcher { background:#172544 !important; color:#fffdf7 !important; }
.archive-room :is(.fwl-chat-orb,.fwl-chat-launcher-dot,.dot,.mark) { background:#9b761d !important; box-shadow:none !important; }
.archive-room :is(.page,.wrap,.trust-page-wrap,.page-wrap) { max-width:1100px; }
.archive-room .page-shell { padding-top:44px; }
.archive-room :is(.badge-success,.badge.sent) { background:#e5efdf !important; color:#27562e !important; }
.archive-room :is(.badge-pending,.badge.pending) { background:#f4e8c6 !important; color:#725511 !important; }
.archive-room :is(.badge-error,.badge.error,.playback-error) { color:#9a3044 !important; }
.archive-room :is(.section,.policy-section,.trust-block) { scroll-margin-top:100px; }
/* Homepage remains the visual reference; only the recorder receives shared finishes. */
.fwl-flow-dialog { background:#fbf8ed !important; color:#172544 !important; border:1px solid rgba(155,118,29,.3) !important; box-shadow:0 24px 80px rgba(23,37,68,.22) !important; }
.fwl-flow-dialog :is(h2,h3,label,.fwl-flow-header-title) { color:#172544 !important; }
.fwl-flow-dialog :is(.fwl-flow-lead,.fwl-flow-progress-copy,.fwl-flow-field,.fwl-flow-review-label,.fwl-flow-review-value) { color:#566176 !important; }
.fwl-flow-dialog .fwl-flow-eyebrow { color:#896615 !important; }
.fwl-flow-dialog :is(.fwl-flow-header,.fwl-flow-progress,.fwl-flow-review-card,.fwl-flow-summary,.fwl-flow-choice,.fwl-flow-option) { background:#f5efdd !important; border-color:rgba(155,118,29,.25) !important; }
.fwl-flow-dialog :is(input,textarea,select) { background:#fffdf7 !important; color:#172544 !important; border-color:rgba(155,118,29,.35) !important; }
.fwl-flow-dialog .fwl-flow-btn.primary { background:#172544 !important; color:#fffdf7 !important; box-shadow:none !important; }
.fwl-flow-dialog :is(.fwl-flow-btn.secondary,.fwl-flow-icon-btn) { background:#f5efdd !important; color:#172544 !important; border-color:rgba(155,118,29,.3) !important; }
.fwl-flow-progress-fill { background:#9b761d !important; }
body.archive-room :focus-visible,.fwl-flow-dialog :focus-visible { outline:3px solid #9b761d; outline-offset:4px; }
@media(max-width:640px) {
 .archive-room :is(.page-shell,.wrap,.page,.trust-page-wrap) { padding-left:18px; padding-right:18px; }
 .archive-room :is(.section,.hero,.hero-panel,.policy-section,.trust-block,.voices-hero) { padding:24px 20px; }
 .archive-room :is(.topbar,.top-nav,.fwl-page-nav) { flex-wrap:wrap; gap:12px; }
 .archive-room :is(.page-actions,.actions,.button-row) { gap:10px; }
 .archive-room :is(.meta-grid,.metaGrid,.memory-detail-grid,.principles,.values,.voice-grid,.today-future-grid,.grid) { grid-template-columns:minmax(0,1fr); }
 .archive-room :is(.library-tools,.timeline-filter-bar,.library-tabs) { flex-wrap:wrap; }
 .archive-room :is(.library-search,.library-select) { min-width:0; width:100%; }
 .archive-room .hero-stats { gap:8px; }
 .archive-room .stat { min-width:0; flex:1 1 100px; }
 .archive-room h1 { overflow-wrap:break-word; }
}
@media(prefers-reduced-motion:reduce) { .archive-room *, .fwl-flow-dialog * { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
@media print { body.archive-room { background:#fff !important; } .archive-room :is(.card,.section,.hero,.policy-section) { box-shadow:none !important; } }
/* Recorder states keep their meaning and remain legible on parchment. */
.fwl-memory-flow { background:rgba(17,28,53,.72) !important; }
.fwl-flow-dialog :is(.fwl-record-stage,.fwl-review-row,.fwl-flow-inline-message) { background:#f5efdd !important; border-color:rgba(155,118,29,.25) !important; color:#172544 !important; }
.fwl-flow-dialog :is(.fwl-record-state,.fwl-review-value) { color:#172544 !important; }
.fwl-flow-dialog :is(.fwl-record-timer,.fwl-review-label) { color:#566176 !important; }
.fwl-flow-dialog .fwl-record-orb:not(.is-recording) { background:#172544 !important; box-shadow:0 12px 30px rgba(23,37,68,.16) !important; }
.fwl-flow-dialog .fwl-flow-progress-track { background:#e7ddc5 !important; }
.fwl-flow-dialog :is(input,textarea)::placeholder { color:#687086 !important; opacity:1; }
.fwl-flow-dialog :is(input,textarea,select):focus { border-color:#9b761d !important; box-shadow:0 0 0 3px rgba(155,118,29,.14) !important; }
.fwl-flow-dialog .fwl-flow-inline-message.error { background:#f8e4e7 !important; color:#9a3044 !important; }
.fwl-flow-success-mark { color:#27562e !important; }
.archive-room > header { background:#f5efdd !important; color:#172544 !important; box-shadow:none !important; border-bottom:1px solid rgba(155,118,29,.25); }
.archive-room > header a { color:#172544 !important; }
.archive-room .button-nav { background:transparent !important; box-shadow:none !important; }
.archive-room .button-nav a { background:#172544 !important; color:#fffdf7 !important; }
.archive-room .badge-sent { background:#e5efdf !important; color:#27562e !important; }
.archive-room .faq details { background:#fffdf7; border-color:rgba(155,118,29,.25); }
.archive-room :is(.trust-menu-toggle,.fwl-chat-close) { box-shadow:none !important; }
.archive-room .voices-hero::before { background:radial-gradient(circle,rgba(199,163,74,.10),transparent 70%) !important; }
.archive-room :is(.voice-footer,.voice-footer a,.voice-footer span,.trust a,.links a) { color:#172544 !important; }
.archive-room .voice-footer { background:#f5efdd !important; }
.archive-room :is(.revealGlow,.reveal-glow) { background:radial-gradient(circle,rgba(199,163,74,.12),transparent 62%) !important; }
.archive-room :is(.promise,.promise *,.cta,.cta a,.statusLine) { color:#172544 !important; }
.archive-room .cta { background:#172544 !important; color:#fffdf7 !important; box-shadow:0 8px 20px rgba(23,37,68,.1) !important; }
.archive-room .mobile-record-item { box-shadow:0 8px 24px rgba(23,37,68,.12) !important; }
.archive-room .mobile-record-item::before { background:#f5efdd !important; box-shadow:0 8px 24px rgba(23,37,68,.12) !important; }
.archive-room *, .archive-room *::before, .archive-room *::after { box-sizing:border-box; }
.archive-room :is(.env-back,.env-front,.env-paper,.envelope-stage,.memory-timeline) { background:#fffdf7 !important; border-color:rgba(155,118,29,.25) !important; }
.archive-room :is(.env-seal,.memory-dot) { background:linear-gradient(135deg,#c7a34a,#9b761d) !important; box-shadow:0 8px 24px rgba(155,118,29,.18) !important; }
.archive-room .env-flap { background:#f5efdd !important; }
.archive-room .memory-dot-soft { background:#e1d1a4 !important; }
@media(max-width:640px) { .archive-room > header nav { display:flex; flex-wrap:wrap; gap:10px; } .archive-room > header nav a { margin-left:0; } }
.fwl-flow-dialog :is(h2,h3) { font-family:Georgia,'Times New Roman',serif !important; font-weight:400; }
.archive-room .timeline-status-ready { background:#e5efdf !important; color:#27562e !important; }
.archive-room .timeline-status-waiting { background:#f4e8c6 !important; color:#725511 !important; }
.archive-room .timeline-status-error { background:#f8e4e7 !important; color:#9a3044 !important; }
.archive-room .timeline-card-from { border-left-color:#9b761d !important; }
.archive-room .timeline-card-for { border-left-color:#172544 !important; }
.archive-room .timeline-card-reply { border-left-color:#56725d !important; }
.archive-room .timeline-icon { background:#f5efdd !important; box-shadow:none !important; }
