/* /css/pages/formulas.css: page-specific styles for /formulas (moved verbatim from its <style> block,
   docs/requests/F3.md #1). Tokens only; loaded after /css/pages/doc.css. */
/* Formula card */
:where(.k-lab){color:var(--c-lab)} :where(.k-rkt){color:var(--c-rocket)} :where(.k-inv){color:var(--c-inv)} :where(.k-light){color:var(--c-light-text)} :where(.k-you){color:var(--c-you)}
:where(.p-grid-minor){fill:none;stroke:var(--grid-minor);stroke-width:.75px}
:where(.p-axis-lab){fill:none;stroke:var(--c-lab);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}
:where(.p-axis-rkt){fill:none;stroke:var(--c-rocket);stroke-width:1.5px;stroke-dasharray:6 4}
:where(.p-light){fill:none;stroke:var(--c-light);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}
:where(.p-inv){fill:none;stroke:var(--c-inv);stroke-width:2px}
:where(.p-event){fill:var(--ink);stroke:var(--bg);stroke-width:2px;paint-order:stroke}
:where(.p-label-var){font-family:var(--font-serif);font-style:italic;font-size:15px;fill:var(--ink)}
:where(.p-annot){font-family:var(--font-sans);font-size:11px;fill:var(--ink-muted)}
.inv-core{fill:none;stroke:var(--surface);stroke-width:.75px}
.p-tick-rkt{fill:none;stroke:var(--c-rocket);stroke-width:1.5px}
.p-now{opacity:.85}
.lbl-rkt{fill:var(--c-rocket)} .lbl-light{fill:var(--c-light-text)} .lbl-inv{fill:var(--c-inv)}
.print-tip{font:400 .85rem/1.5 var(--font-sans);background:var(--surface-2);border-radius:var(--r-m);padding:var(--s-3) var(--s-4)}
.fcard{display:grid;gap:var(--s-4);margin:var(--s-5) 0 var(--s-6)}
@media (min-width:900px){.fcard{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-end:calc(-1 * (var(--sn-w, 0px) + var(--sn-gap, 0px)));max-width:980px}}
.fpanel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-m);padding:var(--s-4) var(--s-5);min-width:0}
@media (min-width:900px){.fpanel-wide{grid-column:1 / -1}}
.fpanel h2{font:600 .8rem/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--s-3);padding:0;border:0}
.fpanel p{font-size:.92rem;margin:0 0 var(--s-2)}
.fnote{font:400 .8rem/1.5 var(--font-sans) !important;color:var(--ink-muted);margin-top:var(--s-3) !important}
.ftable-wrap{overflow-x:auto}
.ftable{width:100%;border-collapse:collapse;font:400 .85rem/1.45 var(--font-sans);font-variant-numeric:tabular-nums}
.ftable th,.ftable td{text-align:start;padding:5px 8px;border-bottom:1px solid var(--rule);vertical-align:top}
.ftable tbody th{font-weight:600;white-space:nowrap}
.ftable thead th{font-size:.75rem;color:var(--ink-muted);font-weight:600}
.ftable tr:last-child>*{border-bottom:0}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2);font:400 .88rem/1.4 var(--font-sans)}
.legend li{display:flex;align-items:center;gap:var(--s-3)}
.sw{width:40px;height:12px;flex:none}
.sw *{fill:none;stroke-linecap:round;stroke-linejoin:round}
.sw-lab{stroke:var(--c-lab);stroke-width:2.5}
.sw-rkt{stroke:var(--c-rocket);stroke-width:2.5;stroke-dasharray:6 4;stroke-linecap:butt}
.sw-light{stroke:var(--c-light);stroke-width:2}
.sw-inv{stroke:var(--c-inv);stroke-width:4;stroke-linecap:butt}
.sw-inv-core{stroke:var(--surface);stroke-width:1.25;stroke-linecap:butt}
.sw-you{stroke:var(--c-you);stroke-width:2.5}
.eqs{margin:0;display:grid;gap:0 var(--s-6)}
@media (min-width:700px){.eqs{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-wide{grid-column:1 / -1}}
.eq{padding:var(--s-3) 0;border-bottom:1px dashed var(--rule);min-width:0}
.eq dt{font:600 .8rem/1.35 var(--font-sans);color:var(--ink)}
.eq dd{margin:0;overflow-x:auto;overflow-y:hidden}
.eq dd .katex-display{margin:.45em 0}
.eq-note{display:block;font:400 .78rem/1.45 var(--font-sans);color:var(--ink-muted)}
.plate{margin:0 0 var(--s-3)}
.plate .plate-svg{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}
.plate figcaption{font:400 .8rem/1.45 var(--font-sans);color:var(--ink-muted);margin-top:var(--s-2)}
.plate-no{font-weight:600;color:var(--ink);margin-inline-end:.4em}
.conv,.habits{margin:0;padding-inline-start:1.2em;font-size:.88rem}
.conv li,.habits li{margin-bottom:var(--s-1)}
@media (min-width:700px){.habits{columns:2;column-gap:var(--s-6)}.habits li{break-inside:avoid}}
.fend{font-size:.95rem;color:var(--ink-muted)}
@media print{
  @page{size:auto;margin:10mm}
  html{font-size:9pt}
  .doc-head{padding:0 0 4pt;margin:0 0 6pt;border:0}
  .doc-head h1{font-size:16pt}
  .doc-head .subtitle{font-size:9pt;margin-top:2pt}
  .screen-only,.ad-slot{display:none !important}
  .fcard{grid-template-columns:repeat(2,minmax(0,1fr));gap:5pt;margin:0}
  .fpanel{padding:5pt 8pt;border-radius:4pt;break-inside:avoid;box-shadow:none}
  .fpanel-wide{grid-column:1 / -1}
  .eqs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12pt}
  .eq-wide{grid-column:1 / -1}
  .eq{padding:2pt 0}
  .eq dd .katex-display{margin:1pt 0}
  .ftable th,.ftable td{padding:1.5pt 4pt}
  .plate .plate-svg{max-width:150pt}
  .habits{columns:2}
}

@media (min-width:700px){.conv-panel{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:0 var(--s-6);align-items:start}.conv-panel h2{grid-column:1 / -1}}
@media print{.conv-panel{display:grid;grid-template-columns:150pt 1fr;gap:0 10pt}.conv-panel h2{grid-column:1 / -1}}