/* Data Visualizer in the Research Desk's interface (data-skin="desk").
   Every chart, tab, filter and control is unchanged; this sheet swaps the dark
   module header and the mono labels for the Desk's page, cards and type. */
#fda-app.fda-explorer[data-skin="desk"],
#fda-app.fda-explorer[data-skin="desk"][data-theme="light"]{
  color-scheme:light;
  --void:#F5F6F7; --navy:#FFFFFF; --surface:#FFFFFF; --surface-2:#EDF2F5; --surface-3:#E3EAEF;
  --border:#DCE3E8; --border-strong:#DCE3E8;
  --teal:#087660; --teal-rgb:8 118 96; --teal-dim:rgb(var(--teal-rgb) / .09); --teal-glow:rgb(var(--teal-rgb) / .18);
  --depth:#147BB0; --depth-rgb:20 123 176; --depth-dim:rgb(var(--depth-rgb) / .10);
  --void-rgb:245 246 247; --navy-rgb:255 255 255; --ink-rgb:24 45 64; --text-rgb:24 45 64;
  --text:#182D40; --text-soft:#34495B; --text-muted:#5E7182; --text-faint:#8998A5;
  /* The dark brand band at the foot of every tab (same as Overview and Letters). */
  --band-bg:#040D18; --band-text:#E8EEF0; --band-muted:#B1C1CE; --band-accent:#00CFAB;
  --danger:#9B3636; --desk-wash:#EDF2F5; --desk-blue-wash:#E6F2F9; --desk-teal-wash:#E4F4EE; --desk-ink:#182D40; --desk-on-ink:#FFFFFF;
  --font-mono:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sm:5px; --r-md:8px; --r-lg:12px; --r-pill:8px;
  --shadow:0 12px 36px rgba(13,30,48,.10);
  --glow-a:0; --glow-b:0;
  background:var(--void); background-image:none;
}
/* Dark mode keeps working, in the Desk's dark palette. */
#fda-app[data-skin="desk"] :where(.num,.cnt,.n,.mono){font-variant-numeric:tabular-nums}

/* Title: the same block that opens the explorer. */
#fda-app[data-skin="desk"] .desk-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1800px;margin:28px auto 18px;padding:0 22px}
#fda-app[data-skin="desk"] .desk-title-eyebrow{display:block;font-size:12px;font-weight:750;letter-spacing:.1em;color:var(--teal);line-height:1.4}
#fda-app[data-skin="desk"] .desk-title h1{font-family:var(--font-heading);font-size:35px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:6px 0 4px;color:var(--text)}
#fda-app[data-skin="desk"] .desk-title p{font-size:16px;color:var(--text-muted)}

/* Header: the tool's own nav and theme switch, then search and views. The
   name repeats the title, and the back row's link now sits in the title. */
#fda-app[data-skin="desk"] header.top{background:var(--void);backdrop-filter:none;border-bottom:0}
#fda-app[data-skin="desk"] :is(.brand,.explorer-nav,.tag.live){display:none!important}
#fda-app.fda-explorer[data-skin="desk"] .fda-nav-frame{flex-wrap:wrap;row-gap:4px}
#fda-app.fda-explorer[data-skin="desk"] .fda-primary-nav{order:0;border-bottom:1px solid var(--border);flex:1 1 auto}
#fda-app.fda-explorer[data-skin="desk"] .fda-primary-nav a{color:var(--text-muted);font-weight:600}
#fda-app.fda-explorer[data-skin="desk"] .fda-primary-nav a:hover{color:var(--text);text-decoration:none}
#fda-app.fda-explorer[data-skin="desk"] .fda-primary-nav a[aria-current="page"]{color:var(--text)}
#fda-app.fda-explorer[data-skin="desk"] .fda-primary-nav a[aria-current="page"]::after{background:var(--depth);inset:auto 0 -1px}
#fda-app.fda-explorer[data-skin="desk"] .top-right{order:1;margin-left:16px}
#fda-app.fda-explorer[data-skin="desk"] .theme-btn{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:650;min-height:36px;padding:7px 12px}
#fda-app.fda-explorer[data-skin="desk"] .explorer-search-tools{order:2;flex:1 1 100%;margin-top:10px}
/* Title, search and tabs share the chart grid's edges. */
#fda-app.fda-explorer[data-skin="desk"] .fda-nav-frame{width:auto;max-width:1800px;min-height:0;padding:6px 22px 10px}
#fda-app[data-skin="desk"] .explorer-tabs-band{padding:0}
#fda-app[data-skin="desk"] .explorer-search-tools{display:flex;align-items:center;gap:10px;flex:1;margin:0}
#fda-app[data-skin="desk"] .explorer-search-tools .search-row{margin:0}
#fda-app[data-skin="desk"] .explorer-search-tools .search{max-width:none;height:52px;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding-left:15px}
#fda-app[data-skin="desk"] .explorer-search-tools .search input{font-size:15px}
#fda-app[data-skin="desk"] .explorer-search-tools .search:focus-within{border-color:var(--depth);box-shadow:0 0 0 3px var(--depth-dim)}
#fda-app.fda-explorer[data-skin="desk"] :is(.fda-share-cta,.fda-alerts-cta){min-height:52px;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;background:var(--desk-ink);border:1px solid var(--desk-ink);color:var(--desk-on-ink)}
#fda-app.fda-explorer[data-skin="desk"] :is(.fda-share-cta,.fda-alerts-cta):hover{background:var(--text-soft);border-color:var(--text-soft);color:var(--desk-on-ink)}
#fda-app[data-skin="desk"] .explorer-tabs-band{background:var(--void);border:0}
#fda-app.fda-explorer[data-skin="desk"] #tabs{display:flex;gap:4px;width:auto;max-width:none;margin:0;padding:4px;background:var(--desk-wash);border:0;border-radius:10px}
#fda-app[data-skin="desk"] #tabs button{flex:1 1 auto;border:0;border-radius:7px;margin:0;padding:9px 12px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-muted);background:transparent}
#fda-app[data-skin="desk"] #tabs button:hover{color:var(--text);background:rgb(255 255 255 / .6)}
#fda-app[data-skin="desk"] #tabs button:focus-visible{outline:2px solid var(--depth);outline-offset:-2px}
#fda-app[data-skin="desk"] #tabs button[aria-selected="true"]{background:var(--surface);color:var(--text);border:0;box-shadow:0 1px 3px rgba(13,30,48,.12)}

