/* Shared styles for the published knowledge catalogue.
   Mirrors brand/brand.css so pages are correct even before the hosted brand.css resolves.
   On publish, both this file and brand.css go to the docs domain root. */
:root{
  --navy:#0B2141; --ink:#0C0C0D; --orange:#D9531E; --paper:#F5F4EF; --white:#FFFFFF;
}
*{box-sizing:border-box;}
body{
  background:var(--paper); color:var(--ink);
  font-family:"Ubuntu",system-ui,sans-serif; font-weight:300; line-height:1.6;
  margin:0; padding:2rem 1.25rem; max-width:46rem; margin-inline:auto;
}
h1,h2,h3{font-family:"Poppins",system-ui,sans-serif; color:var(--navy); line-height:1.2;}
h1{font-weight:700; font-size:2rem; margin-bottom:.5rem;}
h2{font-weight:600; font-size:1.3rem; margin-top:2.25rem;}
h3{font-weight:600; font-size:1.05rem;}
.lede{font-size:1.1rem; color:var(--navy);}
.rung{border-left:3px solid var(--orange); padding-left:1rem; margin:1.25rem 0;}
.price{font-family:"Poppins",sans-serif; font-weight:600; color:var(--orange);}
.crumb{font-size:.85rem;}
.crumb a{color:var(--navy);}
a{color:var(--orange);}
strong,b{font-family:"Poppins",sans-serif; font-weight:600; color:var(--navy);}
ul{padding-left:1.1rem;}
li{margin:.35rem 0;}
.card{border:1px solid rgba(11,33,65,.15); border-radius:8px; padding:1rem 1.25rem; margin:1rem 0; background:var(--white);}
.card h3{margin:.2rem 0;}
table th{font-family:"Poppins",sans-serif; font-weight:600; color:var(--navy); text-align:left; padding:.45rem .6rem; border-bottom:2px solid var(--navy);}
table th:last-child{text-align:right;}
.card p{margin:.3rem 0 0;}
footer{margin-top:3rem; font-size:.85rem; color:var(--navy); border-top:1px solid rgba(11,33,65,.2); padding-top:1rem;}

/* Branded header: name links home, so every citation click has attribution and a path */
.site-header{display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  padding-bottom:.9rem; margin-bottom:1.6rem; border-bottom:2px solid var(--navy);}
.site-header .brand{font-family:"Poppins",sans-serif; font-weight:700; color:var(--navy);
  text-decoration:none; font-size:1.1rem; letter-spacing:.01em;}
.site-header .brand-cat{font-family:"Poppins",sans-serif; font-weight:600; font-size:.8rem;
  color:var(--navy); opacity:.65; text-decoration:none;}

/* Conversion footer: a dark VBA-branded band with a real next step on every page */
.site-footer{background:var(--navy); color:var(--paper); margin-top:3.2rem; border:0;
  border-radius:10px; padding:1.7rem 1.6rem;}
.site-footer .vba-mark{height:42px; width:auto; display:block; margin-bottom:1rem;}
.site-footer .footer-bio{font-size:.95rem; color:var(--paper); opacity:.92; margin:0 0 1.1rem;}
.site-footer .footer-invite{font-size:.95rem; line-height:1.55; color:var(--paper); margin:0 0 1.1rem; border-top:1px solid rgba(245,244,239,.25); padding-top:1rem;}
.site-footer .footer-invite a{color:var(--paper); text-decoration:underline; text-decoration-color:rgba(245,244,239,.5);}
.site-footer .footer-cta{margin:0 0 .9rem;}
.btn{display:inline-block; background:var(--orange); color:#fff; font-family:"Poppins",sans-serif;
  font-weight:600; font-size:.9rem; text-decoration:none; padding:.55rem 1.05rem; border-radius:6px;}
.btn-ghost{display:inline-block; color:var(--paper); font-family:"Poppins",sans-serif; font-weight:600;
  font-size:.9rem; text-decoration:none; padding:.55rem 1.05rem; border:1px solid rgba(245,244,239,.45);
  border-radius:6px; margin-left:.5rem;}
.site-footer .footer-copy{font-size:.75rem; color:var(--paper); opacity:.55; margin:.3rem 0 0;}
.site-footer .footer-meta{font-size:.78rem; color:var(--paper); opacity:.55; margin:.4rem 0 0;}

