/*
 * Any Family Anywhere — visitor display schemes (theme 3.4.0, step 1).
 *
 * Two layers of named colours:
 *  1. Site colours (--bg, --card, --ink …): the same variables the ten Customizer
 *     palettes already use. A visitor's chosen scheme overrides the admin palette.
 *     With no visitor choice, nothing here applies and the site looks exactly as before.
 *  2. Research colours (--rm-*, --g-*, --st-*): used by the new research map and
 *     topic panel. Their default (no visitor choice) is the dark scheme.
 *
 * The visitor's choice is written to <html> by the early script in functions.php:
 *   data-afa-scheme = dark | clean | earthy | paper | contrast
 *   data-afa-text   = large            (Larger text)
 *   data-afa-motion = reduce           (Reduce motion)
 */

/* ---------- research colours: default = dark ---------- */
:root{
  /* map */
  --rm-page:#0E1422; --rm-map-bg:#0B0F1A; --rm-map-line:#1C2438; --rm-star-opacity:1;
  --rm-spoke:rgba(255,255,255,.26); --rm-label:#F2CF7A; --rm-label-bg:rgba(11,15,26,.78);
  --rm-label-line:rgba(232,194,106,.25); --rm-note:#B9C3D2;
  --rm-hub:#1E5A46; --rm-hub-ink:#FFFFFF; --rm-hub-line:rgba(232,194,106,.6);
  /* panel */
  --rm-card:#141C2E; --rm-card-line:#2A3550; --rm-box:#1A2336; --rm-row:#26304A;
  --rm-ink:#E6EBF2; --rm-title:#F2F4F8; --rm-body:#C9D2DE; --rm-muted:#A3AEBF; --rm-kicker:#E8C26A; --rm-big:#F2CF7A;
  --rm-btn:#1A2336; --rm-btn-line:#2A3550; --rm-btn-ink:#E6EBF2;
  --rm-sel:#1E5A46; --rm-sel-ink:#FFFFFF; --rm-sel-line:#E8C26A;
  --rm-track:rgba(255,255,255,.14); --rm-track-sel:rgba(255,255,255,.25); --rm-fill:#E8C26A; --rm-fill-sel:#F2CF7A;
  --rm-pill:#222C42; --rm-pill-ink:#D5DCE6;
  --rm-chip-on:#F2CF7A; --rm-chip-on-ink:#0E1422; --rm-chip:transparent; --rm-chip-ink:#E6EBF2; --rm-chip-line:#3A4660;
  /* Vision 5 promise groups */
  --g-security:#6FA0E0; --g-freedom:#E0B455; --g-opportunity:#4FB98A; --g-connection:#B293E6;
  /* question status */
  --st-todo:#4A5568; --st-started:#5B9BE0; --st-review:#A98BDB; --st-complete:#4FB98A;
}

