[hidden]{display:none!important}:root{--bg:#fffdf8;--surface:#ffffff;--text:#22201c;--muted:#6b645a;--brand:#c2571a;--brand-dark:#9a4212;--accent:#2f6f4f;--line:#ece6da;--soft:#fbf3e6;--radius:14px;--max:1100px;--read:720px;--shadow:0 2px 14px rgba(60,40,10,.07)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;font-size:17px}img{max-width:100%;height:auto}a{color:var(--brand-dark)}a:hover{color:var(--brand)}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:10}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.35rem;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:8px}.logo b span{color:var(--brand)}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--text);padding:8px 12px;border-radius:10px;font-weight:600;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{background:var(--soft);color:var(--brand-dark)}.hero{padding:56px 0 40px;background:linear-gradient(180deg,var(--soft),var(--bg))}.hero h1{font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.15;margin:0 0 14px;max-width:780px}.hero p{font-size:1.15rem;color:var(--muted);max-width:680px;margin:0 0 24px}.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:700;border:0;cursor:pointer;font-size:1rem}.btn:hover{background:var(--brand-dark);color:#fff}.btn.secondary{background:#fff;color:var(--brand-dark);border:2px solid var(--brand)}.btn-row{display:flex;gap:12px;flex-wrap:wrap}section{padding:36px 0}h2{font-size:1.6rem;line-height:1.25;margin:1.6em 0 .6em}section>.container>h2:first-child{margin-top:0}h3{font-size:1.2rem;margin:1.4em 0 .4em}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column}.card h3{margin:.3em 0 .4em;font-size:1.15rem;line-height:1.3}.card h3 a{text-decoration:none;color:var(--text)}.card h3 a:hover{color:var(--brand)}.card p{color:var(--muted);margin:0 0 14px;flex:1}.card .emoji{font-size:2rem}.tag{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.more{font-weight:700;text-decoration:none}.cat-tiles{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cat-tile{display:block;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.cat-tile:hover{border-color:var(--brand)}.cat-tile strong{display:block;font-size:1.4rem;margin:6px 0}.cat-tile span.big{font-size:2.6rem}.features{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.features div{background:var(--soft);border-radius:var(--radius);padding:18px}.prose{max-width:var(--read);margin:0 auto;padding:28px 20px 48px}.prose h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin:.3em 0 .4em}.prose .lead{font-size:1.15rem;color:var(--muted)}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.meta{color:var(--muted);font-size:.9rem}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-top:8px}.breadcrumbs a{color:var(--muted)}.notice{background:#fff7e8;border:1px solid #f1d9a8;border-left:5px solid #e0a43a;border-radius:10px;padding:12px 16px;font-size:.92rem;margin:16px 0}.tip{background:#eef6f1;border-left:5px solid var(--accent);border-radius:10px;padding:14px 18px;margin:20px 0}.warn{background:#fdeeee;border-left:5px solid #c0392b;border-radius:10px;padding:14px 18px;margin:20px 0}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 22px;margin:22px 0}.toc strong{display:block;margin-bottom:6px}table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--soft)}.shop-box{background:var(--surface);border:2px dashed var(--line);border-radius:var(--radius);padding:20px;margin:26px 0}.shop-box h3{margin-top:0}.shop-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.shop-links a{font-size:.95rem;padding:10px 16px}.small{font-size:.85rem;color:var(--muted)}.calc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin:24px 0}.calc h2{margin-top:0}.calc-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.calc label{display:block;font-weight:600;font-size:.93rem;margin-bottom:4px}.calc input,.calc select{width:100%;padding:10px 12px;border:1px solid #d8cfbf;border-radius:10px;font-size:1rem;background:#fff;font-family:inherit}.calc input:focus,.calc select:focus{outline:2px solid var(--brand);border-color:var(--brand)}.calc .hint{font-size:.8rem;color:var(--muted);margin-top:3px}.calc fieldset{border:0;padding:0;margin:0 0 6px}.calc legend{font-weight:800;margin:14px 0 8px;font-size:1.02rem}.radio-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.radio-row label{font-weight:500;display:flex;gap:6px;align-items:center}.radio-row input{width:auto}.result{margin-top:18px;background:var(--soft);border-radius:12px;padding:18px}.result .big{font-size:1.9rem;font-weight:800;color:var(--brand-dark)}.result dl{display:grid;grid-template-columns:auto auto;gap:6px 18px;margin:10px 0 0}.result dt{color:var(--muted)}.result dd{margin:0;font-weight:700}.error{color:#b42318;font-weight:600}.site-footer{background:#2a2621;color:#e9e3d8;padding:36px 0 26px;margin-top:40px;font-size:.93rem}.site-footer a{color:#f3c79f}.footer-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.site-footer h4{margin:0 0 8px;color:#fff}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:4px 0}.footer-note{border-top:1px solid #4a443b;margin-top:22px;padding-top:16px;color:#bdb4a5;font-size:.85rem}@media(max-width:640px){body{font-size:16px}.site-header{position:static}.site-header .container{padding-top:10px;padding-bottom:10px}.nav a{padding:6px 9px;font-size:.9rem}.hero{padding:36px 0 28px}}