:root{--bg:#faf7f4;--card:#fff;--ink:#2b2622;--muted:#7a6f66;--accent:#b0806a;--accent-d:#8f6452;--line:#e8e0d8;--ok:#5b8a6b;--warn:#b5654a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent-d)}
header.site{background:var(--card);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo{font-family:Georgia,serif;font-size:1.35rem;text-decoration:none;color:var(--ink)}
.logo span{color:var(--accent)}
nav a{margin-left:1rem;text-decoration:none;font-size:.95rem}
.wrap{max-width:920px;margin:0 auto;padding:1rem 1.25rem}
h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.25}
h1{font-size:2rem;margin:.6em 0 .3em}
.lead{color:var(--muted);font-size:1.1rem;margin-top:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.25rem;margin:1rem 0}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tile{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.25rem;transition:border-color .15s,transform .15s}
.tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.tile h2{font-size:1.25rem;margin:.2em 0}
.tile p{color:var(--muted);margin:0}
label{display:block;font-size:.9rem;color:var(--muted);margin:.6rem 0 .2rem}
input,select{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}
.row{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
button,.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.6rem 1rem;font:inherit;cursor:pointer;text-decoration:none}
button:hover,.btn:hover{background:var(--accent-d)}
button.ghost{background:transparent;color:var(--accent-d);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--line);vertical-align:middle}
td.num,th.num{text-align:right;white-space:nowrap}
td input{padding:.35rem .5rem}
.big{font-size:2rem;font-family:Georgia,serif}
.muted{color:var(--muted)}
.bar{height:10px;background:var(--line);border-radius:5px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--accent)}
.pill{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.8rem;background:var(--line)}
.over{color:var(--warn)}.ok{color:var(--ok)}
.hint{background:#f3ece6;border-radius:10px;padding:1rem;margin:1rem 0}
.faq h3{font-size:1.1rem;margin:1.2em 0 .2em}
footer.site{border-top:1px solid var(--line);margin-top:3rem;color:var(--muted);font-size:.9rem}
footer.site a{margin-right:1rem}
.check li{list-style:none;margin:.25rem 0}
.check{padding-left:0}
.check label{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink);font-size:1rem;margin:0}
.check input{width:auto;margin-top:.35rem}
.check .done{text-decoration:line-through;color:var(--muted)}
@media print{header.site,footer.site,button,.noprint{display:none!important}.card{border:0}}
.region{margin:.5rem 0 1rem}
.region-q{font-size:.9rem;color:var(--muted);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:0}
.region-q select{width:auto;padding:.3rem .5rem}
.mv-banner{position:relative;background:#f3ece6;border:1px solid var(--accent);border-radius:12px;padding:1rem 2.5rem 1rem 1rem;line-height:1.5}
.mv-banner .btn{margin-top:.6rem}
.mv-x{position:absolute;top:.4rem;right:.4rem;background:transparent;color:var(--muted);padding:.2rem .5rem}
.mv-x:hover{background:transparent;color:var(--ink)}