:root{--color-bg:#fff;--color-bg-subtle:#f4f6f8;--color-text:#16223a;--color-text-muted:#4a5468;--color-border:#cdd4de;--color-border-strong:#9aa5b6;--color-accent:#14507a;--color-accent-dark:#0d3a5c;--color-accent-bg:#eaf1f6;--color-warning-bg:#fdf3e3;--color-warning-border:#d8ab53;--color-danger-text:#7a2a20;--color-ok-bg:#eaf4ec;--color-ok-border:#4f8a5a;--font-body:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Segoe UI", system-ui, sans-serif;--radius:4px}*{box-sizing:border-box}html{background:var(--color-bg)}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);margin:0;font-size:16px;line-height:1.7}.container{max-width:960px;margin:0 auto;padding:0 20px}.skip-link{background:var(--color-accent);color:#fff;z-index:100;padding:8px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:12px;left:12px}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.brand{color:var(--color-text);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--color-accent);border-radius:var(--radius);width:40px;height:40px;color:var(--color-accent-dark);letter-spacing:.02em;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.nav{flex-wrap:wrap;gap:4px 18px;font-size:.92rem;display:flex}.nav a{color:var(--color-text-muted);border-bottom:2px solid #0000;padding:4px 2px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent-dark);border-bottom-color:var(--color-accent)}main{min-height:60vh}h1,h2,h3,h4{color:var(--color-text);line-height:1.4}.page-section{max-width:960px;margin:0 auto;padding:32px 20px}a{color:var(--color-accent-dark)}.tool-hero{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);padding:28px 20px 36px}.tool-hero-inner{max-width:960px;margin:0 auto}.tool-hero h1{margin:0 0 8px;font-size:1.5rem}.tool-hero p{color:var(--color-text-muted);margin:0 0 16px;font-size:.95rem}.ad-disclosure{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);margin:0 0 20px;padding:10px 14px;font-size:.82rem}.method-note{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);margin:16px 0 0;padding:10px 14px;font-size:.85rem}form#comparison-form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}fieldset{border:none;border-top:1px solid var(--color-border);margin:0;padding:16px 0}fieldset:first-of-type{border-top:none;padding-top:0}legend{width:100%;padding:0 0 8px;font-size:.95rem;font-weight:700}.legend-hint{color:var(--color-text-muted);margin-top:2px;font-size:.82rem;font-weight:400;display:block}.option-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.option-choice{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.9rem;display:flex}.option-choice:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-bg)}.option-choice input{margin-top:3px}.option-choice .option-label{font-weight:600}.option-choice .option-desc{color:var(--color-text-muted);font-size:.82rem;font-weight:400;display:block}select{font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);min-width:220px;padding:8px 10px}.conditional-fields{background:var(--color-bg-subtle);border-radius:var(--radius);margin-top:12px;padding:12px}.conditional-fields[hidden]{display:none}.submit-row{justify-content:flex-end;margin-top:20px;display:flex}button.primary{font:inherit;background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 28px;font-size:.95rem;font-weight:700}button.primary:hover{background:var(--color-accent-dark)}button.secondary{font:inherit;background:var(--color-bg);color:var(--color-accent-dark);border:1px solid var(--color-accent);border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-size:.85rem}button.secondary:hover{background:var(--color-accent-bg)}#results{margin-top:32px}#results[hidden]{display:none}.results-group{margin:0 0 28px}.results-group[hidden]{display:none}.results-group h2{margin:0 0 4px;font-size:1.05rem}.results-group .group-desc{color:var(--color-text-muted);margin:0 0 14px;font-size:.85rem}.result-cards{gap:14px;display:grid}.result-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:16px}.result-card.is-unranked{background:var(--color-bg-subtle)}.result-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.result-card-head h3{margin:0;font-size:1.05rem}.result-total{color:var(--color-accent-dark);font-size:1.4rem;font-weight:700}.result-total .unit{margin-left:4px;font-size:.85rem;font-weight:400}.confidence-badge{border:1px solid var(--color-border-strong);color:var(--color-text-muted);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.72rem;display:inline-block}.confidence-badge.confidence-exact{border-color:var(--color-ok-border);color:#2f5c37;background:var(--color-ok-bg)}.confidence-badge.confidence-estimated{border-color:var(--color-warning-border);color:#7a5b1a;background:var(--color-warning-bg)}.confidence-badge.confidence-minimum,.confidence-badge.confidence-unavailable{border-color:var(--color-border-strong);color:var(--color-text-muted);background:var(--color-bg-subtle)}table.breakdown-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.88rem}table.breakdown-table th,table.breakdown-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:6px 4px}table.breakdown-table td.amount,table.breakdown-table th.amount{text-align:right;font-variant-numeric:tabular-nums}table.breakdown-table tr.total-row td{border-top:2px solid var(--color-text);border-bottom:none;font-weight:700}.result-meta{color:var(--color-text-muted);margin:10px 0 0;font-size:.82rem}.result-meta dt{font-weight:600;display:inline}.result-meta dd{margin:0 12px 0 4px;display:inline}.result-notes{margin-top:10px;font-size:.85rem}.result-notes ul{margin:4px 0 0;padding-left:18px}details.basis{border:1px solid var(--color-border);border-radius:var(--radius);margin-top:10px;padding:8px 12px;font-size:.85rem}details.basis summary{cursor:pointer;font-weight:600}.result-cta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.result-cta a{border:1px solid var(--color-accent);color:var(--color-accent-dark);border-radius:var(--radius);padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.result-cta a:hover{background:var(--color-accent-bg)}.ad-label{border:1px solid var(--color-warning-border);color:#7a5b1a;background:var(--color-warning-bg);border-radius:3px;padding:1px 6px;font-size:.7rem}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius);text-align:center;color:var(--color-text-muted);padding:24px}.empty-state[hidden]{display:none}.empty-state .relax-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-muted);padding:24px 0 32px;font-size:.82rem}.footer-meta{margin-top:6px}.footer-links{flex-wrap:wrap;gap:6px 16px;margin-top:14px;display:flex}.footer-links a{color:var(--color-text-muted)}.legal-section h2{margin-top:2em;font-size:1.1rem}.legal-section ul{padding-left:20px}@media (width<=640px){.result-card-head{flex-direction:column;align-items:flex-start}select{width:100%}}