:root{--bg: #ffffff;--bg-soft: #faf7f2;--border: #e8e2d8;--text: #2b2620;--muted: #645c50;--brand: #a14d0c;--brand-dark: #7c3a08;--accent: #1c6b38;--warn: #8a5800;--radius: 12px;--maxw: 760px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--text);background:var(--bg)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 18px}.wide{max-width:1040px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;color:var(--text)}h1{font-size:1.9rem;margin:0 0 .5rem}h2{font-size:1.4rem;margin:2rem 0 .6rem}h3{font-size:1.15rem;margin:1.4rem 0 .4rem}p{margin:0 0 1rem}ul,ol{padding-left:1.3rem}li{margin:.3rem 0}small{color:var(--muted)}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:inline-flex;align-items:center;min-height:48px;font-weight:800;font-size:1.15rem;color:var(--text);letter-spacing:-.2px}.brand span{color:var(--brand)}.site-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 10px;margin-left:6px;color:var(--text);font-weight:600;font-size:.98rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:3rem}.site-footer .container{padding-top:1.6rem;padding-bottom:2rem}.site-footer nav a{color:var(--muted);margin-right:8px;font-size:.9rem;display:inline-block;padding:12px 10px 12px 0}.site-footer p{color:var(--muted);font-size:.85rem;margin-top:1rem}main{padding:1.8rem 0 1rem}.card-grid{display:grid;gap:16px;grid-template-columns:1fr;margin:1.2rem 0}@media(min-width:640px){.card-grid{grid-template-columns:1fr 1fr}}.card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--bg);color:var(--text)}.card:hover{border-color:var(--brand);text-decoration:none;box-shadow:0 2px 10px #50321412}.card h2,.card h3{margin:0 0 .3rem;font-size:1.15rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.tool{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--bg-soft);margin:1.2rem 0 1.6rem}.field{margin-bottom:14px}.field label,.field .field-label{display:block;font-weight:600;margin-bottom:5px;font-size:.98rem}.field .hint{display:block;color:var(--muted);font-size:.82rem;font-weight:400;margin-top:2px}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:10px 12px;font-size:16px;font-family:inherit;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand);border-color:var(--brand)}.row{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:560px){.row{grid-template-columns:1fr 1fr}}.row3{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:560px){.row3{grid-template-columns:1fr 1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:1rem;font-weight:700;background:var(--brand);color:#fff;border:0;border-radius:8px;cursor:pointer}.btn:hover{background:var(--brand-dark)}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--brand)}.result{margin-top:18px}.result .headline{font-size:2rem;font-weight:800;color:var(--accent);background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;text-align:center}.result .headline small{display:block;font-size:.85rem;color:var(--muted);font-weight:600;margin-top:4px}table.breakdown{width:100%;border-collapse:collapse;margin-top:14px;font-size:.96rem}table.breakdown th,table.breakdown td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--border)}table.breakdown td:last-child,table.breakdown th:last-child{text-align:right;font-variant-numeric:tabular-nums}table.breakdown tr.total td{font-weight:700;border-top:2px solid var(--border)}.note,.disclaimer{border-left:4px solid var(--brand);background:var(--bg-soft);padding:12px 16px;border-radius:6px;margin:1.2rem 0;font-size:.95rem}.disclaimer{border-left-color:var(--warn)}.disclaimer strong{color:var(--warn)}.note a,.disclaimer a,.reco a{color:var(--brand-dark)}details.faq{border:1px solid var(--border);border-radius:8px;padding:4px 14px;margin:8px 0}details.faq summary{font-weight:600;cursor:pointer;padding:10px 0}details.faq[open] summary{border-bottom:1px solid var(--border);margin-bottom:8px}.ad-slot,.reco{border:1px dashed var(--border);border-radius:8px;padding:14px;text-align:center;color:var(--muted);font-size:.85rem;margin:1.4rem 0}.reco{text-align:left;border-style:solid;background:var(--bg-soft)}.byline{color:var(--muted);font-size:.9rem;margin:0 0 1.2rem}.items{margin:4px 0 10px}.item-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:.95rem}.item-row .item-meta{color:var(--muted);font-size:.85rem}.item-row button{min-height:48px;min-width:48px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:1rem;color:var(--text)}.item-row button:hover{border-color:var(--brand);color:var(--brand)}.shoplist{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin:1.2rem 0;overflow-wrap:anywhere}.shoplist .sl-title{font-size:1.5rem;font-weight:800;letter-spacing:.5px}.shoplist .sl-sub{color:var(--muted);font-size:.9rem;margin-bottom:12px}.shoplist table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.95rem}.shoplist th,.shoplist td{padding:8px;border-bottom:1px solid var(--border);text-align:left}.shoplist td.num,.shoplist th.num{text-align:right;font-variant-numeric:tabular-nums}.shoplist tr.total td{font-weight:800;border-top:2px solid var(--text)}.shoplist .sl-note{margin-top:14px;color:var(--muted);font-size:.85rem}@media(max-width:480px){.shoplist{padding:16px}}.bill-row{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1fr 48px;gap:8px;align-items:center;margin-bottom:8px}.bill-row input,.bill-row select{min-height:48px}.bill-row .bill-del{min-height:48px;min-width:48px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:1.1rem;color:var(--text)}.bill-row .bill-del:hover{border-color:var(--brand);color:var(--brand)}@media(max-width:620px){.bill-row{grid-template-columns:1fr 1fr}}.billcal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}@media(min-width:520px){.billcal-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:780px){.billcal-grid{grid-template-columns:repeat(4,1fr)}}.billcal-cell{border:1px solid var(--border);border-radius:8px;padding:10px 8px;background:#fff;text-align:center}.billcal-cell .m{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.billcal-cell .amt{font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.billcal-cell .bar{height:4px;border-radius:2px;background:var(--brand);opacity:.35;margin-top:6px}.billcal-cell.crunch{border-color:var(--warn);background:#fff8ec}.billcal-cell.crunch .amt{color:var(--warn)}.billcal-cell.crunch .bar{background:var(--warn);opacity:.6}.billcal-cell.worst{box-shadow:0 0 0 2px var(--warn) inset}@media print{.site-header,.site-footer,.no-print,.ad-slot,.reco,.tool-meta,.byline,.disclaimer{display:none!important}body{font-size:12pt;background:#fff}main{padding:0}.shoplist{border:none;padding:0;margin:0}.billcal-grid{grid-template-columns:repeat(4,1fr)}a{color:#000;text-decoration:none}}.lede{font-size:1.12rem;color:var(--muted)}.tool-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:1rem}.tool-meta span{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px 12px}.tool .tool-section{font-size:1.15rem;margin:1.4rem 0 .4rem}