/* ---------- clean light ---------- */
html[data-afa-scheme="clean"]{
  --rm-page:#F4F5F7; --rm-map-bg:#FFFFFF; --rm-map-line:#DDE2E8; --rm-star-opacity:0;
  --rm-spoke:rgba(27,46,68,.18); --rm-label:#1B2E44; --rm-label-bg:#F7F8FA; --rm-label-line:#DDE2E8; --rm-note:#5A6878;
  --rm-hub:#1E5A46; --rm-hub-ink:#FFFFFF; --rm-hub-line:#1E5A46;
  --rm-card:#FFFFFF; --rm-card-line:#DDE2E8; --rm-box:#F4F6F8; --rm-row:#E6EAEF;
  --rm-ink:#1B2E44; --rm-title:#1B2E44; --rm-body:#3B4A5C; --rm-muted:#5A6878; --rm-kicker:#1E5A46; --rm-big:#1E5A46;
  --rm-btn:#FFFFFF; --rm-btn-line:#D9DEE5; --rm-btn-ink:#1B2E44;
  --rm-sel:#1E5A46; --rm-sel-ink:#FFFFFF; --rm-sel-line:#1E5A46;
  --rm-track:rgba(27,46,68,.10); --rm-track-sel:rgba(255,255,255,.25); --rm-fill:#1E5A46; --rm-fill-sel:#E8C26A;
  --rm-pill:#F1F3F6; --rm-pill-ink:#3B4A5C;
  --rm-chip-on:#1B2E44; --rm-chip-on-ink:#FFFFFF; --rm-chip:#FFFFFF; --rm-chip-ink:#1B2E44; --rm-chip-line:#CDD4DD;
  --g-security:#2F5F9E; --g-freedom:#A0761C; --g-opportunity:#1F7A52; --g-connection:#6E4AA8;
  --st-todo:#C3C9D2; --st-started:#2F6FB5; --st-review:#7558B0; --st-complete:#23704E;
}
html[data-afa-scheme="clean"] body{
  --bg:#F4F5F7; --card:#FFFFFF; --line:#DDE2E8; --ink:#1B2E44; --soft:#5A6878;
  --accent:#1E5A46; --cta:#C9A227; --cta-deep:#8A6A17; --cta-ink:#1B2E44;
  --band:#1B2E44; --band-ink:#C9D2DE; --band-strong:#FFFFFF;
  --foot:#0F2438; --foot-ink:#E9F0F7; --ph1:#EEF1F5; --ph2:#E3E8EF;
}

/* ---------- earthy ---------- */
html[data-afa-scheme="earthy"]{
  --rm-page:#EFECE6; --rm-map-bg:#F7F4EE; --rm-map-line:#DCD6CB; --rm-star-opacity:0;
  --rm-spoke:rgba(38,48,42,.18); --rm-label:#26302A; --rm-label-bg:#FFFFFF; --rm-label-line:#DCD6CB; --rm-note:#5F625A;
  --rm-hub:#2F3B2C; --rm-hub-ink:#FFFFFF; --rm-hub-line:#A97424;
  --rm-card:#FFFFFF; --rm-card-line:#DCD6CB; --rm-box:#F5F2EC; --rm-row:#E7E2D9;
  --rm-ink:#26302A; --rm-title:#26302A; --rm-body:#3E443C; --rm-muted:#5F625A; --rm-kicker:#4A5D44; --rm-big:#4A5D44;
  --rm-btn:#FFFFFF; --rm-btn-line:#DCD6CB; --rm-btn-ink:#26302A;
  --rm-sel:#2F3B2C; --rm-sel-ink:#FFFFFF; --rm-sel-line:#2F3B2C;
  --rm-track:rgba(38,48,42,.10); --rm-track-sel:rgba(255,255,255,.22); --rm-fill:#5E7F52; --rm-fill-sel:#D9B26A;
  --rm-pill:#F2EFE9; --rm-pill-ink:#3E443C;
  --rm-chip-on:#2F3B2C; --rm-chip-on-ink:#FFFFFF; --rm-chip:#FFFFFF; --rm-chip-ink:#26302A; --rm-chip-line:#D2CBBE;
  --g-security:#4A6582; --g-freedom:#A97424; --g-opportunity:#5E7F52; --g-connection:#7A4E6E;
  --st-todo:#CFC9BE; --st-started:#4A6582; --st-review:#7A4E6E; --st-complete:#5E7F52;
}
html[data-afa-scheme="earthy"] body{
  --bg:#EFECE6; --card:#FFFFFF; --line:#DCD6CB; --ink:#26302A; --soft:#5F625A;
  --accent:#4A6582; --cta:#8A5E1C; --cta-deep:#7E5718; --cta-ink:#FFFFFF;
  --band:#2F3B2C; --band-ink:#D9DDD3; --band-strong:#FFFFFF;
  --foot:#26302A; --foot-ink:#EEF0EA; --ph1:#E7E2D9; --ph2:#DCD6CB;
}

