#fda-app{--fda-color-1:#7fb6de;--fda-color-2:#9fb3c8;--fda-color-3:#ffffff;--fda-color-4:#0d1e30;--fda-color-5:#345466;--fda-color-6:#203c50;--fda-color-7:#16404b;--fda-color-8:#397280;--fda-color-9:#d8e4eb;--fda-color-10:#fff;--fda-color-11:#45e6c6;--fda-color-12:#00cfab;--fda-color-13:#5af3d1}

@font-face{font-family:'DM Sans';src:url('fonts/dm-sans.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
/* =========================================================================
   Botable · FDA Warning Letter Explorer
   Brand v2.4: Void/Navy ground, Off-white text, Signal teal as the spotlight,
   Depth blue for the noise/data state, Gold only for the one proof moment.
   Chart series are brand hues stepped for the Navy surface (validated for
   CVD separation and 3:1 contrast); UI accents use the exact brand hex.
   ========================================================================= */
/* Two themes, picked by the button in the header (Greg, Sep 18: light first, a manual toggle, not the
   device setting). Every colour below is a token; translucent washes use the *-rgb triplets so they
   follow the theme too. Charts in JS read the same tokens. */
#fda-app{
  --font-heading:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --r-sm:4px; --r-md:6px; --r-lg:8px; --r-pill:6px;     /* squared off: a working tool, not a brochure */
  --ease:cubic-bezier(.22,.61,.36,1);
}
#fda-app,#fda-app[data-theme="dark"]{
  color-scheme:dark;
  --void:#040D18; --navy:#0D1E30; --surface:#0B1A2B; --surface-2:#10233A; --surface-3:#15293E;
  --border:#17222F; --border-strong:#27374A;
  --teal:#00CFAB; --teal-rgb:0 207 171; --teal-dim:rgb(var(--teal-rgb) / .14); --teal-glow:rgb(var(--teal-rgb) / .32);
  --depth:#0098DD; --depth-rgb:0 152 221; --depth-dim:rgb(var(--depth-rgb) / .14);
  --gold:#C8A96E; --gold-rgb:200 169 110; --gold-dim:rgb(var(--gold-rgb) / .14);
  --void-rgb:4 13 24; --navy-rgb:13 30 48; --ink-rgb:255 255 255; --s2-rgb:224 165 58; --text-rgb:232 238 240;
  --text:#E8EEF0; --text-soft:#C2CFD6; --text-muted:#8597A4; --text-faint:#5E7180;
  --s1:#0098DD; --s2:#E0A53A; --s3:#C2CFD6;           /* Drugs / Devices / Biologics */
  --s1-hot:#3FB5F0;
  --grid:#1B2A3A; --axis:#8597A4;
  --on-fill:#04121F;                                   /* text drawn on a filled mark */
  --on-strong:#040D18;                                 /* text on the darkest heatmap cells */
  --g1:#4FB3F6; --g2:#9AD7FF; --g3:#B79CFF; --g4:#F5C889; --g5:#C2CFD6; --g6:#6B7F8E;   /* map regions */
  --shadow:0 8px 30px rgba(0,0,0,.45);
  --glow-a:.06; --glow-b:.10;
}
#fda-app[data-theme="light"]{
  color-scheme:light;
  --void:#F3F5F6; --navy:#FFFFFF; --surface:#FFFFFF; --surface-2:#F4F7F8; --surface-3:#E9EEF0;
  --border:#E1E6E9; --border-strong:#C9D2D7;
  --teal:#08705F; --teal-rgb:8 112 95; --teal-dim:rgb(var(--teal-rgb) / .09); --teal-glow:rgb(var(--teal-rgb) / .18);
  --depth:#0A6FA8; --depth-rgb:10 111 168; --depth-dim:rgb(var(--depth-rgb) / .10);
  --gold:#80622A; --gold-rgb:128 98 42; --gold-dim:rgb(var(--gold-rgb) / .10);
  --void-rgb:243 245 246; --navy-rgb:255 255 255; --ink-rgb:20 35 44; --s2-rgb:176 116 24; --text-rgb:20 35 44;
  --text:#14232C; --text-soft:#34454F; --text-muted:#56666F; --text-faint:#6A7980;
  --s1:#1B8BD0; --s2:#C6861F; --s3:#7B8B96;
  --s1-hot:#0B5F93;
  --grid:#E6EBEE; --axis:#56666F;
  --on-fill:#0B1A24;
  --on-strong:#FFFFFF;
  --g1:#6DB6EC; --g2:#A8D5F2; --g3:#BCA8EE; --g4:#EBC585; --g5:#C3CDD3; --g6:#9AA8B1;
  --shadow:0 8px 28px rgba(20,35,44,.13);
  --glow-a:0; --glow-b:0;
}
#fda-app *,#fda-app *::before,#fda-app *::after{box-sizing:border-box}
#fda-app,#fda-app{margin:0;padding:0}
#fda-app{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
#fda-app{
  font-family:var(--font-body);color:var(--text);background:var(--void);
  background-image:
    radial-gradient(1100px 600px at 88% -8%, rgb(var(--teal-rgb) / var(--glow-a)), transparent 60%),
    radial-gradient(900px 600px at 6% 108%, rgb(var(--depth-rgb) / var(--glow-b)), transparent 55%);
  background-attachment:fixed;line-height:1.5;-webkit-font-smoothing:antialiased;
}
#fda-app h1,#fda-app h2,#fda-app h3{font-family:var(--font-heading);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}
#fda-app h1{font-size:clamp(22px,2.2vw,30px)}
#fda-app h2{font-size:clamp(20px,2.4vw,28px)}
#fda-app h3{font-size:15px;letter-spacing:-.01em}
#fda-app p{margin:0}
#fda-app a{color:var(--teal);text-decoration:none}
#fda-app a:hover{text-decoration:underline}
#fda-app button{font-family:inherit;color:inherit;cursor:pointer}
#fda-app .wrap{max-width:1240px;margin:0 auto;padding:0 22px}
#fda-app .mono{font-family:var(--font-mono)}
#fda-app .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--depth);font-weight:500}
#fda-app .eyebrow::before{content:"";width:24px;height:1px;background:var(--depth)}
#fda-app .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- header ---- */
#fda-app header.top{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);background:rgb(var(--void-rgb) / .78);border-bottom:1px solid var(--border)}
#fda-app .top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:62px;max-width:1240px;margin:0 auto;padding:0 22px}
#fda-app .brand{display:flex;align-items:center;gap:12px;min-width:0}
#fda-app .brand img{height:20px;width:auto;display:block}
#fda-app .brand .sep{width:1px;height:20px;background:var(--border-strong)}
#fda-app .brand .name{font-family:var(--font-heading);font-weight:500;font-size:15px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fda-app .top-right{display:flex;align-items:center;gap:10px}
#fda-app .switch{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--text-soft);padding:6px 12px 6px 8px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);transition:border-color .25s}
#fda-app .switch[aria-checked="true"]{border-color:rgb(var(--gold-rgb) / .5);color:var(--gold)}
#fda-app .switch .track{width:30px;height:16px;border-radius:99px;background:var(--surface-3);position:relative;transition:background .25s}
#fda-app .switch .track::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform .25s var(--ease),background .25s}
#fda-app .switch[aria-checked="true"] .track{background:var(--gold-dim)}
#fda-app .switch[aria-checked="true"] .track::after{transform:translateX(14px);background:var(--gold)}
#fda-app .btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);transition:border-color .2s,color .2s,background .2s}
#fda-app .btn:hover{border-color:var(--teal);color:var(--teal)}
#fda-app .btn.ghost{background:transparent}
#fda-app .btn.small{padding:4px 10px;font-size:11.5px}

