/* Shared PawSteps animal care-guide template styles (extracted from 366 identical <style> blocks). */
:root{
    --bg:var(--ps-bg); --card:#ffffff; --ink:var(--ps-ink); --muted:var(--ps-ink-soft);
    --green:var(--ps-green-700); --green-d:var(--ps-green-900); --sand:var(--ps-amber-bg); --amber:var(--ps-amber); --red:var(--ps-coral);
    --leaf:var(--ps-green-100); --line:var(--ps-line); --shadow:0 3px 0 rgba(35,43,42,.08);
  }
  *{box-sizing:border-box;}
  body{margin:0; background:var(--bg); color:var(--ink); font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif; line-height:1.6;}
  .wrap{max-width:820px; margin:0 auto; padding:0 16px 60px;}
  .hero{background:linear-gradient(135deg,var(--green),var(--green-d)); color:#fff; border-radius:0 0 22px 22px; padding:28px 26px 24px; box-shadow:var(--shadow); position:relative;}
  .hero .brand{font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; opacity:.85; margin-bottom:10px;}
  .hero h1{margin:0; font-size:2rem; line-height:1.1;}
  .hero .sci{font-style:italic; opacity:.9; margin-top:4px; font-size:1.02rem;}
  .hero .tagline{margin-top:12px; font-size:1rem; max-width:62ch; opacity:.96;}
  .badges{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
  .badge{background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:5px 13px; font-size:.84rem; font-weight:600;}
  .printbtn{position:absolute; top:20px; right:20px; background:#fff; color:var(--green-d); border:none; border-radius:999px; padding:8px 16px; font-family:inherit; font-weight:700; cursor:pointer; font-size:.85rem; box-shadow:var(--shadow);}
  .stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:22px 0;}
  .stat{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 16px; box-shadow:var(--shadow);}
  .stat .k{font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); font-weight:700;}
  .stat .v{font-size:1.02rem; font-weight:700; margin-top:3px;}
  .diffbar{display:flex; gap:4px; margin-top:6px;}
  .pip{height:8px; flex:1; border-radius:4px; background:var(--ps-line);}
  .pip.on{background:var(--green);}
  section{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 22px; margin:14px 0; box-shadow:var(--shadow);}
  section h2{margin:0 0 10px; font-size:1.2rem; display:flex; align-items:center; gap:10px; color:var(--green-d);}
  section h2 .ico{font-size:1.3rem;}
  section h3{margin:14px 0 4px; font-size:1rem; color:var(--ink);}
  p{margin:8px 0;}
  .kv{display:grid; grid-template-columns:auto 1fr; gap:6px 16px; margin:8px 0;}
  .kv dt{font-weight:700; color:var(--green-d);}
  .kv dd{margin:0;}
  .callout{background:var(--leaf); border-left:4px solid var(--green); border-radius:8px; padding:11px 14px; margin:12px 0; font-size:.95rem;}
  .callout.warn{background:var(--ps-amber-bg); border-left-color:var(--amber);}
  .callout.danger{background:var(--ps-coral-bg); border-left-color:var(--red);}
  .twocol{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .dos, .donts{border-radius:12px; padding:14px 16px;}
  .dos{background:var(--ps-green-100); border:1px solid var(--ps-green-100);}
  .donts{background:var(--ps-coral-bg); border:1px solid var(--ps-coral-bg);}
  .dos h3, .donts h3{margin:0 0 8px; font-size:1rem;}
  .dos h3{color:var(--green-d);} .donts h3{color:var(--ps-danger);}
  .dos ul, .donts ul{margin:0; padding-left:18px;}
  .dos li, .donts li{margin:6px 0;}
  .facts li{margin:7px 0;}
  footer{margin-top:20px; font-size:.82rem; color:var(--muted); text-align:center; line-height:1.7;}
  @media (max-width:560px){ .twocol{grid-template-columns:1fr;} .hero h1{font-size:1.6rem;} .printbtn{display:none;} }
  @media print{
    body{background:#fff;} .printbtn{display:none;}
    .hero{background:var(--green-d) !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; border-radius:0;}
    section, .stat{box-shadow:none; break-inside:avoid;}
  }