/* ---------- warm paper ---------- */
html[data-afa-scheme="paper"]{
  --rm-page:#F1EADC; --rm-map-bg:#FBF7EE; --rm-map-line:#E0D5C0; --rm-star-opacity:0;
  --rm-spoke:rgba(43,36,24,.18); --rm-label:#2B2418; --rm-label-bg:#FFFDF8; --rm-label-line:#E0D5C0; --rm-note:#6A5D48;
  --rm-hub:#3F4A2A; --rm-hub-ink:#FFFDF8; --rm-hub-line:#B07A26;
  --rm-card:#FFFDF8; --rm-card-line:#E0D5C0; --rm-box:#F7F1E5; --rm-row:#EAE0CD;
  --rm-ink:#2B2418; --rm-title:#2B2418; --rm-body:#43392A; --rm-muted:#6A5D48; --rm-kicker:#8A4F26; --rm-big:#8A4F26;
  --rm-btn:#FBF7EE; --rm-btn-line:#E0D5C0; --rm-btn-ink:#2B2418;
  --rm-sel:#3F4A2A; --rm-sel-ink:#FFFDF8; --rm-sel-line:#3F4A2A;
  --rm-track:rgba(43,36,24,.12); --rm-track-sel:rgba(255,253,248,.25); --rm-fill:#8A4F26; --rm-fill-sel:#E3C27A;
  --rm-pill:#F4EDE0; --rm-pill-ink:#43392A;
  --rm-chip-on:#3F4A2A; --rm-chip-on-ink:#FFFDF8; --rm-chip:#FFFDF8; --rm-chip-ink:#2B2418; --rm-chip-line:#D6C9B0;
  --g-security:#4A5F73; --g-freedom:#B07A26; --g-opportunity:#6B7A3A; --g-connection:#A4502E;
  --st-todo:#D3C8B2; --st-started:#4A5F73; --st-review:#8A5A7A; --st-complete:#6B7A3A;
}
html[data-afa-scheme="paper"] body{
  --bg:#F1EADC; --card:#FFFDF8; --line:#E0D5C0; --ink:#2B2418; --soft:#6A5D48;
  --accent:#8A4F26; --cta:#8A4F26; --cta-deep:#8A4F26; --cta-ink:#FFFDF8;
  --band:#3F4A2A; --band-ink:#E6DFCB; --band-strong:#FFFDF8;
  --foot:#2B2418; --foot-ink:#F1EADC; --ph1:#EAE0CD; --ph2:#E0D5C0;
}

/* ---------- dark (explicit choice: whole site goes dark) ---------- */
html[data-afa-scheme="dark"] body{
  --bg:#0E1422; --card:#141C2E; --line:#2A3550; --ink:#E6EBF2; --soft:#A3AEBF;
  --accent:#6FA8E8; --cta:#E8C26A; --cta-deep:#E8C26A; --cta-ink:#0E1422;
  --band:#0B101C; --band-ink:#C9D2DE; --band-strong:#FFFFFF;
  --foot:#0B101C; --foot-ink:#D7E0EB; --ph1:#1A2336; --ph2:#141C2E;
}

