/* Mini integration. atlas-shell.css is copied directly from Atlas main. */
:root { --bg:#04070e; --accent:#d6af83; --wash:#101d2c; --lime:#d6af83; }
button,input,select,dialog { border-radius:0; }
button { background:transparent; }
button:hover:not(:disabled) { filter:none; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline-color:var(--gold); }
main { max-width:none; margin:0; padding:0; }
.workspace { display:contents; }
.atlas-nav nav { display:flex; }
.topic-index { display:block; }
body[data-atlas-mode="home"] .map-marginalia { display:none; }
.mini-edition { display:block; margin-top:3px; font:8px var(--mono); color:var(--gold); letter-spacing:.08em; }
.nav-button.active { box-shadow:none; }
.search-stage { left:43%; width:min(420px,30vw); transform:translateX(-15%); }
.search-stage:focus-within { z-index:55; }
.search-stage:focus-within .search-suggestions { opacity:1; visibility:visible; padding:16px 20px 18px; margin-top:0; border:1px solid var(--line); background:rgba(9,16,28,.98); }
.search-stage:focus-within .search-suggestions button { font-size:15px; }
.galaxy-match-note { color:var(--quiet); font:10px/1.8 var(--mono); }
.results-hud .quiet-action { display:block; margin-top:20px; }
#classicPanel { width:min(460px,43vw); max-height:none; display:flex; flex-direction:column; gap:0; }
body[data-result-view="classic"] #classicPanel { opacity:1; pointer-events:auto; transform:translate(0); }
.classic-header { flex-shrink:0; }
.classic-header h2 { margin-bottom:0; }
.classic-panel .filterbar { display:block; margin-top:18px; padding-bottom:10px; flex-shrink:0; }
.filter-controls { gap:14px; }
.filter-controls label { display:block; color:var(--quiet); font:9px var(--mono); }
.filter-controls select { display:block; border:0; color:var(--ink); font:11px Arial,sans-serif; background:var(--space-soft); margin-top:5px; padding:6px; max-width:180px; }
.filterbar .text-button { margin-top:8px; }
.search-explanation { font-size:10px; margin:0; max-height:110px; overflow-y:auto; flex-shrink:0; }
.search-explanation button { background:var(--wash); color:var(--cyan); }
.search-warning { background:#332919; color:#e0bd8f; }
.pane-title { padding-top:12px; flex-shrink:0; }
.pane-title h2 { color:var(--gold); }
.pane-title>span { font-size:9px; }
#results { min-height:0; max-height:none; flex:1; height:auto; overflow-y:auto; margin-top:0; padding:0 10px 25px 0; scrollbar-color:#394a62 transparent; }
.result-card,.result-card.selected { padding:22px 0; margin:0; border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; background:transparent; }
.card-meta,.card-meta .record-id { color:var(--gold); font:9px var(--mono); }
.result-title { font:400 23px/1.2 var(--serif); color:var(--ink); letter-spacing:-.025em; }
.result-title:hover { color:var(--cyan); }
.tag { background:#111e2e; color:#acbfd5; border-radius:0; }
.hit-list,.component-bottom { border-color:var(--line); }
.hit-button { color:var(--muted); }
.hit-button:hover { color:var(--ink); }
.hit-button .hit-dot { background:var(--gold); }
.hit-button .variant-label { color:#a6bdd4; }
.hit-row .hit-page,.text-button,.evidence-button { color:var(--gold); }
.result-footer>span { color:var(--quiet); }
.reader-pane.detail-view { display:block; min-height:0; border:0; border-radius:0; }
.detail-shell { max-width:1180px; }
.mini-detail-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; position:sticky; top:0; z-index:5; padding:14px 0; border-bottom:1px solid var(--line); background:var(--space); }
.mini-detail-toolbar span { font:9px var(--mono); color:var(--quiet); }
.back-results { display:none!important; }
.detail-header { padding:65px 0 40px; background:transparent; border-color:var(--line); }
.detail-top { margin-bottom:30px; }
.detail-header h2 { font:400 clamp(35px,4.8vw,68px)/1.06 var(--serif); letter-spacing:-.045em; max-width:1100px; margin-bottom:25px; }
.byline { color:var(--muted); font-size:13px; }
.detail-actions button { color:var(--gold); }
.detail-links { gap:15px; }
.reader-content { padding:38px 0 65px; max-width:1000px; }
.section-label { color:var(--quiet); font:9px/1.5 var(--mono); letter-spacing:.1em; }
.research-question { font:400 clamp(21px,2vw,28px)/1.4 var(--serif); padding-left:20px; border-left:2px solid var(--gold); }
.overview,.component p,.method-box p { color:#bdc8d7; font-size:14px; line-height:1.8; }
.overview { max-width:880px; margin-bottom:28px; }
.model-tab { color:var(--muted); border-radius:0; }
.model-tab.active { color:var(--space); background:var(--gold); border-color:var(--gold); }
.variant-note { border-color:var(--gold); color:var(--muted); }
.skeleton { padding:25px; gap:25px 35px; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:0; background:#0b1321; margin:30px 0 45px; }
.skeleton ul { color:#bdc8d7; font-size:13px; }
.skeleton .section-label { color:var(--gold); }
.skeleton .full-width { grid-column:1/-1; border-color:var(--line); }
.component-heading h3 { font:400 32px var(--serif); }
.component-nav { margin-bottom:28px; }
.component-nav button { color:var(--muted); font-size:10px; border-radius:0; padding:7px 10px; }
.component { padding:28px; border-radius:0; background:transparent; margin-bottom:22px; scroll-margin-top:70px; }
.component.focused { background:#0b1625; box-shadow:inset 2px 0 var(--gold); }
.component-label h4 { font:400 24px var(--serif); }
.component-role { color:var(--quiet); background:#142033; border-radius:0; }
.formal { background:#0c1726; border-color:var(--gold); padding:20px; }
.formal>span { color:var(--quiet); }
.formal pre { color:#dce7f1; font-size:19px; }
.symbols { color:var(--muted); font-size:12px; gap:8px 20px; }
.symbols dt { color:var(--cyan); font-size:15px; }
.conditions { font-size:12px; }
.coverage { background:#0b1321; color:var(--quiet); border:1px solid var(--line); border-radius:0; font-size:11px; }
.coverage strong { color:var(--muted); }
.primary { color:var(--space); background:var(--gold); }
.secondary { background:var(--space-soft); color:var(--ink); }
.empty h3 { color:var(--ink); }
body[data-atlas-mode="detail"] #galaxyCanvas { opacity:.1; pointer-events:none; }
dialog { background:var(--space-soft); border-color:var(--line-strong); }
dialog::backdrop { background:#02050ccc; }
.about-dialog p,#source-context p { color:var(--muted); }
.about-dialog code { background:#142237; color:var(--cyan); }
.about-dialog dd { color:var(--muted); }
#source-context .locator { background:#142237; }
#source-context blockquote { border-color:var(--gold); }
#source-context button { color:var(--gold); }
.pdf-panel { background:#172230; }
.pdf-toolbar { background:#0b1523; }
.pdf-toolbar input { background:#142237; color:var(--ink); }
.pdf-stage p { color:var(--muted); }
.toast { background:#19304a; color:var(--ink); border:1px solid var(--line-strong); }
.topic-button:disabled { opacity:.35; }
.topic-button[aria-pressed="true"] { color:var(--cyan); }
@media (min-width:761px) and (max-width:1100px) {
  .search-stage { left:33%; transform:none; width:32vw; }
  .nav-actions { gap:16px; }
  #classicPanel { width:min(430px,48vw); }
}
@media (max-width:760px) {
  .atlas-nav nav,.nav-actions { gap:14px; }
  .search-stage { top:83px; left:22px; right:22px; width:auto; transform:none; }
  .search-suggestions { max-height:180px; overflow:auto; }
  .search-stage:focus-within .search-suggestions { padding:13px; }
  #classicPanel { top:135px; width:100%; max-height:none; height:calc(100svh - 135px); padding:22px; }
  .classic-panel .filterbar { margin-top:12px; }
  .filter-controls { display:flex; gap:12px; }
  .filter-controls select { max-width:170px; }
  #results { overflow-y:auto; }
  .results-hud { width:min(290px,calc(100vw - 44px)); }
  .results-hud .quiet-action { margin-top:12px; }
  .galaxy-match-note { font-size:9px; }
  .detail-shell { width:calc(100% - 44px); }
  .mini-detail-toolbar { padding:10px 0; gap:10px; }
  .mini-detail-toolbar span { display:none; }
  .detail-header { padding:36px 0 28px; }
  .detail-header h2 { font-size:38px; line-height:1.08; }
  .detail-top { margin-bottom:20px; }
  .reader-content { padding:28px 0 45px; }
  .research-question { font-size:23px; padding-left:14px; }
  .skeleton { grid-template-columns:1fr; padding:18px; gap:22px; }
  .skeleton .full-width { grid-column:auto; }
  .component { padding:18px; }
  .component-label h4 { font-size:22px; }
  .component-label { align-items:flex-start; }
  .component-role { font-size:7px; }
  .formal { padding:14px; }
  .formal pre { font-size:17px; }
  .component-bottom { flex-direction:column; gap:14px; }
  .symbols { font-size:11px; grid-template-columns:minmax(40px,85px) 1fr; }
  .symbols dt { max-width:85px; overflow-wrap:anywhere; }
}
