/* Equine Farm Manager field guides — shared sheet style.
   Layout: one Letter-size "sheet" per guide; forest masthead, straw section keys, cream paper. */
:root{
  --paper:#EFE8D6; --sheet:#FFFCF3; --ink:#1F2621; --muted:#5B6357;
  --forest:#23452F; --forest-ink:#F6F0DE; --straw:#B8891F; --straw-soft:#F3E6C2;
  --rust:#9A4524; --rust-soft:#F6E1D6; --leaf-soft:#E3ECDF; --rule:#D8CDB0; --link:#23452F; --mast-key:#E2B94C;
  --display:"Bricolage Grotesque","Inter Display","Inter",system-ui,sans-serif;
  --body:"IBM Plex Sans","Inter",system-ui,sans-serif;
  --mono:"IBM Plex Mono","DejaVu Sans Mono",ui-monospace,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#121813; --sheet:#1A221C; --ink:#E9E3D2; --muted:#A3AA9C;
  --forest:#1E3A27; --forest-ink:#F1EBD8; --straw:#E2B94C; --straw-soft:#3A3220;
  --rust:#E08A64; --rust-soft:#3A2419; --leaf-soft:#22311F; --rule:#3A4436; --link:#E2B94C; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#121813; --sheet:#1A221C; --ink:#E9E3D2; --muted:#A3AA9C;
  --forest:#1E3A27; --forest-ink:#F1EBD8; --straw:#E2B94C; --straw-soft:#3A3220;
  --rust:#E08A64; --rust-soft:#3A2419; --leaf-soft:#22311F; --rule:#3A4436; --link:#E2B94C; color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--body);
  padding-block:20px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:var(--link)}
a:focus-visible,button:focus-visible{outline:2px solid var(--straw);outline-offset:2px}

.toolbar{max-width:8.5in;margin:0 auto 14px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:14px}
.toolbar a{text-decoration:none;font-weight:600;color:var(--ink)}
.toolbar .pdf{background:var(--forest);color:var(--forest-ink);padding:8px 14px;border-radius:6px}

.sheet{max-width:8.5in;margin:0 auto;background:var(--sheet);padding:0 0 36px;border:1px solid var(--rule);border-radius:4px;overflow:hidden}
.mast{background:var(--forest);color:var(--forest-ink);padding:26px 40px 24px;position:relative}
.mast::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:repeating-linear-gradient(90deg,var(--straw) 0 14px,transparent 14px 20px)}
.kicker{font:600 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mast-key)}
.mast h1{font:700 34px/1.08 var(--display);letter-spacing:-.01em;margin:8px 0 8px;text-wrap:balance}
.dek{margin:0;max-width:60ch;font-size:15.5px;opacity:.92}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font:500 11.5px/1.4 var(--mono);opacity:.85}

.body{padding:6px 40px 0}
.body > *{max-width:100%}
h2{font:700 21px/1.2 var(--display);margin:30px 0 10px;display:flex;align-items:baseline;gap:10px;text-wrap:balance;break-after:avoid}
h2 .key{font:600 11px/1 var(--mono);color:var(--sheet);background:var(--straw);padding:5px 7px;border-radius:3px;letter-spacing:.06em;flex:none;position:relative;top:-2px}
h3{font:650 16px/1.3 var(--display);margin:20px 0 6px;break-after:avoid}
p{margin:0 0 10px} ul,ol{margin:0 0 12px;padding-left:22px} li{margin:3px 0}
.lede{font-size:16px}
strong{font-weight:650}
.where{font:500 12px/1.4 var(--mono);color:var(--muted);margin:-4px 0 10px}

.toc{border:1px solid var(--rule);border-radius:4px;padding:12px 16px;margin:18px 0 6px;columns:2;column-gap:28px;font-size:13.5px}
.toc b{display:block;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;column-span:all}
.toc ol{margin:0;padding-left:20px}