/* ---------- high contrast ---------- */
html[data-afa-scheme="contrast"]{
  --rm-page:#000000; --rm-map-bg:#000000; --rm-map-line:#FFFFFF; --rm-star-opacity:0;
  --rm-spoke:rgba(255,255,255,.6); --rm-label:#FFFFFF; --rm-label-bg:#000000; --rm-label-line:#FFFFFF; --rm-note:#E0E0E0;
  --rm-hub:#000000; --rm-hub-ink:#FFD60A; --rm-hub-line:#FFD60A;
  --rm-card:#000000; --rm-card-line:#FFFFFF; --rm-box:#111111; --rm-row:#8A8A8A;
  --rm-ink:#FFFFFF; --rm-title:#FFFFFF; --rm-body:#FFFFFF; --rm-muted:#E0E0E0; --rm-kicker:#FFD60A; --rm-big:#FFD60A;
  --rm-btn:#000000; --rm-btn-line:#FFFFFF; --rm-btn-ink:#FFFFFF;
  --rm-sel:#FFD60A; --rm-sel-ink:#000000; --rm-sel-line:#FFD60A;
  --rm-track:rgba(255,255,255,.35); --rm-track-sel:rgba(0,0,0,.35); --rm-fill:#FFD60A; --rm-fill-sel:#000000;
  --rm-pill:#000000; --rm-pill-ink:#FFFFFF;
  --rm-chip-on:#FFD60A; --rm-chip-on-ink:#000000; --rm-chip:#000000; --rm-chip-ink:#FFFFFF; --rm-chip-line:#FFFFFF;
  --g-security:#7FB2FF; --g-freedom:#FFD60A; --g-opportunity:#5CE0A0; --g-connection:#D7B4FF;
  --st-todo:#9A9A9A; --st-started:#7FB2FF; --st-review:#D7B4FF; --st-complete:#5CE0A0;
}
html[data-afa-scheme="contrast"] body{
  --bg:#000000; --card:#000000; --line:#FFFFFF; --ink:#FFFFFF; --soft:#E0E0E0;
  --accent:#7FB2FF; --cta:#FFD60A; --cta-deep:#FFD60A; --cta-ink:#000000;
  --band:#000000; --band-ink:#FFFFFF; --band-strong:#FFFFFF;
  --foot:#000000; --foot-ink:#FFFFFF; --ph1:#111111; --ph2:#1A1A1A;
}
html[data-afa-scheme="contrast"] a{text-decoration:underline}

/* ---------- larger text ---------- */
html[data-afa-text="large"]{font-size:118%}
html[data-afa-text="large"] body{font-size:20px}

/* ---------- reduce motion (visitor choice; the device setting is honoured too) ---------- */
html[data-afa-motion="reduce"] *,
html[data-afa-motion="reduce"] *::before,
html[data-afa-motion="reduce"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion: reduce){
  .afa-twinkle{animation:none!important}
}