/* Labels: plain small caps instead of mono with a rule. */
#fda-app[data-skin="desk"] .eyebrow{font-family:var(--font-body);font-size:12px;font-weight:750;letter-spacing:.1em;color:var(--text-muted)}
#fda-app[data-skin="desk"] .eyebrow::before{display:none}
#fda-app[data-skin="desk"] .note{font-size:13px;color:var(--text-muted)}
#fda-app[data-skin="desk"] :is(h1,h2,h3){letter-spacing:-.015em}
#fda-app[data-skin="desk"] .section-head h2{font-size:24px;font-weight:600}

/* Cards: white, one hairline, the explorer's radius. */
#fda-app[data-skin="desk"] :is(.card,.rail,aside.panel,.ltable){border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:none}
/* A view's outer section is not a card: its heading lines up with the Summary heading and its charts sit in their own cards. */
#fda-app[data-skin="desk"] .more{border:0;border-radius:0;background:transparent;box-shadow:none}
#fda-app[data-skin="desk"] .more .card{border-color:var(--border)}
#fda-app[data-skin="desk"] .card h3{font-size:16px;font-weight:650}

/* Filters: the explorer's option rows and blue selection. */
#fda-app[data-skin="desk"] .rail-title{font-family:var(--font-body);font-size:15px;font-weight:700}
#fda-app[data-skin="desk"] .fg-t .fg-name{font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text)}
#fda-app[data-skin="desk"] .fg-list label,#fda-app[data-skin="desk"] .fam-toggles button{font-size:13px;border-radius:5px}
#fda-app.fda-explorer[data-skin="desk"] :is(.fg-list label.on,.fam-toggles button[aria-pressed="true"]){background:var(--desk-blue-wash);box-shadow:inset 3px 0 0 var(--depth);color:var(--text)}
#fda-app.fda-explorer[data-skin="desk"] :is(.fg-list label.on,.fam-toggles button[aria-pressed="true"]) .cnt{color:var(--depth)}
#fda-app.fda-explorer[data-skin="desk"] :is(#rail .term-list button,.wordmap button){border-radius:5px}
#fda-app.fda-explorer[data-skin="desk"] :is(#rail .term-list button.on,.wordmap button.on,.ai-tag.on){background:var(--depth);border-color:var(--depth);color:var(--desk-on-ink)}
#fda-app.fda-explorer[data-skin="desk"] #rail .fg-on{background:var(--depth);color:var(--desk-on-ink)}
#fda-app.fda-explorer[data-skin="desk"] #rail details.has-on > summary .fg-name{color:var(--depth)}
#fda-app.fda-explorer[data-skin="desk"] .chip{background:var(--desk-teal-wash);border:1px solid rgb(var(--teal-rgb) / .22);color:var(--teal);border-radius:5px;font-weight:600}
#fda-app.fda-explorer[data-skin="desk"] :is(.chip .k,.chip button){color:var(--teal)}

/* Letters panel: the explorer's letter cards. */
#fda-app[data-skin="desk"] .p-item{border:1px solid transparent;border-radius:10px}
#fda-app[data-skin="desk"] .p-item:hover{background:var(--desk-blue-wash);border-color:rgb(var(--depth-rgb) / .35)}
#fda-app[data-skin="desk"] .p-item :is(b,strong,.co){font-family:var(--font-heading);font-weight:700;color:var(--text)}
#fda-app.fda-explorer[data-skin="desk"] :is(.btn){border-radius:8px}

@media(max-width:760px){
  #fda-app[data-skin="desk"] .desk-title{display:block;margin:20px auto 12px}
  #fda-app[data-skin="desk"] .desk-title h1{font-size:28px}
  #fda-app[data-skin="desk"] .desk-title p{font-size:15px}
  #fda-app[data-skin="desk"] .explorer-search-tools{flex-wrap:wrap}
  #fda-app[data-skin="desk"] .explorer-search-tools .search-row{flex:1 1 100%}
  #fda-app.fda-explorer[data-skin="desk"] .explorer-search-tools > button{flex:1 1 100%}
  #fda-app[data-skin="desk"] .explorer-search-tools .search,
  #fda-app.fda-explorer[data-skin="desk"] :is(.fda-share-cta,.fda-alerts-cta){height:46px;min-height:46px}
  #fda-app[data-skin="desk"] .desk-title,#fda-app.fda-explorer[data-skin="desk"] .fda-nav-frame{padding-left:14px;padding-right:14px}
  #fda-app[data-skin="desk"] #tabs button{flex:0 0 auto;font-size:13px;padding:8px 10px}
}

/* Layout: filters on the left; beside them the letters, then the views and
   their charts with the letter panel. The views sit under the letters, not in the header. */
