/* Shared identity, served locally without an external font service. */
@font-face{font-family:Compagnon;src:url('/fonts/compagnon-heading.woff') format('woff');font-weight:600 900;font-style:normal;font-display:swap}
header{gap:28px;padding-top:28px;padding-bottom:22px;border-bottom:1px solid #deded0}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:#264e40;flex-shrink:0;max-width:100%;font-size:inherit;line-height:1.12}
.brand-copy{display:block;min-width:0}
.brand-name{display:block;font-family:Compagnon,system-ui,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.7px}
.logo .brand-name small{display:block;font-family:inherit;font-size:27px;font-weight:700;letter-spacing:-.3px;color:#264e40;line-height:1.15}
.brand-tagline{display:block;margin-top:10px;font-family:system-ui,sans-serif;font-size:14px;font-weight:450;line-height:1.5;letter-spacing:0;color:#465b51;max-width:360px}
.logo .mark{font-family:system-ui,sans-serif;font-size:34px;line-height:1;border:2px solid #264e40;border-radius:14px;padding:9px 12px;flex-shrink:0;color:#264e40}
h1,h2,h3,.entry-title{font-family:Compagnon,system-ui,sans-serif;font-weight:700}
h1{letter-spacing:-1.3px}h2{letter-spacing:-.5px}h3{letter-spacing:-.2px}
.lead,.card p,.muted,.path p,.crumb,.lesson-figure figcaption{color:#465b51}
.eyebrow,.num{color:#a34a29}
header nav{flex-wrap:wrap;gap:4px 20px;justify-content:flex-end;min-width:0}
header nav a{font-size:15px;min-height:44px;display:flex;align-items:center;font-weight:550}
.logo:focus-visible,header nav a:focus-visible{outline:3px solid #a34a29;outline-offset:5px;border-radius:4px}
.hero{padding-top:38px}
@media(max-width:980px){header{flex-direction:column;align-items:flex-start;gap:14px}header nav{width:100%;justify-content:flex-start;gap:4px 20px}}
@media(max-width:600px){header{padding-top:20px;padding-bottom:12px;gap:12px}.brand-name{font-size:30px}.logo .brand-name small{font-size:24px}.brand-tagline{font-size:14px;margin-top:8px}.logo{gap:12px}.logo .mark{font-size:28px;padding:8px 10px}header nav a{font-size:14px}header nav{gap:0 18px}.hero{padding-top:20px;padding-bottom:25px}h1{letter-spacing:-.7px}}
@media(max-width:480px){.logo .mark{display:none}.brand-name{font-size:30px}.logo .brand-name small{font-size:24px}}
@media print{header{display:none}}