/* ---------- Display menu (js/afa-display.js) ---------- */
.afa-display{position:relative;flex:none;--dm-bg:var(--card,#fff);--dm-ink:var(--ink,#16283A);--dm-soft:var(--soft,#5B6C7E);--dm-line:var(--line,#DCE6F0);--dm-on:var(--ink,#16283A);--dm-on-ink:var(--card,#fff)}
.afa-display-map{--dm-bg:var(--rm-card);--dm-ink:var(--rm-ink);--dm-soft:var(--rm-muted);--dm-line:var(--rm-chip-line);--dm-on:var(--rm-chip-on);--dm-on-ink:var(--rm-chip-on-ink);margin-right:6px}
.afa-display-site{margin-left:14px}
.afa-display-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 13px;border-radius:18px;border:1px solid var(--dm-line);background:var(--dm-bg);color:var(--dm-ink);font:600 13px/1.2 system-ui,sans-serif;cursor:pointer}
.afa-display-btn:hover{border-color:var(--dm-ink)}
.afa-display-box{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;width:min(360px,calc(100vw - 24px));padding:18px;border-radius:16px;border:1px solid var(--dm-line);background:var(--dm-bg);color:var(--dm-ink);box-shadow:0 18px 40px rgba(0,0,0,.28);font:15px/1.35 system-ui,sans-serif;text-align:left}
.afa-display-box[hidden]{display:none}
.afa-display-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.afa-display-head strong{font:600 20px/1.2 'Source Serif 4',Georgia,serif}
.afa-display-close{width:40px;height:40px;border-radius:20px;border:1px solid var(--dm-line);background:transparent;color:var(--dm-ink);font-size:20px;line-height:1;cursor:pointer}
.afa-display-sub{margin:0 0 8px;font-weight:600;font-size:14px;color:var(--dm-soft)}
.afa-display-schemes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.afa-scheme{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:10px;border:1px solid var(--dm-line);background:transparent;color:var(--dm-ink);font:14px/1.2 system-ui,sans-serif;text-align:left;cursor:pointer}
.afa-scheme[aria-pressed="true"]{background:var(--dm-on);color:var(--dm-on-ink);border:2px solid var(--dm-on)}
.afa-scheme.dimmed{opacity:.5}
.afa-swatch{display:flex;flex:none;width:34px;height:20px;border-radius:5px;overflow:hidden;border:1px solid rgba(127,127,127,.5)}
.afa-swatch span{flex:1}
.afa-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 2px;border:0;border-top:1px solid var(--dm-line);background:transparent;color:var(--dm-ink);text-align:left;cursor:pointer;font:inherit}
.afa-toggle-words{display:flex;flex-direction:column;gap:2px}
.afa-toggle-label{font-weight:600;font-size:15px}
.afa-toggle-hint{font-size:13px;color:var(--dm-soft)}
.afa-toggle-track{flex:none;margin-left:auto;display:flex;width:46px;height:26px;padding:3px;border-radius:13px;background:var(--dm-line);justify-content:flex-start;box-sizing:border-box}
.afa-toggle-knob{width:20px;height:20px;border-radius:50%;background:var(--dm-ink)}
.afa-toggle[aria-checked="true"] .afa-toggle-track{background:var(--dm-on);justify-content:flex-end}
.afa-toggle[aria-checked="true"] .afa-toggle-knob{background:var(--dm-on-ink)}
.afa-display-reset{display:block;width:100%;margin-top:6px;padding:10px;border-radius:10px;border:1px solid var(--dm-line);background:transparent;color:var(--dm-ink);font:14px/1.2 system-ui,sans-serif;cursor:pointer}
.afa-display-note{margin:10px 0 0;font-size:13px;color:var(--dm-soft)}
.afa-display button:focus-visible{outline:3px solid var(--cta,#E8C26A);outline-offset:2px}
@media(max-width:700px){.afa-display-site{margin-left:auto}.afa-display-btn span{display:none}.afa-display-btn{padding:6px 10px}}
.afa-display .afa-toggle:hover,.afa-display .afa-scheme:hover,.afa-display .afa-display-reset:hover,.afa-display .afa-display-close:hover{background:transparent;border-color:var(--dm-ink)}
.afa-display .afa-toggle:hover{border-color:var(--dm-line)}
.afa-display .afa-scheme[aria-pressed="true"]:hover{background:var(--dm-on)}
.afa-display .afa-display-btn:hover{background:var(--dm-bg)}

/* ---------- Listen / Ask buttons (AFA Voice Guide plugin) ----------
 * The plugin already draws its buttons and panel from --afav-* colours, so the theme
 * can match them to the visitor's scheme without changing the plugin. Grok, the phone
 * line and the voice agent are untouched. */
html[data-afa-scheme="dark"] .afav{--afav-ink:#E6EBF2;--afav-bg:#141C2E;--afav-soft:#1A2336;--afav-muted:#A3AEBF;--afav-accent:#6FA8E8;--afav-accent-ink:#0E1422;--afav-live:#FF6B5E;--afav-focus:#E8C26A}
html[data-afa-scheme="clean"] .afav{--afav-ink:#1B2E44;--afav-bg:#FFFFFF;--afav-soft:#F1F3F6;--afav-muted:#5A6878;--afav-accent:#1E5A46;--afav-accent-ink:#FFFFFF;--afav-live:#B3261E;--afav-focus:#C9A227}
html[data-afa-scheme="earthy"] .afav{--afav-ink:#26302A;--afav-bg:#FFFFFF;--afav-soft:#F2EFE9;--afav-muted:#5F625A;--afav-accent:#4A6582;--afav-accent-ink:#FFFFFF;--afav-live:#B3261E;--afav-focus:#A97424}
html[data-afa-scheme="paper"] .afav{--afav-ink:#2B2418;--afav-bg:#FFFDF8;--afav-soft:#F4EDE0;--afav-muted:#6A5D48;--afav-accent:#3F4A2A;--afav-accent-ink:#FFFDF8;--afav-live:#A4502E;--afav-focus:#B07A26}
html[data-afa-scheme="contrast"] .afav{--afav-ink:#FFFFFF;--afav-bg:#000000;--afav-soft:#111111;--afav-muted:#E0E0E0;--afav-accent:#FFD60A;--afav-accent-ink:#000000;--afav-live:#FF6B5E;--afav-focus:#7FB2FF}
html[data-afa-text="large"] .afav{font-size:21px}

/* ---------- 3.4.1: pages with their own fixed light colours follow the chosen scheme ----------
 * (My Research, member forms, video previews, the expanded homepage map). Without a
 * visitor choice none of this applies. */
html[data-afa-scheme] .member-card button,html[data-afa-scheme] .member-card select,html[data-afa-scheme] .member-card textarea,html[data-afa-scheme] .member-card input[type="text"],html[data-afa-scheme] .member-card input[type="email"]{background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-afa-scheme] .member-card button:hover{background:var(--ph1)}
html[data-afa-scheme] .member-card,html[data-afa-scheme] .member-card h2,html[data-afa-scheme] .member-card summary,html[data-afa-scheme] .member-card label{color:var(--ink)}
html[data-afa-scheme] .member-card p,html[data-afa-scheme] .member-card small{color:var(--soft)}
html[data-afa-scheme] #priority-choices details{background:var(--ph1);color:var(--ink)}
html[data-afa-scheme] #priority-count{background:var(--ph2);color:var(--ink)}
html[data-afa-scheme] .check-line input{accent-color:var(--accent)}
html[data-afa-scheme] .research-map-entry .btn{background:var(--card);color:var(--accent);border-color:var(--line)}
html[data-afa-scheme] .afa-video-preview{background:var(--ph1);color:var(--ink);border-color:var(--line)}
html[data-afa-scheme] #afa-map-dialog.afa-map-expanded,html[data-afa-scheme] #afa-map-dialog::backdrop{background:var(--rm-page)}
html[data-afa-scheme] .um .afa-member-help{background:var(--ph1);color:var(--ink);border-color:var(--line)}
html[data-afa-scheme] .um .afa-member-help a{color:var(--accent)!important}
html[data-afa-scheme="dark"] .um,html[data-afa-scheme="contrast"] .um{color:var(--ink)}
html[data-afa-scheme="dark"] .um label,html[data-afa-scheme="contrast"] .um label,html[data-afa-scheme="dark"] .um .um-field-label,html[data-afa-scheme="contrast"] .um .um-field-label{color:var(--ink)!important}
html[data-afa-scheme="dark"] .um input[type="text"],html[data-afa-scheme="dark"] .um input[type="email"],html[data-afa-scheme="dark"] .um input[type="password"],html[data-afa-scheme="dark"] .um textarea,html[data-afa-scheme="dark"] .um select,
html[data-afa-scheme="contrast"] .um input[type="text"],html[data-afa-scheme="contrast"] .um input[type="email"],html[data-afa-scheme="contrast"] .um input[type="password"],html[data-afa-scheme="contrast"] .um textarea,html[data-afa-scheme="contrast"] .um select{background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-afa-scheme="contrast"] .member-card{border-color:#FFFFFF}

/* ---------- 3.5.0: sign-up invitations and private notes (js/research-invite.js) ---------- */
.afa-endbox,.afa-hsave,.afa-phonebar{--iv-bg:var(--card,#fff);--iv-box:var(--ph1,#EEF3F8);--iv-ink:var(--ink,#16283A);--iv-soft:var(--soft,#5B6C7E);--iv-line:var(--line,#DCE6F0);--iv-go:var(--accent,#1D6FD1);--iv-go-ink:#fff}
#researchReader .afa-endbox,#researchReader .afa-hsave,body.reading-open .afa-phonebar{--iv-bg:var(--rm-card);--iv-box:var(--rm-box);--iv-ink:var(--rm-ink);--iv-soft:var(--rm-muted);--iv-line:var(--rm-card-line);--iv-go:var(--rm-chip-on);--iv-go-ink:var(--rm-chip-on-ink)}
.afa-endbox{margin:28px 0 8px;padding:20px 22px;border-radius:14px;border:1px solid var(--iv-line);background:var(--iv-box);color:var(--iv-ink)}
.afa-endbox h3{margin:0 0 10px;font-size:20px;color:var(--iv-ink)}
.afa-benefits{margin:0 0 10px;padding-left:22px;line-height:1.6}
.afa-benefits li{color:var(--iv-ink)}
.afa-invite-small{margin:0 0 10px;font-size:14px;color:var(--iv-soft)}
.afa-invite-links{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.afa-invite-go{display:inline-block;padding:10px 18px;border-radius:22px;background:var(--iv-go);color:var(--iv-go-ink)!important;font-weight:700;text-decoration:none}
.afa-invite-login{color:var(--iv-ink)!important}
.afa-notes{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}
.afa-notes-label{font-weight:700;color:var(--iv-ink)}
.afa-notes-text{width:100%;min-height:96px;padding:10px 12px;border-radius:10px;border:1px solid var(--iv-line);background:var(--iv-bg);color:var(--iv-ink);font:16px/1.5 system-ui,sans-serif;resize:vertical}
.afa-notes-status{min-height:1.2em;font-size:13px;color:var(--iv-soft)}
.afa-hsave{position:relative;flex:none;align-self:start}
.afa-hsave[hidden]{display:none}
#researchReader .afa-hsave-btn{min-height:44px;padding:8px 14px;border-radius:22px;font:600 15px/1.2 system-ui,sans-serif;background:var(--iv-bg);color:var(--iv-ink);border:1px solid var(--iv-line);white-space:nowrap}
#researchReader .afa-hsave-btn[aria-pressed="true"]{border-color:var(--rm-fill);color:var(--rm-kicker)}
.afa-hsave-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:min(300px,80vw);padding:14px 16px;border-radius:12px;border:1px solid var(--iv-line);background:var(--iv-bg);color:var(--iv-ink);box-shadow:0 14px 30px rgba(0,0,0,.25);font:15px/1.45 system-ui,sans-serif}
.afa-hsave-pop[hidden]{display:none}
.afa-hsave-pop p{margin:6px 0 10px;color:var(--iv-soft)}
.reader-head{grid-template-columns:minmax(0,1fr) auto auto!important}
.afa-phonebar{position:fixed;left:8px;right:8px;bottom:8px;z-index:99980;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:14px;border:1px solid var(--iv-line);background:var(--iv-bg);color:var(--iv-ink);box-shadow:0 8px 24px rgba(0,0,0,.25);font:15px/1.3 system-ui,sans-serif}
.afa-phonebar[hidden]{display:none}
.afa-phonebar-text{flex:1}
.afa-phonebar-go{padding:9px 14px;border-radius:18px;background:var(--iv-go);color:var(--iv-go-ink)!important;font-weight:700;text-decoration:none}
.afa-phonebar-x{width:40px;height:40px;flex:none;border-radius:20px;border:1px solid var(--iv-line);background:transparent;color:var(--iv-ink);font-size:20px}
body:has(.afa-phonebar:not([hidden])) .afav{bottom:84px}
/* 3.5.0: the footer title block sits on the dark footer, where the darker light-scheme
   CTA colour was too faint. Use a light accent there instead. */
html[data-afa-scheme="earthy"] .tb .g{color:#E2B866}
html[data-afa-scheme="paper"] .tb .g{color:#E8A774}