#fda-app.fda-explorer[data-skin="desk"] .shell{grid-template-columns:260px minmax(0,1fr)}
#fda-app[data-skin="desk"] .desk-stack{display:flex;flex-direction:column;gap:18px;min-width:0;margin-top:8px}
#fda-app[data-skin="desk"] .desk-charts{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;min-width:0}
#fda-app[data-skin="desk"] .desk-charts .center{padding-top:0}
#fda-app[data-skin="desk"] .desk-charts .panel{margin-top:0}
#fda-app.fda-explorer[data-skin="desk"] .fda-nav-frame{padding-bottom:14px}
#fda-app[data-skin="desk"].overlay-open :is(.fda-evidence,.explorer-tabs-band){visibility:hidden}
@media(max-width:1280px){
  #fda-app.fda-explorer[data-skin="desk"] .shell{grid-template-columns:250px minmax(0,1fr)}
  #fda-app[data-skin="desk"] .desk-charts{grid-template-columns:minmax(0,1fr) 330px}
}
@media(max-width:1100px){
  #fda-app.fda-explorer[data-skin="desk"] .shell,#fda-app[data-skin="desk"] .desk-charts{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"] #tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}

/* Two pages, one explorer: the visualizer shows the letters, Research the views. */
#fda-app[data-page="visualizer"] :is(.explorer-tabs-band,.desk-charts){display:none}
/* Research has no letter reader, but it shares the reader's pop-ups, so dialogs stay visible. */
#fda-app[data-page="analysis"] .fda-evidence:not(dialog){display:none}

/* Phones, as in the Desk: letters first. Search and every filter sit behind one
   button and open in a drawer; the drawer's button shows the matching letters. */
#fda-app .phone-filter-toggle,#fda-app .phone-drawer-close,#fda-app .phone-drawer-apply{display:none}
/* Tablets too (up to 1100px): the filters sit behind the same button and drawer. */
@media(max-width:1100px){
  #fda-app.fda-explorer[data-skin="desk"] .shell{grid-template-columns:minmax(0,1fr)}
  #fda-app[data-skin="desk"] .phone-filter-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:15px;font-weight:650}
  #fda-app[data-skin="desk"] .phone-filter-toggle .icon{width:17px;height:17px}
  #fda-app[data-skin="desk"] .phone-filter-toggle span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--depth);color:var(--desk-on-ink);font-size:12px}
  #fda-app[data-skin="desk"] .explorer-search-tools .search-row{flex:1 1 100%}
  #fda-app[data-skin="desk"] #rail{display:none}
  #fda-app[data-skin="desk"].phone-drawer-open{z-index:1000}
  #fda-app[data-skin="desk"].phone-drawer-open #rail{display:flex;position:fixed;inset:0;z-index:1000;max-height:none;margin:0;border-radius:0;overflow-y:auto;padding-bottom:0}
  #fda-app[data-skin="desk"] .phone-drawer-close{display:inline-grid;place-items:center;width:36px;height:36px;margin-left:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
  #fda-app[data-skin="desk"] .phone-drawer-close .icon{width:16px;height:16px}
  #fda-app[data-skin="desk"] .phone-drawer-search{padding:10px 14px 0}
  #fda-app[data-skin="desk"] .phone-drawer-search .search-row{margin:0}
  #fda-app[data-skin="desk"] .phone-drawer-search .search{height:48px}
  #fda-app[data-skin="desk"] .phone-drawer-apply{display:flex;align-items:center;justify-content:center;position:sticky;bottom:0;margin-top:auto;min-height:52px;border:0;background:var(--desk-ink);color:var(--desk-on-ink);font-size:15px;font-weight:700;z-index:2}
  #fda-app[data-skin="desk"] .rail-head{display:flex;align-items:center;position:sticky;top:0;z-index:2;background:var(--surface)}
  #fda-app[data-skin="desk"] .rail-head .rail-clear{margin-left:auto}
}

/* Date range and the 21 CFR / ISO 13485 switch, as in the Research Desk. */
#fda-app[data-skin="desk"] .date-filter{display:flex;flex-direction:column;gap:8px;padding:2px 14px 14px}
#fda-app[data-skin="desk"] .date-filter select,#fda-app[data-skin="desk"] .date-fields input{width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:14px}
#fda-app[data-skin="desk"] .date-fields{display:flex;flex-direction:column;gap:8px}
#fda-app[data-skin="desk"] .date-fields label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:650;color:var(--text-muted)}
#fda-app[data-skin="desk"] .date-error{font-size:12px;color:var(--danger)}
#fda-app[data-skin="desk"] .date-presets{display:flex;gap:5px}
#fda-app[data-skin="desk"] :is(.date-presets,.reg-kinds) button{flex:1;min-height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:650}
#fda-app[data-skin="desk"] :is(.date-presets,.reg-kinds) button:hover{color:var(--text);border-color:var(--depth)}
#fda-app[data-skin="desk"] :is(.date-presets,.reg-kinds) button[aria-pressed="true"]{background:var(--desk-blue-wash);border-color:var(--depth);color:var(--depth)}
#fda-app[data-skin="desk"] .reg-kinds{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:2px 14px 8px;padding:3px;background:var(--desk-wash);border-radius:9px}
#fda-app[data-skin="desk"] .reg-kinds button{border:0;background:transparent}
#fda-app[data-skin="desk"] .reg-kinds button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(13,30,48,.12)}
#fda-app[data-skin="desk"] .date-filter .rail-note{margin:0;font-size:12px}

/* Letters and Research share one filter box: 260px wide, held on screen, scrolling inside. */

/* Filter confirmation, mid-screen, as in the Research Desk. */
#fda-app .fda-toast{position:fixed;left:50%;top:50%;z-index:1100;transform:translate(-50%,calc(-50% + 10px));max-width:calc(100% - 28px);width:max-content;padding:15px 24px;border-radius:12px;background:var(--desk-ink);color:var(--desk-on-ink);font-size:15px;font-weight:600;text-align:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
#fda-app .fda-toast.visible{opacity:1;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){#fda-app .fda-toast{transition:none}}

/* Your selection, under the search: every filter applied, each removable, with Undo, Clear all and the count. */
#fda-app.fda-explorer[data-skin="desk"] .scope-bar{order:3;flex:1 1 100%;display:flex;gap:10px 12px;align-items:center;flex-wrap:wrap;min-height:52px;padding:10px 0 0;margin-top:2px;border-top:1px solid var(--border)}
#fda-app[data-skin="desk"] .scope-label{font-size:12px;letter-spacing:.07em;font-weight:750;color:var(--text-muted);white-space:nowrap}
#fda-app[data-skin="desk"] .scope-chips{display:flex;gap:6px;flex:1;flex-wrap:wrap;align-items:center;min-width:0}
#fda-app[data-skin="desk"] .scope-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 8px;border:1px solid rgb(var(--teal-rgb) / .22);border-radius:5px;background:var(--desk-teal-wash);color:var(--teal);font-size:13px;font-weight:600;text-align:left}
#fda-app[data-skin="desk"] .scope-chip:hover{border-color:var(--teal)}
#fda-app[data-skin="desk"] .scope-chip .icon{width:12px;height:12px;flex:none}
#fda-app[data-skin="desk"] .all-records{font-size:14px;color:var(--text-muted)}
#fda-app[data-skin="desk"] .scope-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-left:auto;font-size:13px}
#fda-app[data-skin="desk"] .scope-action{border:0;background:none;padding:0;color:var(--depth);font-size:13px;font-weight:650;cursor:pointer}
#fda-app[data-skin="desk"] .scope-action:hover{text-decoration:underline}
#fda-app[data-skin="desk"] .result-count{padding-left:13px;border-left:1px solid var(--border);white-space:nowrap;color:var(--text)}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .scope-bar.is-empty{display:none}
  #fda-app[data-skin="desk"] .research-read-letters{width:100%;justify-content:center;white-space:normal;text-align:center}
  #fda-app.fda-explorer[data-skin="desk"] .scope-bar{gap:8px;align-items:flex-start}
  #fda-app[data-skin="desk"] .scope-label{width:100%}
  #fda-app[data-skin="desk"] .scope-actions{width:100%;margin:0}
  #fda-app[data-skin="desk"] .result-count{margin-left:auto;border:0;padding:0}
}