/* ---- hero ---- */
#fda-app .hero{position:relative;padding:22px 0 10px;overflow:hidden}
#fda-app .hero .sub{margin:0;padding-bottom:4px}
#fda-app #cardSignal .signal-fig{margin:4px 0 0}
#fda-app #cardSignal .card-head p b{color:var(--text-soft);font-weight:500}
#fda-app .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:end}
#fda-app .hero h1{margin:10px 0 0;max-width:none}
#fda-app .hero .sub{color:var(--text-soft);font-size:14.5px;max-width:60ch}
#fda-app .hero .sub b{color:var(--text);font-weight:500}
#fda-app .hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
#fda-app .tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:5px 11px;border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-muted);background:rgb(var(--navy-rgb) / .6)}
#fda-app .tag i{width:7px;height:7px;border-radius:50%;background:var(--depth);display:inline-block}
#fda-app .tag.live i{background:var(--teal);box-shadow:0 0 8px var(--teal-glow);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
#fda-app .signal-fig{margin:0}
#fda-app .signal-fig figcaption{font-size:12px;color:var(--text-muted);margin-top:8px;line-height:1.45}
#fda-app .signal-fig figcaption b{color:var(--text-soft);font-weight:500}
#fda-app:not(.has-ai) #cardCat,#fda-app:not(.has-ai) .dd[data-key=cat]{display:none}
#fda-app .signal-canvas{width:100%;aspect-ratio:16/6;min-height:300px;display:block;border-radius:var(--r-lg);background:linear-gradient(180deg,rgb(var(--navy-rgb) / .55),rgb(var(--void-rgb) / .2));border:1px solid var(--border)}
@media(max-width:900px){#fda-app .hero-grid{grid-template-columns:1fr}#fda-app .signal-canvas{aspect-ratio:16/6}}
@media(max-width:640px){#fda-app .brand .sep,#fda-app .brand .name{display:none}#fda-app .switch .lbl-long{display:none}#fda-app .switch{padding:6px 10px 6px 8px}#fda-app .top-in{gap:8px}}

/* ---- three-column shell: filters left, charts center, letters right ---- */
#fda-app .shell-wide{max-width:1800px;margin:0 auto;padding:0 22px}
#fda-app .shell{max-width:1800px;margin:0 auto;padding:0 22px 60px;display:grid;grid-template-columns:290px minmax(0,1fr) 380px;gap:18px;align-items:start}
#fda-app .rail,#fda-app .panel{position:sticky;top:70px;max-height:calc(100vh - 78px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
#fda-app .center{min-width:0;padding-top:8px}
@media(max-width:1280px){#fda-app .shell{grid-template-columns:250px minmax(0,1fr) 330px}}
@media(max-width:1100px){#fda-app .shell{grid-template-columns:1fr}#fda-app .rail,#fda-app .panel{position:static;max-height:none}#fda-app .panel{order:3}}

/* ---- left rail ---- */
#fda-app .rail{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:14px 14px 16px;display:flex;flex-direction:column;gap:14px;margin-top:8px}
#fda-app .rail-head{display:flex;justify-content:space-between;align-items:center}
#fda-app .rail-title{font-size:18px;letter-spacing:-.01em}
#fda-app .search{display:flex;align-items:center;gap:9px;background:var(--void);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:0 11px;height:42px;width:100%;transition:border-color .2s,box-shadow .2s}
#fda-app .search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}
#fda-app .search svg{width:16px;height:16px;color:var(--teal);flex:none}
#fda-app .search input{background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:13.5px;width:100%;min-width:0}
#fda-app .search input::placeholder{color:var(--text-faint)}
#fda-app .search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;cursor:pointer;background:var(--text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}
#fda-app .q-key{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);border:1px solid var(--border-strong);border-radius:5px;padding:1px 6px;flex:none}
#fda-app .fg{display:flex;flex-direction:column;gap:6px}
#fda-app .fg-t{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#fda-app .fg-sub{font-family:var(--font-body);font-size:11px;letter-spacing:0;text-transform:none;color:var(--text-faint)}
#fda-app .fg-list{display:flex;flex-direction:column;gap:1px}
#fda-app .fg-list label{display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:7px;font-size:12.5px;color:var(--text-soft);cursor:pointer;transition:background .15s}
#fda-app .fg-list label:hover{background:var(--surface-3)}
#fda-app .fg-list label.on{background:var(--teal-dim);color:var(--text)}
#fda-app .fg-list input{accent-color:var(--teal);width:14px;height:14px;margin:0;flex:none}
#fda-app .fg-list .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
/* 21 CFR part and issue type show the whole list, so let the names wrap rather than cut off */
#fda-app .fg[data-key=cat] .fg-list .txt{white-space:normal;line-height:1.3}
#fda-app .fg[data-key=cat] .fg-list label{align-items:flex-start}
/* 21 CFR rows: one line each, "Part 211" then the name, cut off with an ellipsis (full name on hover) */
#fda-app .fg[data-key=part] .fg-list .txt b{font-weight:600;color:var(--text)}
#fda-app .fg[data-key=part] .fg-list .txt .pt{color:var(--text-muted)}
#fda-app .fg[data-key=part] .fg-list label.on .txt .pt{color:var(--text-soft)}
#fda-app .fg-list .cnt{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);flex:none}
#fda-app .fg-list label.on .cnt{color:var(--teal)}
#fda-app .fg-toggle{background:none;border:0;color:var(--text-faint);font-size:11.5px;text-align:left;padding:4px 7px}
#fda-app .fg-toggle:hover{color:var(--teal)}
#fda-app .fam-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#fda-app .fam-toggles button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--void);color:var(--text-soft);font-size:11.5px;font-weight:500;text-align:left;line-height:1.2;transition:border-color .15s,background .15s}
#fda-app .fam-toggles button b{font-family:var(--font-heading);font-size:17px;color:var(--text);letter-spacing:-.02em}
#fda-app .fam-toggles button i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-bottom:3px}
#fda-app .fam-toggles button:hover{border-color:var(--teal)}
#fda-app .fam-toggles button[aria-pressed="true"]{border-color:var(--teal);background:var(--teal-dim)}
#fda-app .fam-toggles button[aria-pressed="true"] b{color:var(--teal)}
#fda-app .term-list{display:flex;flex-wrap:wrap;gap:5px}
#fda-app .term-list button{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 9px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--void);color:var(--text-soft);transition:border-color .15s,color .15s,background .15s}
#fda-app .term-list button:hover{border-color:var(--teal);color:var(--text)}
#fda-app .term-list button.on{border-color:var(--teal);background:var(--teal);color:var(--void);font-weight:600}
#fda-app .term-list button .cnt{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}
#fda-app .term-list button.on .cnt{color:var(--void);opacity:.8}
#fda-app .fg-more{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:14px}
#fda-app .fg-more summary{list-style:none;cursor:pointer;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:8px}
#fda-app .fg-more summary::-webkit-details-marker{display:none}
#fda-app .fg-more summary svg{width:12px;height:12px;transition:transform .2s}
#fda-app .fg-more[open] summary svg{transform:rotate(180deg)}
#fda-app .fg-more summary:hover{color:var(--teal)}
#fda-app .rail-note{font-size:11.5px;color:var(--text-faint);line-height:1.4;border-top:1px solid var(--border);padding-top:10px}

/* ---- right panel: your filter, your letters ---- */
#fda-app .panel{background:var(--navy);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:16px 16px 14px;margin-top:8px;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}
#fda-app .panel.active{border-color:rgb(var(--teal-rgb) / .55);box-shadow:0 0 0 1px rgb(var(--teal-rgb) / .15) inset,0 10px 40px rgb(var(--teal-rgb) / .08)}
#fda-app .p-head{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
#fda-app .p-count{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--text-soft);line-height:1.2}
#fda-app .p-count b{font-size:34px;letter-spacing:-.03em;color:var(--text);display:block;line-height:1;transition:color .3s}
#fda-app .panel.active .p-count b{color:var(--teal)}
#fda-app .p-count .of{color:var(--text-muted);font-weight:500;font-size:13px}
#fda-app .p-bar{height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden}
#fda-app .p-bar i{display:block;height:100%;width:100%;background:var(--depth);border-radius:3px;transition:width .6s var(--ease),background .3s}
#fda-app .panel.active .p-bar i{background:var(--teal)}
#fda-app .p-nudge{font-size:13px;color:var(--text-muted);line-height:1.45;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:var(--r-sm);margin:4px 0 10px}
#fda-app .p-nudge b{color:var(--text-soft);font-weight:500}
#fda-app .chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:10px}
#fda-app .chips:empty{display:none}
#fda-app .chips .chips-lbl{font-size:11.5px;color:var(--teal);margin-right:2px;font-weight:500;width:100%}
#fda-app .chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 5px 3px 9px;border-radius:var(--r-pill);border:1px solid rgb(var(--teal-rgb) / .45);background:var(--teal-dim);color:var(--text);animation:drop .18s var(--ease);max-width:100%}
#fda-app .chip .k{color:var(--text-muted);font-size:10.5px;flex:none}
#fda-app .chip .v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}
#fda-app .chip button{background:none;border:0;color:var(--text-muted);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;padding:0;line-height:1;flex:none}
#fda-app .chip button:hover{background:rgb(var(--ink-rgb) / .08);color:var(--text)}
#fda-app .chips .clear{background:none;border:0;color:var(--text-muted);font-size:11.5px;padding:3px 6px}
#fda-app .chips .clear:hover{color:var(--teal)}
#fda-app .p-hi{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:12px}
#fda-app .p-hi:empty{display:none}
#fda-app .p-hi div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 11px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline}
#fda-app .p-hi b{display:block;font-family:var(--font-heading);font-size:14.5px;color:var(--text);letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#fda-app .p-hi .n{font-family:var(--font-heading);font-size:15px;color:var(--teal);font-weight:700;white-space:nowrap}
#fda-app .p-hi .p-nudge{display:block;background:transparent;border:1px dashed var(--border-strong);padding:10px 12px}
#fda-app .p-hi .p-nudge b{display:inline;font-family:var(--font-body);font-size:inherit;color:var(--text-soft);font-weight:500}
#fda-app .p-hi small{grid-column:1/-1;display:block;font-size:11.5px;color:var(--text-soft);line-height:1.3}
#fda-app .p-hi span.l{grid-column:1/-1;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);display:block}
#fda-app .p-list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;margin-bottom:6px}
#fda-app .p-tools{display:flex;gap:6px;align-items:center;flex:none}
#fda-app .p-tools select{background:var(--surface);color:var(--text-soft);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:3px 8px;font:inherit;font-size:11.5px}
#fda-app .p-list{display:flex;flex-direction:column;gap:2px}
#fda-app .p-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"co d" "meta meta";gap:1px 8px;text-align:left;width:100%;background:none;border:0;border-radius:8px;padding:8px 9px;color:var(--text-soft);transition:background .15s;animation:rise .3s var(--ease) both}
#fda-app .p-item:hover{background:var(--surface-2)}
#fda-app .p-item:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
#fda-app .p-item .co{grid-area:co;font-weight:500;color:var(--text);font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fda-app .p-item .d{grid-area:d;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}
#fda-app .p-item .meta{grid-area:meta;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden}
#fda-app .p-item .meta i{width:7px;height:7px;border-radius:2px;display:inline-block;flex:none}
#fda-app .p-item .meta .sec{font-family:var(--font-mono);color:var(--text-soft)}
#fda-app .p-item .meta .n{margin-left:auto;font-family:var(--font-mono);color:var(--text-faint)}
#fda-app .p-more{display:flex;justify-content:center;margin-top:8px}
#fda-app .p-more[hidden]{display:none}
#fda-app .p-empty{font-size:13px;color:var(--text-faint);padding:16px 0;text-align:center}

/* ---- layout ---- */
#fda-app .main{padding:22px 0 60px}
#fda-app .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 12px}
#fda-app .section-head p{color:var(--text-muted);font-size:13.5px;max-width:none;margin-top:4px}
#fda-app .section-head > div{flex:1 1 auto;min-width:0}
#fda-app .stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media(max-width:1000px){#fda-app .stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){#fda-app .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
#fda-app .stat{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;position:relative;overflow:hidden}
#fda-app .stat .lbl{font-size:12px;color:var(--text-muted);margin-bottom:6px}
#fda-app .stat .val{font-family:var(--font-heading);font-weight:700;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em;line-height:1;color:var(--text)}
#fda-app .stat .val.hero-figure{font-size:clamp(34px,3.6vw,48px);color:var(--text)}
#fda-app .stat .sub{font-size:11.5px;color:var(--text-faint);margin-top:6px;font-family:var(--font-mono)}
#fda-app .stat.spot{border-color:rgb(var(--teal-rgb) / .35);box-shadow:0 0 0 1px rgb(var(--teal-rgb) / .1) inset}
#fda-app .stat.spot::after{content:"";position:absolute;inset:auto -20px -30px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgb(var(--teal-rgb) / .18),transparent 65%);pointer-events:none}

#fda-app .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
#fda-app .card{grid-column:span 6;background:var(--navy);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px 14px;min-width:0;display:flex;flex-direction:column;transition:opacity .25s}
#fda-app .card.wide{grid-column:span 12}
#fda-app .card.third{grid-column:span 4}
#fda-app .card.stale{opacity:.45}
@media(max-width:980px){#fda-app .card,#fda-app .card.third{grid-column:span 12}}
#fda-app .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
#fda-app .card-head p{font-size:12.5px;color:var(--text-muted);margin-top:3px}
#fda-app .card-tools{display:flex;gap:6px;flex:none}
#fda-app .seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px;background:var(--surface)}
#fda-app .seg button{border:0;background:transparent;color:var(--text-muted);font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:99px}
#fda-app .seg button[aria-pressed="true"]{background:var(--depth-dim);color:var(--text)}
#fda-app .legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-soft);margin:2px 0 8px}
#fda-app .legend span{display:inline-flex;align-items:center;gap:7px}
#fda-app .legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
#fda-app .chart{position:relative;flex:1;min-height:0}
#fda-app .chart svg{width:100%;height:auto;display:block;overflow:visible}
#fda-app .chart .axis text{fill:var(--text-muted);font-size:11px;font-family:var(--font-body)}
#fda-app .chart .grid line{stroke:var(--grid);stroke-width:1}
#fda-app .chart .bar{transition:opacity .2s}
#fda-app .chart .bar.dim{opacity:.35}
#fda-app .chart .lab{fill:var(--text-soft);font-size:12px;font-family:var(--font-body)}
#fda-app .chart .val{fill:var(--text-muted);font-size:11.5px;font-family:var(--font-body);font-variant-numeric:tabular-nums}
#fda-app .chart .hit{fill:transparent;cursor:pointer}
#fda-app .chart .hit:hover + .bar,#fda-app .chart .row:hover .bar{filter:brightness(1.18)}
#fda-app .chart .row.sel .bar{filter:brightness(1.25)}
#fda-app .chart .link{fill:var(--text-faint);font-size:10.5px;font-family:var(--font-mono);cursor:pointer}
#fda-app .chart .link:hover{fill:var(--teal)}
#fda-app .tip{position:fixed;z-index:60;pointer-events:none;background:rgb(var(--navy-rgb) / .96);border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;font-size:12px;color:var(--text-soft);box-shadow:var(--shadow);min-width:150px;max-width:300px;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
#fda-app .tip.on{opacity:1;transform:none}
#fda-app .tip .t{color:var(--text-muted);font-size:11px;margin-bottom:5px;font-family:var(--font-mono)}
#fda-app .tip .r{display:flex;align-items:center;gap:8px;padding:2px 0}
#fda-app .tip .r b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;min-width:32px}
#fda-app .tip .r i{width:12px;height:2px;border-radius:2px;display:inline-block}
#fda-app .tbl-view{display:none;overflow:auto;max-height:320px;margin-top:6px}
#fda-app .card.show-table .chart{display:none}
#fda-app .card.show-table .tbl-view{display:block}
#fda-app table{width:100%;border-collapse:collapse;font-size:12.5px}
#fda-app th,#fda-app td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}
#fda-app th{color:var(--text-muted);font-weight:500;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;position:sticky;top:0;background:var(--navy)}
#fda-app td.num,#fda-app th.num{text-align:right;font-variant-numeric:tabular-nums}

/* findings list */
#fda-app .findings{display:flex;flex-direction:column;gap:6px}
#fda-app .finding{display:grid;grid-template-columns:128px 1fr 64px;gap:12px;align-items:center;padding:9px 10px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s;animation:rise .35s var(--ease) both}
#fda-app .finding:hover{background:var(--surface-2);border-color:var(--border-strong)}
#fda-app .finding.sel{border-color:rgb(var(--teal-rgb) / .45);background:var(--teal-dim)}
#fda-app .finding .cfr{font-family:var(--font-mono);font-size:12px;color:var(--text);display:flex;flex-direction:column;gap:2px}
#fda-app .finding .cfr button{align-self:flex-start;margin-top:3px;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--teal);background:var(--teal-dim);border:1px solid rgb(var(--teal-rgb) / .45);border-radius:var(--r-pill);padding:4px 11px;line-height:1.2;transition:background .15s,color .15s}
#fda-app .finding .cfr button:hover{background:var(--teal);color:var(--void)}
#fda-app .chart .detail{cursor:pointer}
#fda-app .chart .detail rect{fill:var(--teal-dim);stroke:rgb(var(--teal-rgb) / .5);stroke-width:1;transition:fill .15s}
#fda-app .chart .detail text{fill:var(--teal);font-size:11.5px;font-weight:500;font-family:var(--font-body)}
#fda-app .chart .detail:hover rect{fill:var(--teal)}
#fda-app .chart .detail:hover text{fill:var(--void)}
#fda-app .finding .h{font-size:13px;color:var(--text-soft);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#fda-app .finding .m{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#fda-app .finding .m b{font-family:var(--font-heading);font-size:15px;color:var(--text)}
#fda-app .finding .m i{display:block;height:3px;border-radius:2px;background:var(--depth);width:var(--w);transition:width .7s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){#fda-app .finding{grid-template-columns:96px 1fr 50px;gap:8px}}

/* go deeper: collapsed groups */
#fda-app .more-list{display:flex;flex-direction:column;gap:10px}
#fda-app .more{border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface));overflow:hidden;transition:border-color .2s}
#fda-app .more.open{border-color:var(--border-strong)}
#fda-app .more-btn{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t c" "d c";gap:3px 18px;width:100%;text-align:left;padding:16px 20px;background:none;border:0;color:var(--text);transition:background .15s}
#fda-app .more-btn:hover{background:var(--surface-3)}
#fda-app .more-btn:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
#fda-app .more-t{grid-area:t;font-family:var(--font-heading);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.2}
#fda-app .more-d{grid-area:d;font-size:13px;color:var(--text-muted);max-width:none;line-height:1.4}
#fda-app .more-c{grid-area:c;align-self:center;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--teal);background:var(--teal-dim);border:1px solid rgb(var(--teal-rgb) / .45);border-radius:var(--r-pill);padding:6px 10px 6px 13px;white-space:nowrap}
#fda-app .more-c svg{width:14px;height:14px;transition:transform .25s var(--ease)}
#fda-app .more.open .more-c svg{transform:rotate(180deg)}
#fda-app .more-btn:hover .more-c{background:var(--teal);color:var(--void)}
#fda-app .more-body{padding:2px 14px 14px;animation:drop .25s var(--ease)}
#fda-app .more-body[hidden]{display:none}
#fda-app .more-body .card{background:var(--navy)}
#fda-app .geo-split .chart[hidden]{display:none}
#fda-app #chartGeo{max-width:none}
#fda-app #viewMap{max-width:560px;margin:4px auto 0;flex:none;width:100%}
@media(max-width:640px){#fda-app .more-btn{grid-template-columns:1fr;grid-template-areas:"t" "d" "c";justify-items:start}#fda-app .more-c{margin-top:6px}}

/* trends table */
#fda-app .trend-wrap{overflow:auto}
#fda-app .trend{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
@media(max-width:1500px){#fda-app .trend th:nth-child(8),#fda-app .trend td:nth-child(8){display:none}}
#fda-app .trend th{white-space:nowrap}
#fda-app .trend th.yr{cursor:pointer;user-select:none}
#fda-app .trend th.yr:hover{color:var(--text)}
#fda-app .trend th.sorted{color:var(--teal)}
#fda-app .trend th .sub{display:block;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--text-faint);font-weight:400}
#fda-app .trend tbody tr{cursor:pointer;transition:background .15s;animation:rise .35s var(--ease) both}
#fda-app .trend tbody tr:hover{background:var(--surface-2)}
#fda-app .trend tbody tr.sel{background:var(--teal-dim);box-shadow:inset 3px 0 0 var(--teal)}
#fda-app .trend td{padding:9px 10px}
#fda-app .trend td.sec{font-family:var(--font-mono);color:var(--text);white-space:nowrap;font-size:12.5px}
#fda-app .trend td.sec small{display:block;font-family:var(--font-body);font-size:11.5px;color:var(--text-muted);white-space:normal;max-width:36ch;line-height:1.3;margin-top:2px}
#fda-app .trend td.num{font-variant-numeric:tabular-nums;color:var(--text-soft)}
#fda-app .trend td.num.zero{color:var(--text-faint)}
#fda-app .trend td.num.partial{color:var(--text-muted)}
#fda-app .trend td.num.hi{color:var(--text);font-weight:600}
#fda-app .trend .spark{width:66px;height:20px;display:block}
#fda-app .trend .spark rect{fill:var(--depth);opacity:.55}
#fda-app .trend .spark rect.last{fill:var(--teal);opacity:.9}
#fda-app .trend td.chg{white-space:nowrap;min-width:150px}
#fda-app .trend .delta{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--font-heading);font-size:14px}
#fda-app .trend .delta.up{color:var(--teal)}
#fda-app .trend .delta.down{color:var(--depth)}
#fda-app .trend .delta.flat{color:var(--text-faint);font-weight:500}
#fda-app .trend .pct{margin-left:7px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}
#fda-app .trend .dbar{display:block;height:3px;border-radius:2px;background:var(--depth);width:var(--w);margin-top:5px;opacity:.7;transition:width .7s var(--ease)}
#fda-app .trend .delta.up + .pct + .dbar,#fda-app .trend tr.up .dbar{background:var(--teal)}
#fda-app .trend .pill-btn{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--teal);background:var(--teal-dim);border:1px solid rgb(var(--teal-rgb) / .45);border-radius:var(--r-pill);padding:4px 11px;line-height:1.2;white-space:nowrap;transition:background .15s,color .15s}
#fda-app .trend .pill-btn:hover{background:var(--teal);color:var(--void)}
#fda-app .trend-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:11.5px;color:var(--text-faint);flex-wrap:wrap}
#fda-app .trend-foot b{color:var(--text-muted);font-weight:500}

/* letters table */
#fda-app .letters-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}
#fda-app .letters-tools .cnt{font-size:12.5px;color:var(--text-muted)}
#fda-app .letters-tools select{background:var(--surface);color:var(--text-soft);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:6px 10px;font:inherit;font-size:12.5px}
#fda-app .ltable{overflow:auto;border:1px solid var(--border);border-radius:var(--r-md)}
#fda-app .ltable table{min-width:860px}
#fda-app .ltable tbody tr{cursor:pointer;transition:background .15s}
#fda-app .ltable tbody tr:hover{background:var(--surface-2)}
#fda-app .ltable th button{background:none;border:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:0;cursor:pointer}
#fda-app .ltable th button:hover{color:var(--teal)}
#fda-app .ltable .co{color:var(--text);font-weight:500}
#fda-app .ltable .pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--surface-3);color:var(--text-soft);margin:1px 3px 1px 0;white-space:nowrap}
#fda-app .ltable .pill.fam1{background:rgb(var(--depth-rgb) / .16)}#fda-app .ltable .pill.fam2{background:rgb(var(--teal-rgb) / .16)}#fda-app .ltable .pill.fam3{background:rgb(var(--s2-rgb) / .16)}
#fda-app .ltable .cite{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}
#fda-app .ltable .cite span{display:block}
#fda-app .ltable .ok{color:var(--teal);font-size:11.5px}
#fda-app .pager{display:flex;justify-content:center;gap:6px;margin-top:12px;align-items:center;font-size:12.5px;color:var(--text-muted)}

/* drawer */
#fda-app .drawer-bg{position:fixed;inset:0;background:rgb(var(--void-rgb) / .6);backdrop-filter:blur(3px);z-index:70;opacity:0;pointer-events:none;transition:opacity .25s}
#fda-app .drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,100%);background:var(--navy);border-left:1px solid var(--border-strong);z-index:71;transform:translateX(100%);transition:transform .32s var(--ease);overflow:auto;padding:24px 26px 40px}
#fda-app .drawer.open{transform:none}#fda-app .drawer-bg.open{opacity:1;pointer-events:auto}
#fda-app .drawer .close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);display:grid;place-items:center}
#fda-app .drawer .close:hover{color:var(--text);border-color:var(--teal)}
#fda-app .drawer h2{margin:6px 40px 4px 0;font-size:22px}
#fda-app .drawer .meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:16px 0;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
#fda-app .drawer .meta div{font-size:13px;color:var(--text-soft)}
#fda-app .drawer .meta div span{display:block;font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
#fda-app .drawer h3{margin:18px 0 8px;color:var(--text)}
#fda-app .drawer ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
#fda-app .drawer ol li{font-size:13.5px;color:var(--text-soft);line-height:1.45}
#fda-app .drawer ol li .c{display:block;margin-top:3px;font-family:var(--font-mono);font-size:11.5px}
#fda-app .drawer ol li .c a{margin-right:8px}
#fda-app .drawer .cits{display:flex;flex-wrap:wrap;gap:6px}
#fda-app .drawer .cits a,#fda-app .drawer .cits button,#fda-app .cfr-pill{font-family:var(--font-mono);font-size:11.5px;padding:3px 9px;border-radius:99px;border:1px solid var(--border-strong);color:var(--text-soft);background:var(--surface);cursor:pointer;line-height:1.5}
#fda-app .drawer .cits a:hover,#fda-app .drawer .cits button:hover,#fda-app .cfr-pill:hover{border-color:var(--teal);color:var(--teal);text-decoration:none}
#fda-app .cfr-pill .cnt{color:var(--text-faint);margin-left:5px}
#fda-app .drawer ol li .c button{background:none;border:0;padding:0;color:var(--teal);font:inherit;margin-right:8px;cursor:pointer}
#fda-app .drawer ol li .c button:hover{text-decoration:underline}
#fda-app .drawer .src{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
#fda-app .drawer .note{font-size:12px;color:var(--text-faint);margin-top:8px}
#fda-app .drawer .back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--text-muted);font-size:12.5px;margin-bottom:12px}
#fda-app .drawer .back:hover{color:var(--teal)}
#fda-app .drawer .ttl{font-family:var(--font-heading);font-size:16px;font-weight:500;color:var(--text-soft);margin:4px 40px 0 0;line-height:1.3}
#fda-app .cfr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
#fda-app .cfr-stats div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px}
#fda-app .cfr-stats b{display:block;font-family:var(--font-heading);font-size:20px;color:var(--text);letter-spacing:-.02em}
#fda-app .cfr-stats span{font-size:11.5px;color:var(--text-muted)}
#fda-app .cfr-text{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;font-size:13.5px;line-height:1.55;color:var(--text-soft);max-height:260px;overflow:hidden;transition:max-height .3s var(--ease)}
#fda-app .cfr-text.full{max-height:none}
#fda-app .cfr-text p{margin:0 0 9px}
#fda-app .cfr-text p:last-child{margin:0}
#fda-app .cfr-text p.cita{font-size:11.5px;color:var(--text-faint);margin-top:12px}
#fda-app .cfr-text em{color:var(--text);font-style:italic}
#fda-app .cfr-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--surface));pointer-events:none}
#fda-app .cfr-text.full::after{display:none}
#fda-app .cfr-more{margin-top:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#fda-app .cfr-old{font-size:12px;color:var(--gold);background:var(--gold-dim);border:1px solid rgb(var(--gold-rgb) / .35);border-radius:var(--r-sm);padding:8px 12px;margin:10px 0 0}
#fda-app .cfr-findings{display:flex;flex-direction:column;gap:8px}
#fda-app .cfr-findings div{font-size:13px;color:var(--text-soft);line-height:1.4;padding-left:12px;border-left:2px solid var(--depth)}
#fda-app .cfr-findings div b{color:var(--text-muted);font-weight:500;font-family:var(--font-mono);font-size:11px;display:block;margin-bottom:2px}
#fda-app .cfr-letters{display:flex;flex-direction:column;gap:2px}
#fda-app .cfr-letters button{display:grid;grid-template-columns:86px 1fr auto;gap:10px;align-items:center;text-align:left;background:none;border:0;border-radius:7px;padding:7px 8px;font-size:13px;color:var(--text-soft)}
#fda-app .cfr-letters button:hover{background:var(--surface-2);color:var(--text)}
#fda-app .cfr-letters button .d{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}
#fda-app .cfr-letters button .f{font-size:11px;color:var(--text-faint);white-space:nowrap}
#fda-app .ai-sum{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--teal);background:var(--teal-dim);border-radius:0 var(--r-sm) var(--r-sm) 0}
#fda-app .ai-sum p{font-size:14px;color:var(--text);line-height:1.45}
#fda-app .ai-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
#fda-app .ai-tag{display:inline-flex;align-items:center;font-size:11.5px;padding:3px 9px;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);cursor:pointer;font-family:var(--font-body)}
#fda-app .ai-tag:hover{border-color:var(--teal);color:var(--teal)}
#fda-app .ai-tag.rep{border-color:rgb(var(--gold-rgb) / .5);color:var(--gold);background:var(--gold-dim);cursor:default}
#fda-app .ai-tag.small{font-size:10.5px;padding:2px 8px;cursor:default;margin-bottom:5px}
#fda-app .ai-mark{font-style:normal;font-family:var(--font-mono);font-size:10px;color:var(--teal);border:1px solid rgb(var(--teal-rgb) / .4);border-radius:99px;padding:1px 6px;margin-left:6px;vertical-align:middle}
#fda-app .ai-finds{display:flex;flex-direction:column;gap:12px}
#fda-app .ai-find{padding-left:12px;border-left:2px solid var(--depth)}
#fda-app .ai-find p{font-size:13.5px;color:var(--text);line-height:1.4}
#fda-app .ai-find blockquote{margin:5px 0 4px;font-size:12.5px;color:var(--text-muted);line-height:1.4;font-style:italic}
#fda-app .ai-find .c{display:block;font-family:var(--font-mono);font-size:11.5px}
#fda-app .ai-find .c button{background:none;border:0;padding:0;color:var(--teal);font:inherit;margin-right:8px;cursor:pointer}
#fda-app .ai-asks{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
#fda-app .ai-asks li{font-size:13.5px;color:var(--text-soft);line-height:1.4}
#fda-app .drawer .btn.primary{border-color:rgb(var(--teal-rgb) / .5);color:var(--teal);background:var(--teal-dim)}
#fda-app .drawer .btn.primary[aria-pressed="true"]{background:var(--teal);color:var(--void);border-color:var(--teal)}


/* 3D co-citation map */
#fda-app .graph-card{padding-bottom:16px}
#fda-app .graph-wrap{position:relative;height:560px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:radial-gradient(900px 500px at 50% 45%, rgb(var(--depth-rgb) / .10), transparent 65%), linear-gradient(180deg, rgb(var(--void-rgb) / .6), rgb(var(--void-rgb) / .95))}
@media(max-width:700px){#fda-app .graph-wrap{height:400px}}
#fda-app #graph3d{position:absolute;inset:0;cursor:grab}
#fda-app #graph3d:active{cursor:grabbing}
#fda-app #graphLabels{position:absolute;inset:0;pointer-events:none;z-index:1}
#fda-app .g-label{position:absolute;top:0;left:0;font-family:var(--font-mono);font-size:11px;color:var(--text-soft);background:rgb(var(--void-rgb) / .72);border:1px solid var(--border-strong);padding:2px 6px;border-radius:6px;white-space:nowrap;margin:-24px 0 0 -8px;transition:opacity .2s;will-change:transform}
#fda-app .g-label.sel{color:var(--teal);border-color:rgb(var(--teal-rgb) / .5);background:rgb(var(--void-rgb) / .92)}
#fda-app .g-label .t{display:none;font-family:var(--font-body);color:var(--text-soft);margin-left:6px}
#fda-app .g-label.full .t{display:inline}
#fda-app .graph-hint{position:absolute;left:14px;bottom:12px;font-size:11.5px;color:var(--text-faint);pointer-events:none;background:rgb(var(--void-rgb) / .7);padding:5px 10px;border-radius:99px;border:1px solid var(--border);transition:color .2s,border-color .2s;max-width:calc(100% - 28px)}
#fda-app .graph-wrap.engaged .graph-hint{color:var(--teal);border-color:rgb(var(--teal-rgb) / .4)}
#fda-app .graph-wrap.engaged{outline:2px solid rgb(var(--teal-rgb) / .35);outline-offset:-2px}
#fda-app .graph-zoom{position:absolute;right:14px;top:12px;display:flex;flex-direction:column;gap:4px;z-index:2}
#fda-app .graph-zoom button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-strong);background:rgb(var(--void-rgb) / .75);color:var(--text-soft);font-size:16px;line-height:1;display:grid;place-items:center}
#fda-app .graph-zoom button:hover{border-color:var(--teal);color:var(--teal)}
#fda-app .graph-key{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-muted);margin:2px 0 8px;align-items:center}
#fda-app .graph-key span{display:inline-flex;align-items:center;gap:7px}
#fda-app .graph-key .node{width:12px;height:12px;border-radius:50%;background:var(--depth);display:inline-block}
#fda-app .graph-key .edge{width:22px;height:2px;background:var(--depth);display:inline-block;opacity:.7}
#fda-app .graph-meta{position:absolute;right:14px;bottom:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);pointer-events:none}
#fda-app .graph-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:13px;pointer-events:none}
#fda-app .graph-empty[hidden]{display:none}
#fda-app .graph-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#fda-app .graph-tools label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);height:30px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface)}
#fda-app .graph-tools input[type=range]{width:110px;accent-color:var(--teal)}
#fda-app .graph-tools .btn[aria-pressed="true"]{border-color:rgb(var(--teal-rgb) / .45);color:var(--teal)}
#fda-app .scene-tooltip{background:transparent!important;color:inherit!important;padding:0!important;z-index:20!important}
#fda-app .g-tip{position:relative;z-index:30;background:rgb(var(--navy-rgb) / .97);border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;font-family:var(--font-body);font-size:12px;color:var(--text-soft);box-shadow:var(--shadow);max-width:300px}
#fda-app .g-tip .g-t{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:4px}
#fda-app .g-tip .g-v b{color:var(--text);font-size:14px}
#fda-app .g-tip .g-h{margin-top:6px;line-height:1.35;color:var(--text)}
#fda-app .g-tip .g-c{margin-top:6px;font-size:11px;color:var(--teal)}


/* additional views */
#fda-app .chart .cell{animation:cellIn .45s var(--ease) both}
@keyframes cellIn{from{opacity:0;transform:scale(.6);transform-origin:center;transform-box:fill-box}to{opacity:1;transform:none}}
#fda-app .chart .ribbon{opacity:.38;transition:opacity .2s;cursor:pointer}
#fda-app .chart .ribbons:hover .ribbon{opacity:.14}
#fda-app .chart .ribbons .ribbon:hover{opacity:.85}
#fda-app .chart .dot{transition:r .15s}
#fda-app .chart .dot:hover{r:7}
#fda-app .chart .tile rect{transition:filter .2s}
#fda-app .chart .tile:hover rect{filter:brightness(1.25)}
#fda-app .chart .lab a,#fda-app .chart a text{fill:var(--text-soft)}
#fda-app .chart a:hover text{fill:var(--teal)}
#fda-app .note-line{font-size:11.5px;color:var(--text-faint);margin-top:8px}

/* .fda-method-notes */
#fda-app .fda-method-notes{border-top:1px solid var(--border);padding:34px 0 46px;color:var(--text-muted);font-size:13px}
#fda-app .fda-method-notes .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
#fda-app .fda-method-notes h4{font-family:var(--font-heading);color:var(--text-soft);font-size:13px;margin:0 0 8px;letter-spacing:.02em}
#fda-app .fda-method-notes p{margin-bottom:8px}
#fda-app .fda-method-notes .line{font-family:var(--font-heading);font-weight:700;color:var(--text);font-size:18px;margin-bottom:10px}
@media(max-width:800px){#fda-app .fda-method-notes .foot-grid{grid-template-columns:1fr}}
/* ---- the drawer now lives inside the right panel ---- */
#fda-app .drawer{position:static;width:auto;transform:none;border:0;padding:0;overflow:visible;display:none;background:transparent;transition:none;bottom:auto;right:auto;top:auto}
#fda-app .panel.detail .drawer{display:block;animation:drop .22s var(--ease)}
#fda-app .panel.detail #panelHome{display:none}
#fda-app .drawer .back.top{margin-bottom:10px}
#fda-app .drawer h2{margin-right:0;font-size:20px}
#fda-app .drawer .close{display:none}
#fda-app .drawer .meta{grid-template-columns:1fr 1fr}
#fda-app .cfr-stats{grid-template-columns:1fr}
#fda-app .ltable-sec{margin-top:30px}
#fda-app .ltable-sec[hidden]{display:none}
#fda-app .ltable-sec .section-head{align-items:center}

/* ---- filter state on the charts: ghost of the total, teal means "your filter" ---- */
#fda-app .chart .ghost{fill:var(--depth);opacity:.14}
#fda-app .chart .row.sel .bar{fill:var(--teal)!important;filter:none}
#fda-app .chart .row.sel .lab{fill:var(--teal);font-weight:600}
#fda-app .chart .row.sel .val{fill:var(--teal)}
#fda-app .chart .row .chk{fill:var(--teal);font-size:11px;font-weight:700}
#fda-app .chart .col.sel .bar{stroke:var(--teal);stroke-width:2}
#fda-app .chart .col.sel .axis-lab{fill:var(--teal)!important;font-weight:600}
#fda-app.filtered .chart .row:not(.sel) .bar{opacity:.85}

/* ---- header spans the shell ---- */
#fda-app .top-in{max-width:1800px}
#fda-app .top-right .tag{display:inline-flex}
@media(max-width:900px){#fda-app .top-right .tag{display:none}}
/* ---- tabs (the only layout since Sep 22) ---- */
#fda-app .tabs{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 6px;padding:4px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface)}
#fda-app .tabs button{border:0;background:transparent;color:var(--text-muted);font-family:var(--font-heading);font-weight:500;font-size:13px;padding:8px 10px;border-radius:9px;white-space:nowrap;flex:1 1 auto;transition:background .15s,color .15s}
#fda-app .tabs button:hover{color:var(--text)}
#fda-app .tabs button[aria-selected="true"]{background:var(--teal-dim);color:var(--teal)}
#fda-app .card-head.stack{flex-direction:column;align-items:stretch}
#fda-app .card-head.stack .card-tools{margin-top:6px}
#fda-app .trend-tools{flex-wrap:wrap;align-items:center;gap:6px 8px;flex:1 1 auto}
#fda-app .tool-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-left:4px}
#fda-app .tool-lbl:first-child{margin-left:0}
#fda-app .period-seg button[aria-pressed="true"]{background:var(--teal-dim);color:var(--teal)}
/* tabs layout: one panel at a time, groups always open */
#fda-app.layout-tabs .tab-panel:not(.on){display:none}
#fda-app.layout-tabs .deeper-head{display:none}
#fda-app.layout-tabs .more{border:0;background:transparent;overflow:visible}
#fda-app.layout-tabs .more-btn{pointer-events:none;padding:8px 0 12px;background:none;cursor:default}
#fda-app.layout-tabs .more-c{display:none}
#fda-app.layout-tabs .more-t{font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em}
#fda-app.layout-tabs .more-body{display:block!important;padding:0;animation:none}
/* trends table: every header sorts both ways */
#fda-app .trend th.sortable{cursor:pointer;user-select:none}
#fda-app .trend th.sortable:hover{color:var(--text)}
#fda-app .trend th.sortable:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
#fda-app .trend th .arr{font-size:9px;margin-left:4px;vertical-align:1px}
#fda-app .trend th .arr.idle{opacity:0}
#fda-app .trend th.sortable:hover .arr.idle{opacity:.45}
/* rail: clear all sits in the heading, dim until something is filtered */
#fda-app .rail-clear{font-size:12.5px;font-weight:500;color:var(--teal);background:var(--teal-dim);border:1px solid rgb(var(--teal-rgb) / .45);border-radius:var(--r-pill);padding:4px 12px}
#fda-app .rail-clear:hover{background:rgb(var(--teal-rgb) / .22)}
#fda-app .rail-clear:disabled{color:var(--text-muted);background:transparent;border-color:var(--border-strong);cursor:default;opacity:.7}
#fda-app .term-list button.on{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
/* CFR panel: companions as labelled rows, so the number says what it counts */
#fda-app .co-list{display:flex;flex-direction:column;gap:2px}
#fda-app .co-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline;text-align:left;background:none;border:0;border-radius:7px;padding:7px 8px;font-size:13px;color:var(--text-soft)}
#fda-app .co-list button:hover{background:var(--surface-2);color:var(--text)}
#fda-app .co-list .s{font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}
#fda-app .co-list .t{color:var(--text-muted);min-width:0}
#fda-app .co-list .n{white-space:nowrap;font-size:12.5px;color:var(--text-muted)}
#fda-app .co-list .n b{color:var(--text);font-weight:600}

/* flat co-citation map */
#fda-app #graph3d{cursor:grab;touch-action:none}
#fda-app #graph3d:active{cursor:grabbing}
#fda-app .g2{width:100%;height:100%;display:block}
#fda-app .g2 .link{stroke:var(--fda-color-1);stroke-opacity:.32;stroke-linecap:round;transition:stroke-opacity .15s,stroke .15s}
#fda-app .g2 .link.dim{stroke-opacity:.05}
#fda-app .g2 .link.on{stroke:var(--teal);stroke-opacity:.95}
#fda-app .g2 .node{cursor:pointer;transition:opacity .15s}
#fda-app .g2 .node circle{stroke:rgb(var(--void-rgb) / .9);stroke-width:1.5;transition:fill .15s}
#fda-app .g2 .node text{font-family:var(--font-mono);font-size:11px;pointer-events:none}
#fda-app .g2 .node text.in{fill:var(--on-fill);font-weight:700}
#fda-app .g2 .node text.below{fill:var(--text-soft);paint-order:stroke;stroke:rgb(var(--void-rgb) / .95);stroke-width:3px}
#fda-app .g2 .node.sel text.in,#fda-app .g2 .node.on text.in{fill:var(--on-fill)}
#fda-app .g2 .region rect{fill:rgb(var(--ink-rgb) / .025);stroke-opacity:.28;stroke-width:1.2;stroke-dasharray:4 5}
#fda-app .g2 .region .rg-t{font-family:var(--font-heading);font-weight:700;font-size:14px;letter-spacing:-.01em}
#fda-app .g2 .region .rg-s{font-family:var(--font-body);font-size:11px;fill:var(--text-faint)}
#fda-app .g2 .link.cross{stroke-dasharray:3 5;stroke-opacity:.25}
#fda-app .legend em{font-style:normal;color:var(--text-faint);font-size:11px}
#fda-app .g2 .node.dim{opacity:.12}
#fda-app .g2 .node.on circle,#fda-app .g2 .node.sel circle{fill:var(--teal)!important}
#fda-app .g2 .node.sel text,#fda-app .g2 .node.on text{fill:var(--teal);font-weight:700}
#fda-app .g2 .node.up circle{stroke:var(--teal);stroke-width:3}
#fda-app .g2 .node.down circle{stroke:var(--text);stroke-width:3;stroke-dasharray:3 3}
#fda-app .g2 .node:focus-visible{outline:0}
#fda-app .g2 .node:focus-visible circle{stroke:var(--teal);stroke-width:3}
#fda-app .legend i.ring{width:10px;height:10px;border-radius:50%;background:transparent;border:2.5px solid var(--teal)}
#fda-app .legend i.ring.down{border-color:var(--fda-color-2);border-style:dashed}
#fda-app .graph-wrap{height:620px;transition:height .25s var(--ease)}
#fda-app .graph-tools{justify-content:flex-start}

/* ---- overview blocks ---- */
#fda-app .ov-card{padding-bottom:12px}
#fda-app .ov-list{display:flex;flex-direction:column;gap:2px}
#fda-app .ov-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:2px 10px;align-items:baseline;text-align:left;width:100%;background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:8px 9px;color:var(--text-soft);transition:background .15s,border-color .15s}
#fda-app .ov-row:hover{background:var(--surface-2);border-color:var(--border-strong)}
#fda-app .ov-row.sel{background:var(--teal-dim);border-color:rgb(var(--teal-rgb) / .45)}
#fda-app .ov-row .rk{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}
#fda-app .ov-row .nm{font-size:13.5px;color:var(--text);font-weight:500;line-height:1.25;overflow-wrap:anywhere}
#fda-app .ov-row .nm.mono{font-family:var(--font-mono);font-size:12.5px}
#fda-app .ov-row .v{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}
#fda-app .ov-row.sel .v,#fda-app .ov-row.sel .nm{color:var(--teal)}
#fda-app .ov-row .sb{grid-column:2/-1;font-size:11.5px;color:var(--text-muted);line-height:1.3}
#fda-app .ov-row .br{grid-column:2/-1;height:3px;border-radius:2px;background:var(--surface-3);margin-top:4px;overflow:hidden}
#fda-app .ov-row .br i{display:block;height:100%;background:var(--depth);border-radius:2px;width:var(--w);transition:width .6s var(--ease)}
#fda-app .ov-row.sel .br i{background:var(--teal)}
#fda-app .ov-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:700px){#fda-app .ov-tiles{grid-template-columns:1fr}}
#fda-app .ov-tile{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;color:var(--text-soft);transition:border-color .15s,background .15s}
#fda-app .ov-tile:hover{border-color:var(--border-strong);background:var(--surface-2)}
#fda-app .ov-tile.sel{border-color:rgb(var(--teal-rgb) / .5);background:var(--teal-dim)}
#fda-app .ov-tile .d{font-family:var(--font-heading);font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1}
#fda-app .ov-tile .d.up{color:var(--teal)}#fda-app .ov-tile .d.down{color:var(--depth)}
#fda-app .ov-tile .d small{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin:5px 0 0;font-family:var(--font-mono);letter-spacing:0}
#fda-app .ov-tile .nm{font-family:var(--font-mono);font-size:12.5px;color:var(--text);margin-top:4px}
#fda-app .ov-tile .sb{font-size:11.5px;color:var(--text-muted);line-height:1.3}
#fda-app .ov-foot{display:flex;justify-content:flex-end;margin-top:10px}
#fda-app .ov-go{border-color:rgb(var(--teal-rgb) / .45);color:var(--teal);background:var(--teal-dim)}
#fda-app .ov-go:hover{background:var(--teal);color:var(--void)}
#fda-app .ov-empty{font-size:13px;color:var(--text-faint);padding:14px 4px}
#fda-app:not(.has-ai) #ovCat{display:none}
#fda-app .card.flash{animation:flash 1.4s var(--ease)}
@keyframes flash{0%,40%{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}100%{border-color:var(--border);box-shadow:none}}

/* ---- details pop-out: slides in beside the letters panel, which never goes away ---- */
#fda-app .drawer{position:fixed;top:74px;bottom:14px;right:var(--drawer-right,16px);left:auto;width:min(560px,calc(100vw - 32px));display:block;transform:translateX(28px);opacity:0;pointer-events:none;background:var(--navy);border:1px solid rgb(var(--teal-rgb) / .5);border-radius:var(--r-lg);padding:20px 22px 30px;overflow:auto;z-index:45;box-shadow:-24px 0 70px rgba(0,0,0,.6),0 0 0 1px rgb(var(--teal-rgb) / .12) inset;transition:transform .25s var(--ease),opacity .2s}
#fda-app .drawer.open{transform:none;opacity:1;pointer-events:auto}
#fda-app .drawer .close{display:grid;position:sticky;top:0;right:auto;margin:0 0 -34px auto;z-index:3}
#fda-app .card{scroll-margin-top:84px}
#fda-app .drawer h2{margin-right:44px}
#fda-app .drawer .ttl{margin-right:44px}
#fda-app .cfr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#fda-app .p-item.current{background:var(--teal-dim);box-shadow:inset 3px 0 0 var(--teal)}
#fda-app .p-item.current .co{color:var(--teal)}

/* bars grow in by scale; the width attribute always holds the real value */
#fda-app .chart .row rect.bar.anim{animation:growX .7s var(--ease) backwards;animation-delay:var(--d,0ms);transform-box:fill-box!important;transform-origin:0 50%!important}
@keyframes growX{from{transform:scaleX(0)}to{transform:none}}

#fda-app .seg-help{display:inline-grid;place-items:center;width:20px;height:20px;margin:0 3px 0 2px;border-radius:50%;border:1px solid var(--border-strong);color:var(--text-muted);font-size:12px;font-weight:600;cursor:help;align-self:center}
#fda-app .seg-help:hover,#fda-app .seg-help:focus-visible{border-color:var(--teal);color:var(--teal);outline:0}
#fda-app .tip{max-width:340px}
/* ==== legibility pass (Sean, Sep 17): labels up a step, numbers up two and out of the faintest grey ==== */
#fda-app .num,#fda-app .cnt{font-variant-numeric:tabular-nums}
/* charts now draw at true pixel size, so these are real on-screen sizes */
#fda-app .chart svg{max-width:100%;height:auto}
#fda-app .chart .lab{font-size:13px}
#fda-app .chart .val{font-size:13px;fill:var(--text-soft)}
#fda-app .chart .val.num{font-weight:600;fill:var(--text)}
#fda-app .chart .val.ttl{font-size:12px;fill:var(--text-muted);font-weight:400}
#fda-app .chart .axis text{font-size:12px;fill:var(--text-muted)}
#fda-app .chart .detail text{font-size:12px}
#fda-app .chart .row.sel .val.num{fill:var(--teal)}
#fda-app .card-head p{font-size:13px}
#fda-app .legend{font-size:12.5px}
#fda-app .tip{font-size:13px}
#fda-app .tip .t{font-size:12px}
#fda-app .tip .r b{font-size:13.5px}
#fda-app table{font-size:13px}
#fda-app th{font-size:12px}
#fda-app .seg button{font-size:12.5px;padding:5px 11px}
#fda-app .btn.small{font-size:12px}
#fda-app .tabs button{font-size:13.5px}
/* filters rail */
#fda-app .fg-t{font-size:11px}
#fda-app .fg-sub{font-size:11.5px;color:var(--text-muted)}
#fda-app .fg-list label{font-size:13px}
#fda-app .fg-list .cnt{font-size:12.5px;color:var(--text-soft)}
#fda-app .fg-toggle{font-size:12.5px;color:var(--text-muted)}
#fda-app .fam-toggles button{font-size:12.5px}
#fda-app .fam-toggles button b{font-size:19px}
#fda-app .term-list button{font-size:12.5px}
#fda-app .term-list button .cnt{font-size:12px;color:var(--text-soft)}
#fda-app .rail-note{font-size:12.5px;color:var(--text-muted)}
/* letters panel */
#fda-app .p-count .of{font-size:13.5px}
#fda-app .p-hi span.l{font-size:10.5px}
#fda-app .p-hi small{font-size:12.5px}
#fda-app .p-hi .n{font-size:16px}
#fda-app .p-list-head{font-size:12.5px}
#fda-app .p-tools select{font-size:12.5px}
#fda-app .p-item .co{font-size:13.5px}
#fda-app .p-item .d{font-size:12.5px;color:var(--text-soft)}
#fda-app .p-item .meta{font-size:12.5px}
#fda-app .p-item .meta .n{color:var(--text-muted)}
#fda-app .chip{font-size:12.5px}
#fda-app .chip .k{font-size:11.5px}
/* trends table and overview */
#fda-app .trend{font-size:13.5px}
#fda-app .trend td.num{font-size:14px;color:var(--text)}
#fda-app .trend td.num.zero{color:var(--text-faint)}
#fda-app .trend td.num.partial{color:var(--text-soft)}
#fda-app .trend td.sec{font-size:13px}
#fda-app .trend td.sec small{font-size:12.5px}
#fda-app .trend th .sub{font-size:11px;color:var(--text-muted)}
#fda-app .trend .delta{font-size:15px}
#fda-app .trend .pct{font-size:12.5px;color:var(--text-soft)}
#fda-app .trend-foot{font-size:12.5px;color:var(--text-muted)}
#fda-app .ov-row .rk{font-size:12px;color:var(--text-muted)}
#fda-app .ov-row .nm{font-size:14px}
#fda-app .ov-row .nm.mono{font-size:13.5px}
#fda-app .ov-row .v{font-size:17px}
#fda-app .ov-row .sb{font-size:12.5px}
#fda-app .ov-tile .d small{font-size:13px;color:var(--text-soft)}
#fda-app .ov-tile .nm{font-size:13.5px}
#fda-app .ov-tile .sb{font-size:12.5px}
/* findings list */
#fda-app .finding .cfr{font-size:13px}
#fda-app .finding .h{font-size:13.5px}
#fda-app .finding .m b{font-size:17px}
/* map */
#fda-app .g2 .node text{font-size:12px}
#fda-app .g2 .region .rg-s{font-size:12px;fill:var(--text-muted)}
#fda-app .graph-meta{font-size:12px;color:var(--text-muted)}
#fda-app .graph-hint{font-size:12.5px;color:var(--text-muted)}
#fda-app .graph-key{font-size:12.5px}
#fda-app .graph-tools label{font-size:12.5px}
/* details pop-out */
#fda-app .drawer .meta div{font-size:13.5px}
#fda-app .drawer .meta div span{font-size:11.5px;color:var(--text-muted)}
#fda-app .drawer ol li .c,#fda-app .ai-find .c{font-size:12.5px}
#fda-app .drawer .cits button,#fda-app .cfr-pill{font-size:12.5px}
#fda-app .cfr-pill .cnt{color:var(--text-soft)}
#fda-app .cfr-stats b{font-size:22px}
#fda-app .cfr-stats span{font-size:12.5px}
#fda-app .cfr-findings div b{font-size:12px}
#fda-app .cfr-letters button{font-size:13.5px}
#fda-app .cfr-letters button .d{font-size:12.5px;color:var(--text-soft)}
#fda-app .cfr-letters button .f{font-size:12px;color:var(--text-muted)}
#fda-app .ai-tag{font-size:12.5px}
#fda-app .drawer .note,#fda-app .note-line{font-size:12.5px;color:var(--text-muted)}
/* full table */
#fda-app .ltable .cite{font-size:12.5px}
#fda-app .ltable .pill{font-size:12px}
#fda-app .ltable .ok{font-size:12.5px}
#fda-app .pager{font-size:13px}
#fda-app .fda-method-notes{font-size:13.5px}
#fda-app #cardDepth{order:1}
#fda-app .fg-t{font-size:12px}
#fda-app .fg-more summary{font-size:12px}
#fda-app .tool-lbl{font-size:11.5px;color:var(--text-muted)}
#fda-app .trend th .sub{font-size:12px}
#fda-app .legend em{font-size:12px;color:var(--text-muted)}
#fda-app .eyebrow{font-size:12px}
#fda-app .fg-sub{font-size:12px}
#fda-app .q-key{font-size:12px}

/* findings: the 21 CFR label filters, the statement opens in place */
#fda-app .finding{cursor:default;align-items:start;grid-template-columns:132px minmax(0,1fr) 70px}
#fda-app .finding .cfr-filter{font-family:var(--font-mono);font-size:13px;color:var(--text);background:none;border:0;border-bottom:1px dashed var(--border-strong);padding:0 0 2px;text-align:left;align-self:flex-start;transition:color .15s,border-color .15s}
#fda-app .finding .cfr-filter:hover,#fda-app .finding .cfr-filter:focus-visible{color:var(--teal);border-bottom-color:var(--teal);outline:0}
#fda-app .finding.sel .cfr-filter{color:var(--teal);border-bottom-color:var(--teal);font-weight:700}
#fda-app .finding .body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#fda-app .finding button.h{background:none;border:0;padding:0;text-align:left;font:inherit;font-size:13.5px;color:var(--text-soft);line-height:1.4;cursor:pointer;display:block;width:100%}
#fda-app .finding button.h .txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#fda-app .finding.open button.h .txt{display:block;-webkit-line-clamp:unset;overflow:visible;color:var(--text)}
#fda-app .finding button.h:hover .txt{color:var(--text)}
#fda-app .finding .more-link{background:none;border:0;padding:0;font-size:12.5px;font-weight:500;color:var(--teal)}
#fda-app .finding .more-link:hover{text-decoration:underline}
#fda-app .finding.open{background:var(--surface);border-color:var(--border-strong)}
#fda-app .finding .fx{width:100%;margin-top:4px;padding-top:8px;border-top:1px solid var(--border);animation:drop .2s var(--ease)}
#fda-app .finding .fx-n{font-size:12.5px;color:var(--text-muted);line-height:1.4}
#fda-app .finding .fx-n b{color:var(--text-soft);font-weight:600}
#fda-app .finding .fx-t{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:10px 0 4px}
#fda-app .finding .fx ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
#fda-app .finding .fx li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;font-size:13px;color:var(--text-soft);line-height:1.4;padding-left:10px;border-left:2px solid var(--depth)}
#fda-app .finding .fx li b{font-family:var(--font-heading);color:var(--text);font-variant-numeric:tabular-nums}
#fda-app .finding .m span{font-size:11.5px;color:var(--text-muted)}
@media(max-width:640px){#fda-app .finding{grid-template-columns:104px minmax(0,1fr) 54px}}

/* ---- repairs after the legibility pass: nothing may overflow its card ---- */
#fda-app .tool-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
#fda-app .trend-tools{gap:8px 18px}
#fda-app .seg{flex-wrap:wrap}
#fda-app .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
#fda-app .tabs::-webkit-scrollbar{display:none}
#fda-app .tabs button{font-size:13px;padding:8px 9px;flex:1 1 auto}
/* trends table fits a 630px card without scrolling */
#fda-app .trend{min-width:0;table-layout:auto}
#fda-app .trend th,#fda-app .trend td{padding:9px 6px}
#fda-app .trend th:first-child,#fda-app .trend td:first-child{padding-left:2px}
#fda-app .trend td.sec small{max-width:24ch}
#fda-app .trend td.chg{min-width:0;white-space:normal}
#fda-app .trend .pct{display:block;margin:2px 0 0;white-space:nowrap}
#fda-app .trend .dbar{max-width:100%}
#fda-app .trend .pill-btn{padding:4px 9px}
/* findings: section number is a plain text control, never the teal pill; statement gets the room */
#fda-app .finding{grid-template-columns:minmax(0,150px) minmax(0,1fr) 76px;gap:14px}
#fda-app .finding .cfr button.cfr-filter{font-family:var(--font-mono);font-size:13px;font-weight:400;color:var(--text);background:none;border:0;border-bottom:1px dashed var(--border-strong);border-radius:0;padding:0 0 2px;margin:0;line-height:1.3}
#fda-app .finding .cfr button.cfr-filter:hover,#fda-app .finding .cfr button.cfr-filter:focus-visible{color:var(--teal);border-bottom-color:var(--teal);background:none}
#fda-app .finding.sel .cfr button.cfr-filter{color:var(--teal);border-bottom-color:var(--teal);font-weight:700}
#fda-app .finding .cfr{gap:8px}
@media(max-width:700px){#fda-app .finding{grid-template-columns:minmax(0,1fr) 60px}#fda-app .finding .cfr{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}}
#fda-app .trend td.sec .pill-btn{display:inline-block;margin-top:7px;font-family:var(--font-body)}
/* the trends table sheds its oldest years when its own card is narrow (the sparkline still shows the full shape) */
#fda-app #cardTrend{container-type:inline-size;container-name:trendcard}
@container trendcard (max-width:610px){#fda-app .trend th:nth-child(2),#fda-app .trend td:nth-child(2){display:none}}
@container trendcard (max-width:540px){#fda-app .trend th:nth-child(3),#fda-app .trend td:nth-child(3){display:none}}
#fda-app .trend th.chg{white-space:normal;min-width:118px}
#fda-app .trend th .sub{white-space:normal;line-height:1.25}
/* tabs wrap to a second row on a narrow column; a clipped tab is worse than two rows */
#fda-app .tabs{flex-wrap:wrap;overflow-x:visible}
@media(prefers-reduced-motion:reduce){#fda-app *{animation:none!important;transition:none!important}}

/* =========================================================================
   Phase 2 (Greg, Sep 18): a hard-edged filter box, search on top, light first
   ========================================================================= */
/* logo: the standard (white wordmark) on dark, the all-black logo on light, per brand guide v2.4 */
#fda-app .brand img.logo-light-bg{display:none}
#fda-app[data-theme="light"] .brand img.logo-dark-bg{display:none}
#fda-app[data-theme="light"] .brand img.logo-light-bg{display:block}
/* header theme button */
#fda-app .theme-btn svg{width:15px;height:15px}
#fda-app .theme-btn .sun{display:none}
#fda-app[data-theme="dark"] .theme-btn .sun{display:block}
#fda-app[data-theme="dark"] .theme-btn .moon{display:none}
#fda-app[data-theme="light"] header.top{background:rgb(var(--navy-rgb) / .9)}
#fda-app[data-theme="light"] .tag{background:var(--surface)}

/* search sits above everything, under the title */
#fda-app .search-row{margin-top:16px}
#fda-app .search-row .search{max-width:640px;height:46px;background:var(--navy);border-radius:var(--r-sm)}
#fda-app .search-row .search input{font-size:14.5px}

/* the filter box: flat, squared, one line between sections */
#fda-app .rail{background:var(--navy);border:1px solid var(--border-strong);border-radius:2px;padding:0;gap:0;margin-top:8px}
#fda-app .panel{border-radius:2px}
#fda-app .rail-head{padding:12px 14px;border-bottom:1px solid var(--border-strong);position:sticky;top:0;background:var(--navy);z-index:2}
#fda-app .rail-title{font-size:16px}
#fda-app .rail-clear{border-radius:var(--r-sm)}
#fda-app #rail details.fg{display:block;border-bottom:1px solid var(--border);gap:0}
#fda-app #rail details.fg > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 14px;user-select:none}
#fda-app #rail details.fg > summary::-webkit-details-marker{display:none}
#fda-app #rail details.fg > summary:hover{background:var(--surface-2);color:var(--text)}
#fda-app #rail details.fg > summary:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
#fda-app #rail .fg-name{flex:1;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#fda-app #rail .fg-on{font-family:var(--font-body);font-size:11.5px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--teal);background:var(--teal-dim);border-radius:var(--r-sm);padding:1px 7px}
#fda-app #rail .fg-on:empty{display:none}
#fda-app #rail .chev{width:13px;height:13px;flex:none;color:var(--text-muted);transition:transform .2s var(--ease)}
#fda-app #rail details[open] > summary .chev{transform:rotate(180deg)}
#fda-app #rail details.fg > .fg-list,#fda-app #rail details.fg > .term-list,#fda-app #rail details.fg > .fam-toggles{padding:0 10px 12px}
#fda-app #rail .fg-list label{border-radius:var(--r-sm)}
#fda-app #rail .term-list{padding:0 14px 12px}
#fda-app #rail .term-list button{border-radius:var(--r-sm);background:var(--surface-2)}
#fda-app #rail .term-list button.on{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}
#fda-app .rail-note{padding:12px 14px;border-top:0;margin:0}

/* product scope as a list: All products, then the three families */
#fda-app .fam-toggles{display:flex;flex-direction:column;gap:1px}
#fda-app .fam-toggles button{display:flex;flex-direction:row;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--text-soft);font-size:13px;text-align:left}
#fda-app .fam-toggles button:hover{background:var(--surface-3);border:0}
#fda-app .fam-toggles button i{width:9px;height:9px;border-radius:2px;margin:0;flex:none}
#fda-app .fam-toggles button i.all{background:linear-gradient(135deg,var(--s1) 0 33%,var(--s2) 33% 66%,var(--s3) 66%)}
#fda-app .fam-toggles button .nm{flex:1}
#fda-app .fam-toggles button .cnt{font-family:var(--font-mono);font-size:12.5px;color:var(--text-soft)}
#fda-app .fam-toggles button[aria-pressed="true"]{background:var(--teal-dim);color:var(--text);font-weight:600;border:0}
#fda-app .fam-toggles button[aria-pressed="true"] .cnt{color:var(--teal)}

/* tabs: an underline row, as in the mockup */
#fda-app .tabs{background:transparent;border:0;border-bottom:1px solid var(--border-strong);border-radius:0;padding:0;gap:2px}
#fda-app .tabs button{border-radius:0;padding:10px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;flex:0 1 auto}
#fda-app .tabs button[aria-selected="true"]{background:transparent;color:var(--teal);border-bottom-color:var(--teal)}

/* =========================================================================
   Phase 3: details open as a wide overlay over the charts and letters; the rail stays live
   ========================================================================= */
#fda-app .drawer{bottom:14px;width:auto;max-width:none;border-radius:2px;border:1px solid var(--border-strong);box-shadow:var(--shadow);padding:0 28px 36px;transform:translateY(10px)}
#fda-app .drawer.open{transform:none}
#fda-app .drawer .close{position:sticky;top:12px;margin:12px 0 -46px auto;width:34px;height:34px;border-radius:var(--r-sm);z-index:4}
#fda-app.overlay-open .panel,#fda-app.overlay-open .center{visibility:hidden}   /* covered by the overlay; hidden so nothing peeks out around it */
#fda-app .ov-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--navy);border-bottom:1px solid var(--border);padding:16px 56px 12px 0;margin:0 0 18px}
#fda-app .ov-bar .back{margin:0}
#fda-app .ov-kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}
#fda-app .ov-step{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted)}
#fda-app .ov-step button{width:28px;height:28px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-size:15px;line-height:1}
#fda-app .ov-step button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}
#fda-app .ov-step button:disabled{opacity:.35;cursor:default}
#fda-app .ov-step .out{color:var(--gold);font-weight:500}
#fda-app .lt-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}
#fda-app .lt-head .eyebrow{grid-column:1}
#fda-app .lt-head .lt-count{grid-column:2;grid-row:1;font-size:12px;font-weight:500;color:var(--teal);background:var(--teal-dim);border-radius:var(--r-sm);padding:4px 10px;white-space:nowrap}
#fda-app .lt-head h2,#fda-app .lt-head .lt-sub,#fda-app .lt-head .lt-sum,#fda-app .lt-head .ai-tags{grid-column:1/-1}
#fda-app .lt-head h2{margin:2px 0 0;font-size:24px}
#fda-app .lt-sub{font-size:13px;color:var(--text-muted)}
#fda-app .lt-sum{font-size:14.5px;color:var(--text-soft);line-height:1.5;max-width:80ch;margin-top:4px}
#fda-app .ai-tag.on{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
#fda-app .lt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:8px}
#fda-app .drawer.two-col .lt-grid{grid-template-columns:minmax(0,1fr) 260px}
#fda-app .lt-main h3,#fda-app .lt-src h3{font-size:16px;margin:22px 0 10px}
#fda-app .ev-list{display:flex;flex-direction:column;gap:10px}
#fda-app .ev{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 14px}
#fda-app .ev-k{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
#fda-app .ev-k .c button{letter-spacing:0;text-transform:none;background:none;border:0;padding:0;color:var(--teal);font:inherit;font-size:12px;cursor:pointer;margin-right:6px}
#fda-app .ev-k .c button:hover{text-decoration:underline}
#fda-app .ev p{font-size:14px;color:var(--text);line-height:1.45}
#fda-app .ev details{margin-top:8px}
#fda-app .ev summary{cursor:pointer;font-size:12.5px;font-weight:500;color:var(--teal);list-style:none;display:inline-flex;align-items:center;gap:6px}
#fda-app .ev summary::-webkit-details-marker{display:none}
#fda-app .ev summary::before{content:"▸";transition:transform .15s}
#fda-app .ev details[open] summary::before{transform:rotate(90deg)}
#fda-app .ev blockquote{margin:8px 0 0;padding:4px 0 4px 12px;border-left:2px solid var(--teal);font-size:13px;color:var(--text-soft);line-height:1.5;font-style:italic}
#fda-app .lt-viol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
#fda-app .lt-viol li{font-size:13.5px;color:var(--text-soft);line-height:1.45}
#fda-app .lt-viol .c{display:block;margin-top:3px;font-family:var(--font-mono);font-size:12px}
#fda-app .lt-viol .c button{background:none;border:0;padding:0;color:var(--teal);font:inherit;margin-right:8px;cursor:pointer}
#fda-app .lt-viol .c span{color:var(--text-muted);margin-right:8px}
#fda-app .ai-asks{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--text-soft);line-height:1.45}
#fda-app .drawer mark{background:rgb(var(--gold-rgb) / .28);color:inherit;border-radius:2px;padding:0 1px}
#fda-app .lt-src{border-left:1px solid var(--border);padding-left:22px;align-self:start;position:sticky;top:74px}
#fda-app .drawer:not(.two-col) .lt-src{border-left:0;padding-left:0;border-top:1px solid var(--border);position:static}
#fda-app .src-link{display:inline-block;font-size:13.5px;font-weight:500;margin-bottom:12px}
#fda-app .lt-src dl{margin:0;display:grid;gap:2px}
#fda-app .lt-src dt{font-size:11.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:10px}
#fda-app .lt-src dd{margin:0;font-size:13.5px;color:var(--text)}
#fda-app .lt-src .note{margin-top:16px}
/* CFR section detail inside the wider overlay */
#fda-app .drawer .cfr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#fda-app .drawer .cfr-text{max-width:90ch}

#fda-app .avg-key{display:inline-block;width:18px;height:0;border-top:2px dashed var(--text-soft);vertical-align:middle;margin:0 6px 0 2px}

#fda-app .fg-toggle{display:flex;align-items:center;gap:6px;width:100%;margin-top:4px;padding:7px 8px;border:1px dashed var(--border-strong);border-radius:var(--r-sm);color:var(--teal);font-weight:500;font-size:12.5px}
#fda-app .fg-toggle:hover{background:var(--teal-dim);border-style:solid;color:var(--teal)}
#fda-app .fg-toggle span{color:var(--text-muted);font-weight:400}
#fda-app .fg-empty{font-size:12.5px;color:var(--text-muted);padding:4px 8px;margin:0}

/* word map (Greg, Sep 15 and 18): quality terms sized by how many letters mention them, click to filter */
#fda-app .wordmap{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 16px;padding:10px 6px 6px;line-height:1.15}
#fda-app .wordmap button{background:none;border:0;padding:2px 4px;border-radius:var(--r-sm);font-family:var(--font-heading);font-weight:500;letter-spacing:-.01em;color:var(--text-soft);transition:color .15s,background .15s}
#fda-app .wordmap button:hover{color:var(--teal);background:var(--teal-dim)}
#fda-app .wordmap button.on{color:var(--teal);background:var(--teal-dim);font-weight:700}
#fda-app .wordmap button.top{color:var(--text);font-weight:700}
#fda-app .wordmap button.mid{color:var(--text-soft);font-weight:500}
#fda-app .wordmap button.low{color:var(--text-muted);font-weight:400}
#fda-app .wordmap button.top .n{color:var(--text-soft);font-weight:600}
#fda-app .wordmap{gap:2px 18px;line-height:1.1}
#fda-app .wordmap button.zero{color:var(--text-faint);text-decoration:line-through;text-decoration-thickness:1px}
#fda-app .wordmap button:hover,#fda-app .wordmap button.on{color:var(--teal)}
#fda-app .wordmap button.on .n{color:var(--teal)}
#fda-app .wordmap button .n{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-muted);margin-left:4px;letter-spacing:0}

/* light theme: flatter surfaces, no glow */
#fda-app[data-theme="light"] .panel.active{box-shadow:0 0 0 1px rgb(var(--teal-rgb) / .25) inset}
#fda-app[data-theme="light"] .signal-canvas{background:var(--navy)}
#fda-app[data-theme="light"] .tag.live i{box-shadow:none}
#fda-app[data-theme="light"] .card{box-shadow:0 1px 2px rgba(20,35,44,.04)}

/* light mode: a filter that is ON has to read as on at a glance (Sean, Sep 22). The 9% teal wash that works on
   navy nearly vanishes on white, so selected items get a solid teal fill or a strong tint plus a teal edge. */
#fda-app[data-theme="light"]{--sel-bg:rgb(var(--teal-rgb) / .15);--sel-edge:inset 3px 0 0 var(--teal)}
#fda-app[data-theme="light"] .fg-list label.on,
#fda-app[data-theme="light"] .fam-toggles button[aria-pressed="true"]{background:var(--sel-bg);box-shadow:var(--sel-edge);color:var(--text);font-weight:600}
#fda-app[data-theme="light"] .fg-list label.on .cnt,
#fda-app[data-theme="light"] .fam-toggles button[aria-pressed="true"] .cnt{color:var(--teal);font-weight:700}
#fda-app[data-theme="light"] #rail .term-list button.on,
#fda-app[data-theme="light"] .wordmap button.on,
#fda-app[data-theme="light"] .ai-tag.on{background:var(--teal);border-color:var(--teal);color:var(--fda-color-3);font-weight:600}
#fda-app[data-theme="light"] #rail .term-list button.on .cnt,
#fda-app[data-theme="light"] .wordmap button.on .n{color:var(--fda-color-3);opacity:.9}
#fda-app[data-theme="light"] .wordmap button.on:hover{background:var(--teal);color:var(--fda-color-3)}
#fda-app[data-theme="light"] #rail .fg-on{background:var(--teal);color:var(--fda-color-3)}
#fda-app[data-theme="light"] #rail details.has-on > summary .fg-name{color:var(--teal);font-weight:700}
#fda-app[data-theme="light"] .chip{background:var(--teal);border-color:var(--teal);color:var(--fda-color-3);font-weight:600;border-radius:var(--r-sm)}
#fda-app[data-theme="light"] .chip .k{color:var(--fda-color-3);opacity:.85;font-weight:500}
#fda-app[data-theme="light"] .chip button{color:var(--fda-color-3);opacity:.85}
#fda-app[data-theme="light"] .chip button:hover{background:rgb(255 255 255 / .2);color:var(--fda-color-3);opacity:1}
/* the panel's Clear all matches the rail's (both themes) */
#fda-app .chips .clear{font-size:12.5px;font-weight:500;color:var(--teal);background:var(--teal-dim);border:1px solid rgb(var(--teal-rgb) / .45);border-radius:var(--r-sm);padding:4px 12px;margin-left:2px}
#fda-app .chips .clear:hover{background:rgb(var(--teal-rgb) / .22);color:var(--teal)}
#fda-app[data-theme="light"] .ov-row.sel,
#fda-app[data-theme="light"] .ov-tile.sel,
#fda-app[data-theme="light"] .finding.sel{background:var(--sel-bg);border-color:var(--teal);box-shadow:var(--sel-edge)}
#fda-app[data-theme="light"] .trend tbody tr.sel{background:var(--sel-bg)}
#fda-app[data-theme="light"] .fam-toggles button[aria-pressed="true"] i.all{outline:1px solid var(--teal)}

/* letters FDA has taken off its public list: kept, clearly marked */
#fda-app .gone-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--gold);background:var(--gold-dim);border:1px solid rgb(var(--gold-rgb) / .45);border-radius:var(--r-sm);padding:0 6px;margin-left:6px;white-space:nowrap}
#fda-app .gone-note{margin:0 0 14px;padding:10px 14px;border-left:3px solid var(--gold);background:var(--gold-dim);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13.5px;color:var(--text-soft);line-height:1.45}
#fda-app .gone-note b{color:var(--text)}

/* search suggestions: existing filters offered as you type */
#fda-app .search-row{position:relative;z-index:30}
#fda-app .hero{overflow:visible}   /* the suggestion list hangs below the search box */
#fda-app .suggest{position:absolute;top:calc(100% + 4px);left:22px;width:min(640px,calc(100% - 44px));background:var(--navy);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:6px;max-height:min(420px,60vh);overflow:auto}
#fda-app .sg-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:6px 8px 4px}
#fda-app .sg-item{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:10px;align-items:baseline;width:100%;text-align:left;background:none;border:0;border-radius:var(--r-sm);padding:8px;font-size:13.5px;color:var(--text)}
#fda-app .sg-item:hover,#fda-app .sg-item.act{background:var(--sel-bg,var(--teal-dim))}
#fda-app .sg-item.act{box-shadow:inset 3px 0 0 var(--teal)}
#fda-app .sg-g{font-size:11.5px;color:var(--teal);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fda-app .sg-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
#fda-app .sg-s{color:var(--text-muted);font-weight:400}
#fda-app .sg-n{font-family:var(--font-mono);font-size:12.5px;color:var(--text-soft);white-space:nowrap}
#fda-app .sg-item.on .sg-l{color:var(--teal)}
#fda-app .sg-foot{font-size:12px;color:var(--text-muted);padding:8px 8px 4px;border-top:1px solid var(--border);margin-top:4px}

/* Shared guided/explorer navigation and contained layouts on small screens. */
#fda-app .explorer-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0 0}
#fda-app .explorer-nav .eyebrow{margin-right:auto}
#fda-app .explorer-nav a{white-space:normal}
#fda-app .share-status{font-size:12px;color:var(--teal)}
#fda-app .share-url{flex:1 0 100%;min-width:0;padding:9px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm)}
#fda-app .share-url[hidden]{display:none}
#fda-app .response-evidence summary{cursor:pointer;color:var(--teal);margin-top:8px}
#fda-app .response-evidence blockquote{margin:8px 0;padding-left:10px;border-left:2px solid var(--teal);overflow-wrap:anywhere}
#fda-app .rail,#fda-app .panel,#fda-app .card,#fda-app .shell>*,#fda-app .top-in>*,#fda-app .hero-grid>*{min-width:0}
#fda-app .lt-main,#fda-app .lt-src,#fda-app .cfr-text{overflow-wrap:anywhere}
#fda-app .wordmap button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
#fda-app .trend-wrap,#fda-app .tbl-view,#fda-app .ltable{max-width:100%;overflow-x:auto}
@media(max-width:700px){
  #fda-app .shell,#fda-app .shell-wide{padding-left:14px;padding-right:14px}
  #fda-app .top-in{padding:12px 14px;flex-wrap:wrap;height:auto;min-height:58px}
  #fda-app .brand{min-width:0}#fda-app .brand img{max-width:122px}
  #fda-app .top-right{margin-left:auto}#fda-app .theme-btn .lbl{font-size:11px}
  #fda-app .explorer-nav{gap:8px}#fda-app .explorer-nav .eyebrow{flex-basis:100%}
  #fda-app .explorer-nav .btn{font-size:12px;padding:8px 10px}
  #fda-app .tabs{max-width:100%;gap:0}#fda-app .tabs button{font-size:12px;padding:10px 9px}
  #fda-app .card-head,#fda-app .card-head.stack{flex-wrap:wrap;gap:12px}#fda-app .card-tools{flex-wrap:wrap;max-width:100%}
  #fda-app .tool-group,#fda-app .period-seg,#fda-app .seg{flex-wrap:wrap;max-width:100%}
  #fda-app .period-seg button{font-size:11.5px;padding:7px 8px}
  #fda-app .card{padding:14px}#fda-app .drawer{padding:20px 16px 24px}
  #fda-app .lt-head{grid-template-columns:minmax(0,1fr)}#fda-app .lt-head .lt-count{grid-column:1;grid-row:auto;justify-self:start;white-space:normal}
  #fda-app .drawer .cfr-stats{grid-template-columns:1fr}#fda-app .drawer.two-col .lt-grid{grid-template-columns:minmax(0,1fr)}
  #fda-app .ov-bar{flex-wrap:wrap;gap:10px}#fda-app .ov-step{margin-left:0}
  #fda-app .sg-item{grid-template-columns:76px minmax(0,1fr) auto;gap:7px}#fda-app .sg-l{white-space:normal}
  #fda-app .foot-grid{grid-template-columns:1fr}#fda-app .p-list-head{flex-wrap:wrap;gap:8px}
}
/* One persistent navigation stack, including while a detail overlay is open. */
#fda-app{scroll-padding-top:calc(var(--fda-nav-height,148px) + 12px)}
#fda-app header.top{background:var(--navy);backdrop-filter:none;z-index:50}
#fda-app[data-theme="light"] header.top{background:var(--navy)}
#fda-app .module-nav{display:flex;align-items:stretch;gap:24px;max-width:1240px;margin:0 auto;padding:0 22px;min-height:44px;border-top:1px solid var(--border)}
#fda-app .module-nav a{display:flex;align-items:center;padding:10px 0;border-bottom:3px solid transparent;font-family:var(--font-body);font-size:14px;color:var(--text-muted);text-decoration:none}
#fda-app .module-nav a:hover{color:var(--text)}
#fda-app .module-nav a[aria-current="page"]{border-bottom-color:var(--teal);font-weight:700;color:var(--text)}
#fda-app .module-nav a:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
#fda-app .explorer-tabs-band{background:var(--fda-color-4);border-top:1px solid var(--fda-color-5);border-bottom:1px solid var(--fda-color-6)}
#fda-app[data-theme="dark"] .explorer-tabs-band{background:var(--fda-color-7);border-color:var(--fda-color-8)}
#fda-app header.top #tabs{max-width:1240px;margin:0 auto;padding:0 14px;min-height:43px;background:transparent;border-bottom:0;flex-wrap:wrap}
#fda-app header.top #tabs button{flex:0 0 auto;font-size:13px;padding:10px 9px;margin:0;color:var(--fda-color-9)}
#fda-app header.top #tabs button:hover{background:rgb(255 255 255 / .07);color:var(--fda-color-10)}
#fda-app header.top #tabs button[aria-selected="true"]{background:rgb(0 207 171 / .12);color:var(--fda-color-11);border-bottom-color:var(--fda-color-12)}
#fda-app header.top #tabs button:focus-visible{outline:2px solid var(--fda-color-13);outline-offset:-4px}
#fda-app .rail,#fda-app .panel{top:calc(var(--fda-nav-height,148px) + 8px);max-height:calc(100dvh - var(--fda-nav-height,148px) - 16px)}
#fda-app .card,#fda-app .center,#fda-app .ltable,#fda-app .ltable-sec{scroll-margin-top:0}
@media(max-width:1100px){#fda-app .rail,#fda-app .panel{max-height:none}}
@media(max-width:700px){#fda-app .module-nav{gap:20px;padding:0 14px;min-height:42px}#fda-app .module-nav a{font-size:13px}#fda-app header.top #tabs{padding:0 7px}#fda-app header.top #tabs button{padding:8px 7px;font-size:12px}}
@media print{#fda-app header.top{position:static}#fda-app .rail,#fda-app .panel{max-height:none}}