@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:#fff;color:#17263a;font:1.0625rem/1.65 Arial,Helvetica,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit}p{margin:0 0 1.1rem}h1,h2,h3{line-height:1.12;margin:0 0 1.2rem;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800}h1 em{font-style:normal;color:#367b00}h2{font-size:clamp(1.9rem,4.2vw,3rem)}h3{font-size:1.25rem;letter-spacing:-.02em}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.header{background:#30496d;color:white}.header .wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header img{width:240px}.header span{font-size:.72rem;letter-spacing:.12em;display:none}.intro{padding-block:2.4rem 1.7rem;display:grid;gap:1.5rem}.kicker{color:#367b00;font-size:.75rem;font-weight:800;letter-spacing:.16em;margin-bottom:1rem}.lead{font-size:1.2rem;line-height:1.5;color:#30496d}.cover{margin:0;align-self:center}.cover img{border-radius:3px;aspect-ratio:16/10;object-fit:cover}.cover figcaption{font-size:.8rem;color:#5f6b7a;margin-top:.6rem}.index{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d9e1e8;border-bottom:1px solid #d9e1e8;margin-bottom:1rem}.index a{display:flex;align-items:center;gap:.55rem;min-height:70px;text-decoration:none;font-size:.9rem;padding:.7rem .4rem}.index b{color:#367b00;font-size:.75rem}.index a:hover{background:#f3f6f9}.chapter{padding-block:2.5rem;border-bottom:1px solid #d9e1e8}.chapter-heading{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.number{font-size:2.2rem;color:#b6c4d4;font-weight:700;line-height:1.1;letter-spacing:-.05em}.chapter-heading .kicker{margin-bottom:.65rem}.chapter-heading h2{margin-bottom:.4rem}.split{display:grid;gap:1rem}.photo{width:100%;border-radius:3px;align-self:center}.instruction{margin-top:1.4rem;background:#f3f6f9;padding:1.5rem;border-left:4px solid #459c00}.instruction ol{padding-left:1.2rem;margin:0}.instruction li{padding-left:.4rem;margin-bottom:1rem}.instruction li:last-child{margin-bottom:0}.formula{margin:1.3rem 0 0;padding-top:1rem;border-top:1px solid #d9e1e8;font-size:.95rem;font-weight:700;color:#30496d}.reading{max-width:760px}.measure-grid{display:grid;gap:1rem;margin:1.7rem 0}.measure-grid article{border:1px solid #d9e1e8;padding:1.3rem}.measure-grid span{font-size:.75rem;color:#367b00;font-weight:bold;letter-spacing:.12em;display:block;margin-bottom:1rem}.measure-grid p{font-size:1rem;margin-bottom:0}.app-note{padding:1.4rem;background:#30496d;color:white}.app-note p{margin:.5rem 0 0}.photo-guide{margin:1.5rem auto;max-width:850px}.photo-guide img{width:100%}.photo-guide figcaption{font-size:.85rem;color:#5f6b7a;text-align:center;margin-top:1rem}.photo-rules{display:grid;gap:.65rem;padding-left:1.2rem}.closing{margin:2.5rem 0 1rem;padding:1.7rem;background:#243a59;color:white}.closing .kicker{color:#b4e38e}.closing p{max-width:680px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.9rem 1rem;background:white;color:#243a59;font-size:.95rem;font-weight:bold;text-decoration:none;margin-top:.5rem}.button:hover{background:#e8f1e1}.footer{padding-block:1.8rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.85rem}.footer a{display:inline-flex;align-items:center;min-height:44px}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:1rem;z-index:10}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #459c00;outline-offset:4px}
@media(min-width:48rem){.wrap{width:min(1120px,calc(100% - 64px))}.header span{display:block}.intro{grid-template-columns:1fr 1fr;gap:3rem;padding-block:3rem}.index{grid-template-columns:repeat(4,1fr)}.index a{padding:1rem}.chapter{padding-block:3.5rem}.chapter-heading{gap:1.5rem;margin-bottom:1.5rem}.number{font-size:3.2rem}.split{grid-template-columns:1.1fr 1fr;gap:3rem}.instruction{padding:2rem}.measure-grid{grid-template-columns:repeat(3,1fr)}.closing{padding:3rem}.photo-rules{grid-template-columns:1fr 1fr;gap:1rem 3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}