body{font:16px/1.5 system-ui,sans-serif;margin:0;color:#1a1a1a;background:#fff}
header.site{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:12px 20px;background:#1a4f4b}
header.site a{color:#fff;text-decoration:none;margin-right:12px}
header.site a:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #f0c040;outline-offset:2px}
.brand{font-weight:700}
main{max-width:820px;margin:auto;padding:20px}
footer.site{text-align:center;padding:20px;font-size:14px;color:#444}
footer.site a{color:#1a4f4b}
ul.chk{list-style:none;padding:0}ul.chk li{padding:4px 0}
.box{display:inline-block;width:14px;height:14px;border:1.5px solid #222;margin-right:10px;vertical-align:-2px}
table{width:100%;border-collapse:collapse}th,td{border:1px solid #333;padding:6px;text-align:left}td{height:26px}
th{background:#f3f3f3}
.btn,button{background:#1a4f4b;color:#fff;border:0;padding:8px 14px;border-radius:4px;text-decoration:none;font:inherit;cursor:pointer;display:inline-block}
.btn:hover,button:hover{background:#143d3a}
ul.cards{padding-left:18px}ul.cards li{margin-bottom:10px}
section{break-inside:avoid}
.intro{font-size:1.05rem}
.faq{margin:1.5rem 0;padding-top:0.5rem;border-top:1px solid #ddd}
.faq details{margin:0.5rem 0;padding:0.4rem 0;border-bottom:1px solid #eee}
.faq summary{cursor:pointer;font-weight:600;color:#1a1a1a}
.faq details p{margin:0.4rem 0 0.2rem;color:#333}
h1{font-size:1.75rem;line-height:1.25;color:#111}
h2{font-size:1.25rem;line-height:1.3;color:#111}
@media (max-width:600px){header.site{padding:10px 14px}main{padding:14px}table{font-size:14px}}
@media print{header.site,footer.site,.noprint{display:none!important}body{font-size:12pt;color:#000}main{padding:0;max-width:none}a{color:#000;text-decoration:none}@page{margin:15mm}h1{font-size:18pt}h2{font-size:13pt}td{height:20px}.faq{display:none!important}}
ul.chk li.fill{display:flex;gap:8px;align-items:flex-end;padding:7px 0}
li.fill .lbl{white-space:nowrap}li.fill .line{flex:1;border-bottom:1px solid #333;min-height:1.1em}
.tot{margin:10px 0}
figure.preview{margin:1.5rem 0;text-align:center}
figure.preview img{width:100%;max-width:300px;height:auto;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.08)}
figure.preview figcaption{font-size:14px;color:#444;margin-top:6px}
.guide{margin:1.25rem 0}.guide ul,.guide ol{padding-left:22px}.guide li{margin:4px 0}
.guide a,aside a,.cards a{color:#1a4f4b}
@media print{figure.preview,.guide{display:none!important}li.fill{padding:4px 0}.sheet h2{margin:12px 0 4px}.sheet ul.chk li{padding:2px 0}.sheet td{height:16px}}

.draftbar{background:#fff6d6;border-bottom:1px solid #e6cf7a;color:#5a4a00;font-size:14px;padding:8px 20px;text-align:center}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center;margin:10px 0 20px}
.hero img{width:100%;height:auto;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.pricebox{border:1px solid #ddd;border-radius:8px;padding:16px;background:#fafafa}
.price{font-size:2rem;font-weight:700;color:#1a4f4b;margin:4px 0}
.price small{font-size:.9rem;font-weight:400;color:#555}
button.soon,button.soon:hover{background:#9aa5a4;cursor:not-allowed;width:100%;font-size:1.05rem;padding:12px}
.badges{list-style:none;padding:0;margin:10px 0 0;font-size:14px}.badges li{padding:3px 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:12px 0}
.gallery figure{margin:0}.gallery img{width:100%;height:auto;border:1px solid #ddd;border-radius:4px}
.gallery figcaption{font-size:13px;color:#444;text-align:center;margin-top:4px}
ol.pages{columns:2;column-gap:28px;padding-left:22px}ol.pages li{margin:2px 0;break-inside:avoid}
.note{border-left:4px solid #e0a020;background:#fffaf0;padding:10px 14px;margin:18px 0;font-size:15px}
.fmt td,.fmt th{height:auto}
@media (max-width:700px){.hero{grid-template-columns:1fr}ol.pages{columns:1}}
