:root{color-scheme:light;--ink:#19353d;--muted:#52666a;--paper:#f6f2e9;--green:#dce9de}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);
font:18px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#164d51;text-underline-offset:3px}a:focus-visible{outline:3px solid #cf5939}
header,main,footer{max-width:1120px;margin:auto;padding:24px}
header{font-size:14px;letter-spacing:.09em;text-transform:uppercase}
h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.12;max-width:900px;margin:24px 0}
h2{font-size:1.6rem;line-height:1.25;margin-top:40px}h3{font-size:1.2rem}
.lead{max-width:780px;color:var(--muted);font-size:1.12rem}
.notice{padding:16px 20px;background:#fff1cf;border-left:5px solid #b97918}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:36px}
.card{background:white;border-radius:20px;overflow:hidden}.card-body{padding:20px}
.card h2{margin:0;font-size:1.2rem}.card img{display:block;width:100%;height:auto}
.article{max-width:820px}.pin{display:block;width:100%;max-width:500px;height:auto;
margin:28px auto;border-radius:18px}.step{padding:8px 0;border-bottom:1px solid #d1dcd6}
.checklist{background:white;padding:20px;border-radius:16px}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}
th,td{text-align:left;border:1px solid #cbd5ce;padding:12px;font-size:15px}
th{background:var(--green)}.small,footer{font-size:14px;color:var(--muted)}
footer{border-top:1px solid #cbd5ce;margin-top:32px}nav{display:flex;gap:20px;flex-wrap:wrap}
@media print{.notice,nav{display:none}.pin{max-width:270px}body{background:white}}