/* Share this view and Get alerts, as in the Research Desk: share outlined, alerts the primary action. */
#fda-app.fda-explorer[data-skin="desk"] .fda-share-cta{background:var(--surface);border:1px solid var(--border);color:var(--text)}
#fda-app.fda-explorer[data-skin="desk"] .fda-share-cta:hover{background:var(--surface);border-color:var(--depth);color:var(--depth)}
#fda-app.fda-explorer[data-skin="desk"] .fda-alerts-top{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:52px;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;background:var(--desk-ink);border:1px solid var(--desk-ink);color:var(--desk-on-ink);white-space:nowrap}
#fda-app.fda-explorer[data-skin="desk"] .fda-alerts-top:hover{background:var(--text-soft);border-color:var(--text-soft)}
#fda-app.fda-explorer[data-skin="desk"] .fda-alerts-top .control-icon{width:16px;height:16px}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"] .explorer-search-tools > :is(.fda-share-cta,.fda-alerts-top){flex:1 1 0;min-height:46px;height:46px}
}
#fda-app[data-skin="desk"] .desk-title p.desk-freshness{margin-top:6px;font-size:13px;color:var(--text-faint)}

/* Research: the views and charts take the full width. The filter panel and the
   letters panel are on the Data Visualizer; filters still change from the charts,
   the search and Your selection, and carry over between the two pages. */
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .shell,
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .desk-charts{grid-template-columns:minmax(0,1fr)}

/* Research shows the whole record: no search, no Your selection, no filter buttons, and chart marks no longer look clickable. */
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools{justify-content:flex-end}

/* Research: the view tabs share the header row with Share this view and Get alerts. */
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools{justify-content:flex-start;flex-wrap:nowrap}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools .explorer-tabs-band{flex:1 1 auto;min-width:0;padding:0}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools #tabs{min-height:52px;align-items:stretch}
@media(max-width:1100px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools{flex-wrap:wrap}
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools .explorer-tabs-band{flex:1 1 100%}
}
/* Inside the header the site's own tab colours (white on navy) would apply; keep the explorer's. */
#fda-app.fda-explorer[data-skin="desk"] header.top #tabs button{flex:1 1 auto;color:var(--text-muted);background:transparent;font-size:14px;padding:9px 12px}
#fda-app.fda-explorer[data-skin="desk"] header.top #tabs button:hover{color:var(--text);background:rgb(255 255 255 / .6)}
#fda-app.fda-explorer[data-skin="desk"] header.top #tabs button[aria-selected="true"]{color:var(--text);background:var(--surface);box-shadow:0 1px 3px rgba(13,30,48,.12)}
#fda-app.fda-explorer[data-skin="desk"] header.top #tabs button:focus-visible{outline:2px solid var(--depth);outline-offset:-2px}
/* Research header tabs: full width up to Share, the buttons' height, one clear segmented control. */
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top .explorer-tabs-band{background:transparent}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs{width:100%;max-width:none;margin:0;min-height:52px;padding:5px;gap:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);box-sizing:border-box}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs button{flex:1 1 0;min-width:0;border-radius:8px;font-size:14px;font-weight:600;padding:8px 10px;white-space:nowrap}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs button[aria-selected="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(13,30,48,.08),0 0 0 1px var(--border)}
/* Narrower screens: the tabs wrap onto more rows; nothing scrolls sideways. */
@media(max-width:1100px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs{flex-wrap:wrap;overflow:visible}
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs button{flex:1 1 auto}
}

/* Research header, two rows: the tool menu with Share, Get alerts and Dark mode on its right;
   then the views across the full width, each tab as wide as its label. */
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top .explorer-tabs-band{order:6;flex:1 1 100%;width:100%}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs{flex-wrap:wrap;min-height:50px;padding:5px;gap:4px}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs button{flex:1 1 auto;min-width:max-content;padding:9px 16px;font-size:14.5px}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] header.top #tabs button{min-width:0;padding:8px 10px;font-size:13.5px}
}

/* Data Visualizer header, same rows as Research: the tool menu with Share, Get alerts and
   Dark mode on its right; then the search across the full width; then Your selection. */
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .fda-nav-frame{flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:14px}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .explorer-search-tools{display:contents}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .fda-primary-nav{order:0;flex:1 1 auto}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .fda-share-cta{order:1}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .fda-alerts-top{order:2}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .top-right{order:3;margin-left:0}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] :is(.fda-share-cta,.fda-alerts-top,.theme-btn){min-height:40px;height:40px;padding:0 14px;font-size:13.5px;border-radius:8px}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .explorer-search-tools .search-row{order:4;flex:1 1 100%;margin:0}
#fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .scope-bar{order:5}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] .fda-primary-nav{flex:1 1 100%}
  #fda-app.fda-explorer[data-skin="desk"][data-page="visualizer"] :is(.fda-share-cta,.fda-alerts-top){flex:1 1 0;white-space:nowrap;padding:0 10px;font-size:13px}
}

/* Light only, like the Research Desk: the dark mode switch gives way to the guided overview link. */
#fda-app.fda-explorer[data-skin="desk"] .theme-btn{display:none!important}
#fda-app.fda-explorer[data-skin="desk"] .top-right .desk-guided{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:650;white-space:nowrap;text-decoration:none}
#fda-app.fda-explorer[data-skin="desk"] .top-right .desk-guided:hover{border-color:var(--depth);color:var(--depth);text-decoration:none}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"] .top-right{flex:1 1 100%;margin:0}
  #fda-app.fda-explorer[data-skin="desk"] .top-right .desk-guided{width:100%}
}

/* Every tab shares one header: the menu with Share and Get alerts, the search, Your selection.
   The Overview tab is the guided overview, so its separate button is not repeated. */