.tbl{overflow-x:auto;margin:6px 0 14px}
table{border-collapse:collapse;width:100%;font-size:13.5px;font-variant-numeric:tabular-nums;break-inside:avoid}
th{font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--muted);border-bottom:2px solid var(--forest);padding:6px 8px}
td{border-bottom:1px solid var(--rule);padding:6px 8px;vertical-align:top}
td:first-child{font-weight:600}

.note{border-radius:4px;padding:10px 14px;margin:10px 0 14px;font-size:14px;break-inside:avoid}
.note b.lab{display:block;font:600 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.tip{background:var(--leaf-soft)} .tip b.lab{color:var(--link)}
.caution{background:var(--straw-soft)} .caution b.lab{color:var(--straw)}
.vet{background:var(--rust-soft);border-left:4px solid var(--rust)} .vet b.lab{color:var(--rust)}
.note p:last-child,.note ul:last-child{margin-bottom:0}

.formula{font:500 13.5px/1.5 var(--mono);background:var(--paper);border-radius:4px;padding:8px 12px;margin:6px 0 12px;overflow-x:auto}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
.cols > *{min-width:0}
.flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:500 12.5px/1.3 var(--mono);margin:8px 0 14px}
.flow span{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:4px 8px}
.flow i{font-style:normal;color:var(--straw);font-weight:700}

.colophon{margin:34px 40px 0;padding-top:14px;border-top:2px solid var(--forest);font-size:12px;color:var(--muted);display:grid;gap:6px}
.colophon strong{color:var(--ink)}
.ai{font-style:italic}

@media (max-width:640px){
  .mast{padding:22px 20px 22px} .mast h1{font-size:27px}
  .body{padding:4px 20px 0} .colophon{margin:28px 20px 0}
  .cols{grid-template-columns:1fr} .toc{columns:1}
}

/* ---------- print / PDF ---------- */
@page{size:Letter;margin:.55in .6in .65in}
@media print{
  :root,:root[data-theme="dark"]{--paper:#EFE8D6;--sheet:#FFFFFF;--ink:#1F2621;--muted:#5B6357;--forest:#23452F;--forest-ink:#F6F0DE;
    --straw:#A97C16;--straw-soft:#F6ECCF;--rust:#9A4524;--rust-soft:#F8E7DE;--leaf-soft:#E7EFE3;--rule:#D8CDB0;--link:#23452F;color-scheme:light}
  body{background:#fff;padding:0;font-size:10.5pt;line-height:1.5}
  .toolbar{display:none}
  .sheet{max-width:none;border:0;border-radius:0;padding:0;overflow:visible}
  .mast{padding:20px 24px 20px;border-radius:3px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .mast h1{font-size:26pt}
  .body{padding:0 2px} .colophon{margin:26px 2px 0}
  h2{font-size:15pt;margin-top:22px} h3{font-size:12pt}
  .note,.formula,.flow span,h2 .key,.toc{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  table{font-size:9.5pt} tr{break-inside:avoid} td{padding:4px 7px} th{padding:4px 7px}
  .compact body,body.compact{font-size:9.5pt;line-height:1.4}
  body.compact .mast{padding:14px 20px 16px} body.compact .mast h1{font-size:20pt;margin:4px 0} body.compact .meta{display:none}
  body.compact h3{font-size:10.5pt;margin:10px 0 4px} body.compact td,body.compact th{padding:2.5px 6px;font-size:9pt}
  body.compact .note{padding:6px 10px;margin:6px 0} body.compact p,body.compact ul{margin-bottom:5px} body.compact li{margin:1px 0}
  body.compact .formula{margin:4px 0 6px;padding:5px 10px} body.compact .colophon{margin-top:10px;padding-top:8px;font-size:8pt;gap:2px}
  body.compact .colophon .disc{display:none}
  a{color:inherit;text-decoration:none}
  .pb{break-before:page}
}