/* Print: A4 with the brand margins (brand-rules section 6: 3.8cm top, 1.1cm sides, 1.8cm bottom; Den 26 Sep, applied to the guides 8 Oct 2026), keep headings with their first paragraph, no stranded lines, logo stays at the 42px minimum. */
@media print{@page{size:A4;margin:3.8cm 1.1cm 1.8cm 1.1cm;@top-left{content:"Den Lennie";font-family:"Poppins",sans-serif;font-weight:700;font-size:10.5pt;color:#0B2141;vertical-align:bottom;padding-bottom:5mm;}@top-right{content:"Field Guides";font-family:"Poppins",sans-serif;font-weight:600;font-size:9pt;color:#D9531E;vertical-align:bottom;padding-bottom:5mm;}@bottom-left{content:"\00A9  2026 Den Lennie  \00B7  denlennie.com";font-family:"Ubuntu",sans-serif;font-weight:300;font-size:8pt;color:#0B2141;vertical-align:top;padding-top:4mm;}@bottom-right{content:"Page " counter(page) " of " counter(pages);font-family:"Ubuntu",sans-serif;font-weight:300;font-size:8pt;color:#0B2141;vertical-align:top;padding-top:4mm;}} @page :first{margin-top:1.3cm;@top-left{content:none;} @top-right{content:none;}} body .site-header{display:flex !important;align-items:center;justify-content:flex-end;gap:.8rem;margin:0 0 1.2rem;padding:0 1.3rem;height:2.2cm;border:0;border-radius:6px;background:#0B2141 url(/field-guides/VBA_wordmark_grey.png) no-repeat 1.3rem center / auto 44px;-webkit-print-color-adjust:exact;print-color-adjust:exact;} body .site-header .brand{color:#F5F4EF;font-size:13pt;} body .site-header .brand-cat{color:#F5F4EF;opacity:.8;font-size:9.5pt;} .site-footer .footer-copy{font-size:.72rem;} html,body{background:#fff;} body{padding:0; max-width:none;} h2,h3{break-after:avoid;page-break-after:avoid;} p,li{orphans:3;widows:3;} p+ul,p+ol{break-before:avoid;page-break-before:avoid;} li,table,.card,.copy-block,.email{break-inside:avoid;page-break-inside:avoid;} p.keep{break-inside:avoid;page-break-inside:avoid;} table,.keep{break-before:avoid;page-break-before:avoid;} .copy-block.long{break-inside:auto;page-break-inside:auto;-webkit-box-decoration-break:clone;box-decoration-break:clone;} .copy-block.long .copy-head{break-after:avoid;page-break-after:avoid;} .copy-block.long .copy-body p{break-inside:avoid;page-break-inside:avoid;} .copy-block.long .copy-body p:last-child{break-before:avoid;page-break-before:avoid;} p:has(+ div.card),p:has(+ p + div.card){break-before:avoid;page-break-before:avoid;} .copy-block.long .copy-body p:nth-child(2){break-before:avoid;page-break-before:avoid;} .flow table{break-inside:auto;page-break-inside:auto;} .flow tr{break-inside:avoid;page-break-inside:avoid;} .flow tr:last-child{break-before:avoid;page-break-before:avoid;} .flow > p{break-after:avoid;page-break-after:avoid;} .copy-body p.sub{break-after:avoid;page-break-after:avoid;} p:has(+ .site-footer){break-inside:avoid;page-break-inside:avoid;} p:has(+ div.card){break-before:avoid;page-break-before:avoid;break-after:avoid;page-break-after:avoid;} table td,table th{padding:.28rem .6rem !important;} table{margin:.6rem 0 1rem !important;} .site-footer{break-inside:avoid;page-break-inside:avoid;margin-top:1.2rem;padding:1.1rem 1.3rem;} .site-footer .footer-invite{font-size:.85rem;margin-bottom:.6rem;padding-top:.7rem;} .site-footer .footer-bio{display:none;} .site-footer .vba-mark{height:42px;width:auto;} .site-footer .footer-meta::after{content:" denlennie.com"; margin-left:.6rem;}}