#fda-app.fda-explorer[data-skin="desk"] .top-right .desk-guided{display:none!important}
/* The right-hand holder only carries hidden controls on the Desk skin; without this it still adds a flex gap. */
@media(min-width:761px){#fda-app.fda-explorer[data-skin="desk"] .top-in > .top-right{margin-left:-10px}}
/* Research has no filtering, so it has no search box and no selection bar. */
/* Phone. The tool header scrolls away (the Letters / Reading now switch stays pinned instead),
   all five tabs fit on one line, and controls are at least 40px tall. */
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"] header.top{position:static}
  #fda-app.fda-explorer[data-skin="desk"] .top-in > .top-right{display:none}
  #fda-app.fda-explorer[data-skin="desk"] header.top .fda-primary-nav{justify-content:space-between;gap:0;overflow:visible}
  #fda-app.fda-explorer[data-skin="desk"] header.top .fda-primary-nav a{font-size:13px;white-space:nowrap}
  #fda-app.fda-explorer[data-skin="desk"] .period-seg button{min-height:40px;font-size:13px}
  #fda-app.fda-explorer[data-skin="desk"] .btn.small{min-height:40px}
  #fda-app.fda-explorer[data-skin="desk"] #evidence-sort{min-height:40px}
  #fda-app.fda-explorer[data-skin="desk"] .fda-evidence .icon-button{width:40px;height:40px}
}
@media(max-width:760px){
  #fda-app[data-skin="desk"] .desk-title{margin:14px auto 6px}
  #fda-app.fda-explorer[data-skin="desk"] .top-in{row-gap:10px;padding-top:2px;padding-bottom:10px}
}
@media(max-width:760px){#fda-app.fda-explorer[data-skin="desk"]:is([data-page="visualizer"],[data-page="analysis"]) .top-in{row-gap:10px}}
/* Phone and tablet: the "Search and filters" box looks like the search box on the other tabs. */
@media(max-width:1100px){
  #fda-app[data-skin="desk"] .desk-stack .phone-filter-toggle{box-sizing:border-box;justify-content:flex-start;gap:10px;height:46px;min-height:46px;padding:0 10px 0 15px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:15px;font-weight:400;color:var(--text-muted)}
  #fda-app[data-skin="desk"] .desk-stack .phone-filter-toggle .icon{width:16px;height:16px;stroke-width:2;color:var(--teal)}
}
/* The letters sort menu matches the other controls: thin grey border, rounded corners. */
#fda-app[data-skin="desk"] #evidence-sort{box-sizing:border-box;width:auto;min-width:max-content;height:32px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface);color:var(--text);font:inherit;font-size:13px}
/* Research and the Data Visualizer: a Details panel is a sheet on the right, with the charts or letters still in view beside it.
   Its main action opens the Data Visualizer; its few recent letters open their letter pages. */
#fda-app[data-skin="desk"]:is([data-page="analysis"],[data-page="visualizer"]) .drawer{z-index:45;top:calc(var(--fda-site-height,82px) + 12px) !important;bottom:12px !important;left:auto !important;right:16px !important;width:min(600px,calc(100vw - 32px)) !important;box-sizing:border-box;overflow:auto;padding:0 24px 28px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 18px 48px color-mix(in srgb,var(--text) 16%,transparent)}
#fda-app[data-skin="desk"]:is([data-page="analysis"],[data-page="visualizer"]).overlay-open :is(.fda-evidence,.explorer-tabs-band,.center,.panel){visibility:visible}
#fda-app[data-skin="desk"] .drawer .research-go{box-sizing:border-box;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--text);border-radius:8px;background:var(--text);color:var(--surface);font-size:13.5px;font-weight:700;line-height:1.3;text-decoration:none}
#fda-app[data-skin="desk"] .drawer .research-go:hover{opacity:.9;color:var(--surface);text-decoration:none}
#fda-app[data-skin="desk"] .drawer .cfr-letters+.research-go{margin-top:12px}
#fda-app[data-skin="desk"] .drawer .cfr-letters{display:flex;flex-direction:column;gap:2px}
#fda-app[data-skin="desk"] .drawer a.cfr-letter{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px;border-radius:8px;color:var(--text);text-decoration:none}
#fda-app[data-skin="desk"] .drawer a.cfr-letter:hover{background:var(--surface-2,var(--bg))}
#fda-app[data-skin="desk"] .drawer a.cfr-letter .d{grid-column:1 / -1;font-size:12px;color:var(--text-muted)}
#fda-app[data-skin="desk"] .drawer a.cfr-letter>span:nth-child(2){font-weight:650}
#fda-app[data-skin="desk"] .drawer a.cfr-letter .f{font-size:12px;color:var(--text-muted);white-space:nowrap}
@media(max-width:760px){
  #fda-app[data-skin="desk"]:is([data-page="analysis"],[data-page="visualizer"]) .drawer{top:var(--fda-site-height,73px) !important;bottom:0 !important;right:0 !important;width:100% !important;padding:0 16px 24px;border-radius:12px 12px 0 0;border-width:1px 0 0}
  #fda-app[data-skin="desk"] .drawer .research-go{width:100%;justify-content:center;text-align:center;min-height:44px}
}
/* Filtered to one regulation: a link to that regulation's page beside the chips. */
#fda-app[data-skin="desk"] .scope-about{display:inline-flex;align-items:center;min-height:32px;margin-left:4px;font-size:13px;font-weight:650;color:var(--depth,var(--blue));text-decoration:none;white-space:nowrap}
#fda-app[data-skin="desk"] .scope-about:hover{text-decoration:underline}
/* Regulation panel (Data Visualizer and Research): the same cards, type and buttons as a regulation page. */
#fda-app[data-skin="desk"] .drawer .rp{display:flex;flex-direction:column;gap:12px;padding:4px 0 8px}
#fda-app[data-skin="desk"] .drawer .rp-card{padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
#fda-app[data-skin="desk"] .drawer .rp-head{background:var(--surface)}
#fda-app[data-skin="desk"] .drawer .rp-eyebrow{display:block;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
#fda-app[data-skin="desk"] .drawer .rp-head h2{margin:6px 0 2px;font-family:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--text)}
#fda-app[data-skin="desk"] .drawer .rp-title{margin:0;font-size:16px;line-height:1.45;color:var(--text-muted)}
#fda-app[data-skin="desk"] .drawer .rp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
#fda-app[data-skin="desk"] .drawer .rp-stats>div{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--void)}
#fda-app[data-skin="desk"] .drawer .rp-stats dt{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
#fda-app[data-skin="desk"] .drawer .rp-stats dd{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--text)}
#fda-app[data-skin="desk"] .drawer .rp-stats dd b{font-family:'Space Grotesk',system-ui,sans-serif;font-size:20px;font-weight:600;margin-right:2px}
#fda-app[data-skin="desk"] .drawer .rp-link{padding:0;border:0;background:none;font:inherit;color:var(--depth);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#fda-app[data-skin="desk"] .drawer .rp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#fda-app[data-skin="desk"] .drawer .rp-actions .btn,#fda-app[data-skin="desk"] .drawer .rp .research-go{min-height:40px}
#fda-app[data-skin="desk"] .drawer .rp-card h3{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;font-size:17px;font-weight:650;letter-spacing:-.015em;color:var(--text)}
#fda-app[data-skin="desk"] .drawer .rp-note{margin:4px 0 10px;font-size:13px;line-height:1.5;color:var(--text-muted)}
#fda-app[data-skin="desk"] .drawer .rp-years{display:flex;flex-direction:column;gap:6px}
#fda-app[data-skin="desk"] .drawer .rp-years>div{display:grid;grid-template-columns:44px 1fr 36px;gap:10px;align-items:center;font-size:13.5px;color:var(--text)}
#fda-app[data-skin="desk"] .drawer .rp-years>div>span:first-child{font-weight:600}
#fda-app[data-skin="desk"] .drawer .rp-years b{text-align:right}
#fda-app[data-skin="desk"] .drawer .rp-bar{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden}
#fda-app[data-skin="desk"] .drawer .rp-bar>span{display:block;height:100%;border-radius:5px;background:var(--depth)}
#fda-app[data-skin="desk"] .drawer .rp-heads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
#fda-app[data-skin="desk"] .drawer .rp-heads li{padding-left:12px;border-left:2px solid var(--depth);font-size:14px;line-height:1.5;color:var(--text)}
#fda-app[data-skin="desk"] .drawer .rp-heads li span{display:block;font-size:12px;color:var(--text-muted)}
#fda-app[data-skin="desk"] .drawer .rp-co,#fda-app[data-skin="desk"] .drawer .rp-letters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
#fda-app[data-skin="desk"] .drawer .rp-co button,#fda-app[data-skin="desk"] .drawer .rp-letter{display:flex;flex-direction:column;align-items:flex-start;gap:2px;box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
#fda-app[data-skin="desk"] .drawer .rp-co button:hover,#fda-app[data-skin="desk"] .drawer .rp-letter:hover{border-color:var(--depth)}
#fda-app[data-skin="desk"] .drawer .rp-co b,#fda-app[data-skin="desk"] .drawer .rp-letter b{font-family:'Space Grotesk',system-ui,sans-serif;font-size:14.5px;font-weight:650;color:var(--text)}
#fda-app[data-skin="desk"] .drawer .rp-co span{font-size:13px;color:var(--text-muted)}
#fda-app[data-skin="desk"] .drawer .rp-co small,#fda-app[data-skin="desk"] .drawer .rp-letter small,#fda-app[data-skin="desk"] .drawer .rp-letter span{font-size:12px;color:var(--text-muted)}
@media(max-width:560px){#fda-app[data-skin="desk"] .drawer .rp-stats,#fda-app[data-skin="desk"] .drawer .rp-co,#fda-app[data-skin="desk"] .drawer .rp-letters{grid-template-columns:1fr}}
#fda-app[data-skin="desk"] .drawer .rp-card h3+#cfrBody{margin-top:10px}
/* Every card: a heading followed directly by content (not a note line) keeps the same 10px gap. */
#fda-app[data-skin="desk"] .drawer .rp-card>h3+:not(.rp-note){margin-top:10px}
/* Year bars in the regulation panel: each year with letters opens the filter pop-up for that year. */
#fda-app[data-skin="desk"] .drawer .rp-years>.rp-year{display:grid;grid-template-columns:44px 1fr 36px;gap:10px;align-items:center;box-sizing:border-box;width:100%;min-height:28px;padding:2px 6px;margin:0 -6px;border:0;border-radius:6px;background:none;font:inherit;font-size:13.5px;color:var(--text);text-align:left;text-decoration:none}
#fda-app[data-skin="desk"] .drawer .rp-years>.rp-year>span:first-child{font-weight:600}
#fda-app[data-skin="desk"] .drawer .rp-years>.rp-year b{text-align:right}
#fda-app[data-skin="desk"] .drawer .rp-years>:is(button,a).rp-year{cursor:pointer;width:calc(100% + 12px)}
#fda-app[data-skin="desk"] .drawer .rp-years>:is(button,a).rp-year:hover{background:var(--surface-2)}
#fda-app[data-skin="desk"] .drawer .rp-years>:is(button,a).rp-year:hover .rp-bar>span{background:var(--teal)}
/* One button standard across the explorer (matches guided-desk.css): main action dark with white
   text, secondary white with a grey line, hover blue line and text, never green. */
#fda-app[data-skin="desk"] .btn{border-radius:8px;border-color:var(--border);background:var(--surface);color:var(--text);font-weight:700}
#fda-app[data-skin="desk"] .btn:hover{border-color:var(--depth);color:var(--depth);background:var(--surface)}
#fda-app[data-skin="desk"] .btn.primary{background:var(--text);border-color:var(--text);color:var(--surface)}
#fda-app[data-skin="desk"] .btn.primary:hover{background:var(--text);border-color:var(--text);color:var(--surface);opacity:.9}
#fda-app[data-skin="desk"] :is(.ai-tag,.ov-step button:not(:disabled),.drawer .close,.seg-help,.graph-zoom button,.term-list button,.fam-toggles button,.cfr-pill,.drawer .cits a,.drawer .cits button,.rail-clear,.icon-button):hover{border-color:var(--depth);color:var(--depth);background:var(--surface)}
#fda-app[data-skin="desk"] :is(.fg-toggle,.fg-more summary,.chips .clear,.ltable th button,.drawer .back):hover{color:var(--depth);background:transparent}
#fda-app[data-skin="desk"] :is(.finding .cfr button,.trend .pill-btn,.ov-go):hover{background:var(--depth-dim);color:var(--depth)}
#fda-app[data-skin="desk"] .more-btn:hover .more-c{background:var(--depth-dim);color:var(--depth)}
#fda-app[data-skin="desk"] :is(.finding .cfr-filter,.finding .cfr button.cfr-filter):hover{color:var(--depth);border-bottom-color:var(--depth);background:none}
#fda-app[data-skin="desk"] .scope-chip:hover{border-color:var(--depth)}
#fda-app[data-skin="desk"] :is(.sg-item:hover,.sg-item.act){background:var(--surface-2)}
#fda-app[data-skin="desk"] .sg-item.act{box-shadow:inset 3px 0 0 var(--depth)}
#fda-app[data-skin="desk"] .chart .detail:hover rect{fill:var(--depth)}
#fda-app[data-skin="desk"] :is(.chart .link,.chart a text):hover{fill:var(--depth)}
#fda-app[data-skin="desk"] .drawer .rp-years>:is(button,a).rp-year:hover .rp-bar>span{background:var(--depth)}
#fda-app[data-skin="desk"] .fg-toggle{color:var(--depth)}
#fda-app[data-skin="desk"] :is(.fda-alerts-cta,.btn.ghost){min-height:40px;height:auto;font-size:13.5px;font-weight:700;border-radius:8px}
#fda-app.fda-explorer[data-skin="desk"] .fda-alerts-cta{min-height:40px;height:40px;padding:0 16px;font-size:13.5px;border-radius:8px}
/* "Back to …" at the top of the Data Visualizer's title block, for visitors who came from another explorer page. */
#fda-app[data-skin="desk"] .fda-back-row{margin:2px auto 12px}
#fda-app[data-skin="desk"] .fda-back-row .fda-back-link{display:inline-flex;align-items:center;min-height:32px;margin:0;font-size:14px;font-weight:650;color:var(--depth);text-decoration:none}
#fda-app[data-skin="desk"] .fda-back-row .fda-back-link:hover{text-decoration:underline}

/* "For regulated teams": the dark brand band at the foot of every tab, matching Overview and Letters. */
#fda-app[data-skin="desk"] .commercial{margin-top:56px;padding:66px 0;background:var(--band-bg);color:var(--band-text)}
#fda-app[data-skin="desk"] .commercial-in{width:min(1756px,calc(100% - 44px));margin:0 auto}
#fda-app[data-skin="desk"] .commercial .eyebrow{display:block;margin:0 0 18px;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--band-accent)}
#fda-app[data-skin="desk"] .commercial h2{max-width:780px;margin:0 0 28px;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,3.3vw,2.7rem);font-weight:600;line-height:1.15;letter-spacing:-.04em;color:var(--band-text)}
#fda-app[data-skin="desk"] .commercial p{max-width:670px;margin:0 0 16px;font-size:16px;line-height:1.5;color:var(--band-muted)}
#fda-app[data-skin="desk"] .commercial .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#fda-app[data-skin="desk"] .commercial .button.primary{display:inline-flex;align-items:center;gap:18px;min-height:48px;padding:12px 19px;border:1px solid var(--band-accent);border-radius:999px;background:var(--band-accent);color:var(--band-bg);font-size:14.4px;font-weight:600;text-decoration:none}
#fda-app[data-skin="desk"] .commercial .button.primary:hover{opacity:.92}
#fda-app[data-skin="desk"] .commercial .text-button{padding-bottom:3px;border-bottom:1px dashed color-mix(in srgb,var(--band-text) 52%,transparent);color:var(--band-text);font-size:14.4px;text-decoration:none}
#fda-app[data-skin="desk"] .commercial .text-button:hover{border-bottom-style:solid}
@media(max-width:760px){#fda-app[data-skin="desk"] .commercial{padding:40px 0}#fda-app[data-skin="desk"] .commercial-in{width:calc(100% - 28px)}#fda-app[data-skin="desk"] .commercial p{font-size:.91rem}}

#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] #panel{display:none}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .shell{grid-template-columns:260px minmax(0,1fr)}
@media(max-width:1100px){#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .shell{grid-template-columns:minmax(0,1fr)}}

/* Data Visualizer header, same rows as Research: the tool menu with Share, Get alerts and
   Dark mode on its right; then the search across the full width; then Your selection. */
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .fda-nav-frame{flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:14px}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools{display:contents}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .fda-primary-nav{order:0;flex:1 1 auto}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .fda-share-cta{order:1}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .fda-alerts-top{order:2}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .top-right{order:3;margin-left:0}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] :is(.fda-share-cta,.fda-alerts-top,.theme-btn){min-height:40px;height:40px;padding:0 14px;font-size:13.5px;border-radius:8px}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-search-tools .search-row{order:4;flex:1 1 100%;margin:0}
#fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .scope-bar{order:5}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .fda-primary-nav{flex:1 1 100%}
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] :is(.fda-share-cta,.fda-alerts-top){flex:1 1 0;white-space:nowrap;padding:0 10px;font-size:13px}
}
/* Panel header: the rule sits below the close button with room to breathe, and the kicker lines up with the button. */
#fda-app[data-skin="desk"] .drawer .ov-bar{padding:20px 56px 20px 0}
/* Phones and tablets: search lives in "Search and filters" below, so the empty search row goes and
   the selection line drops its top rule, which otherwise doubled the line under the tabs. */
@media(max-width:1100px){
  #fda-app.fda-explorer.fda-has-more .explorer-search-tools{display:none}
  #fda-app.fda-explorer[data-skin="desk"] #scopeBar{border-top:0;margin-top:0}
}
/* Research and Letters: the server summary is for crawlers and visitors without scripts; the charts
   replace it, so it is never shown and removing it moves nothing. Each Summary card keeps the height
   its data fills (measured at 375, 768, 1024, 1440 and 1920) before the data arrives. */
#fda-app.fda-explorer [data-fda-server-summary]{display:none}
#fda-app.fda-explorer #ovTrend .ov-tiles{min-height:131px}
#fda-app.fda-explorer :is(#ovCfr,#ovCat) .ov-list{min-height:271px}
#fda-app.fda-explorer #ovCfr .ov-list{min-height:362px}
#fda-app.fda-explorer #wordMap{min-height:300px}
@media(min-width:1101px){#fda-app.fda-explorer #rail .term-list{min-height:300px}}
@media(max-width:1100px){#fda-app.fda-explorer #ovTrend .ov-tiles{min-height:147px}#fda-app.fda-explorer #wordMap{min-height:440px}}
@media(max-width:760px){#fda-app.fda-explorer #ovTrend .ov-tiles{min-height:380px}#fda-app.fda-explorer #wordMap{min-height:600px}}
/* An empty selection row keeps its count line and nothing else. */
#fda-app.fda-explorer[data-skin="desk"] .scope-bar.is-empty{min-height:0;padding:6px 0 0;border-top:0}
/* Phone touch targets: the controls a thumb uses most are at least 40px tall. */
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"] :is(.scope-chip,.scope-about,.scope-action,#rail .fg-list label,.fam-toggles button,.date-presets button,.reg-kinds button,#tabs button,.research-read-letters){min-height:40px}
  #fda-app.fda-explorer[data-skin="desk"] .term-list button{min-height:36px}
  #fda-app.fda-explorer[data-skin="desk"] :is(.phone-drawer-close,.reader-share){min-width:40px;min-height:40px}
}
/* Tablets: the filter drawer is a side sheet beside a dimmed page, so rows stay short enough to scan. */
#fda-app .phone-drawer-scrim{display:none}
@media(min-width:761px) and (max-width:1100px){
  #fda-app[data-skin="desk"].phone-drawer-open #rail{inset:0 0 0 auto;width:min(440px,100%);box-shadow:var(--shadow);border-left:1px solid var(--border)}
  #fda-app[data-skin="desk"].phone-drawer-open .phone-drawer-scrim{display:block;position:fixed;inset:0;z-index:999;background:color-mix(in srgb,var(--text) 40%,transparent)}
}
/* The regulation panel dims the page behind it; its close button is a full 40px target. */
#fda-app[data-skin="desk"] .drawer-bg{z-index:44;background:var(--backdrop);backdrop-filter:none}
#fda-app[data-skin="desk"] .drawer-bg.open{opacity:1;pointer-events:auto}
#fda-app[data-skin="desk"] .drawer .close{width:40px;height:40px}
/* Research views: one row on tablets (no view left alone on a second row); on phones the row
   scrolls and fades at the right edge, so it is clear there are more views. */
@media(min-width:761px) and (max-width:1100px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-tabs-band #tabs{flex-wrap:nowrap}
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-tabs-band #tabs button{flex:1 1 auto;min-width:max-content;padding:8px;font-size:13.5px}
}
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-tabs-band #tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-tabs-band #tabs button{flex:0 0 auto}
  #fda-app.fda-explorer[data-skin="desk"][data-page="analysis"] .explorer-tabs-band{-webkit-mask-image:linear-gradient(90deg,black calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,black calc(100% - 28px),transparent)}
}
/* Chart series stay inside the brand palette: Devices is Gold, and the Relationships map regions
   use Depth and a light Gold in place of lavender and peach. */
#fda-app[data-skin="desk"]{--s2:var(--gold);--s2-rgb:var(--gold-rgb);--g3:var(--depth);--g4:color-mix(in srgb,var(--gold) 50%,white)}
/* An applied regulation filter is a status line, not a control; removing it is a plain text link. */
#fda-app[data-skin="desk"] .drawer .rp-status{margin:0;color:var(--teal);font-size:14px;font-weight:650;line-height:1.5}
#fda-app[data-skin="desk"] .drawer .rp-status-clear{padding:0;border:0;background:none;color:var(--depth);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* Regulation part names in the filter column wrap instead of cutting off mid-word. */
#fda-app[data-skin="desk"] .fg[data-key=part] .fg-list .txt{white-space:normal;line-height:1.3}
/* Search dropdown group headers: the same section breaks as on Overview and Regulations. */
#fda-app[data-skin="desk"] .sg-head{margin-top:6px;padding:12px 8px 6px;color:var(--text);font-size:11.5px;font-weight:750}
#fda-app[data-skin="desk"] .sg-head:first-child{margin-top:0;padding-top:6px}
#fda-app[data-skin="desk"] .sg-item + .sg-head{border-top:1px solid var(--border)}
/* Search dropdown: a section row carries an "About this regulation" link that opens the regulation panel. */
#fda-app[data-skin="desk"] .sg-row{display:flex;align-items:center;gap:8px}
#fda-app[data-skin="desk"] .sg-row>.sg-item{flex:1 1 auto;min-width:0}
#fda-app[data-skin="desk"] .sg-about{display:inline-flex;align-items:center;text-decoration:none;flex:none;padding:6px 8px;border:0;border-radius:6px;background:none;color:var(--depth);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}
#fda-app[data-skin="desk"] .sg-about:hover{background:var(--surface-2);text-decoration:underline}
/* Phones and tablets: the About link sits on its own line under the row, right-aligned, a full 40px tap target. */
@media(max-width:1100px){#fda-app[data-skin="desk"] .sg-row{flex-wrap:wrap;gap:0}#fda-app[data-skin="desk"] .sg-row>.sg-item{flex:1 1 100%}#fda-app[data-skin="desk"] .sg-about{min-height:40px;margin:-6px 0 4px auto;padding:0 8px}}
/* A result that opens another tab names it at the end of the row, as on every tab. */
#fda-app[data-skin="desk"] .sg-go{margin-left:8px;color:var(--depth);font-weight:600;white-space:nowrap}
/* Phones: quality-term chips, the drawer's Clear all and Research's word map are full tap targets. */
@media(max-width:760px){
  #fda-app.fda-explorer[data-skin="desk"] .term-list button{min-height:40px}
  #fda-app.fda-explorer[data-skin="desk"] .rail-head .rail-clear{min-height:40px;padding-inline:12px}
  #fda-app.fda-explorer[data-skin="desk"] #wordMap :is(button,a){min-height:40px;display:inline-flex;align-items:center}
}
/* Side panel close: a block box, so it stays at the right of the pinned header and never covers its label. */
#fda-app[data-skin="desk"] .drawer .close{display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;padding:0;border-radius:8px;font-size:22px;line-height:1;margin:9px 0 -49px auto}