:root{--bg:#fffdf7;--surface:#ffffff;--text:#1d1b16;--muted:#6b6558;--line:#ece6d6;--accent:#f2b705;--accent-ink:#3a2c00;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#15140f;--surface:#1e1c16;--text:#f3efe4;--muted:#a9a290;--line:#2e2b22;--accent:#f2b705;--accent-ink:#1d1600}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}a{color:inherit}.container{max-width:960px;margin:0 auto;padding:0 16px}.header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner{justify-content:space-between;height:56px;gap:12px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:8px;font-weight:800;text-decoration:none;font-size:1.1rem}.nav{display:flex;gap:14px;font-size:.9rem}.nav a{text-decoration:none;color:var(--muted)}.lang-switch{display:flex;gap:6px;font-size:.8rem}.lang-switch a{text-decoration:none;padding:2px 6px;border-radius:6px;color:var(--muted)}.lang-switch a[aria-current=true]{background:var(--accent);color:var(--accent-ink)}main{padding:24px 0 48px}h1{font-size:1.5rem;line-height:1.3;margin:0 0 8px}h2{font-size:1.15rem;margin:28px 0 10px}.muted{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:0}.chips a{display:inline-block;text-decoration:none;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.9rem}.chips a:hover{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.search-form{display:flex;gap:8px;margin:16px 0}.search-form input{flex:1 1;min-width:0;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:1rem}.search-form button{padding:10px 16px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:1rem}.footer{border-top:1px solid var(--line);padding:20px 0;font-size:.85rem;color:var(--muted)}.footer nav{display:flex;gap:16px}@media (max-width:560px){.nav{display:none}}.intro{color:var(--muted);margin:4px 0 8px}.intro a{color:var(--text);font-weight:600;text-decoration:none;white-space:nowrap}.lead{font-size:1.05rem}article p{max-width:680px}.vertical-tabs{display:flex;gap:6px;padding-bottom:8px;overflow-x:auto}.vertical-tabs a{text-decoration:none;font-size:.9rem;padding:4px 12px;border-radius:999px;color:var(--muted);white-space:nowrap}.vertical-tabs a:hover{color:var(--text);background:var(--bg)}.eyebrow{margin:0 0 4px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.vertical-card{margin-top:24px}.vertical-card h2{margin-top:0}.vertical-card h2 a{text-decoration:none}.vertical-card .chips{margin-top:10px}.ranking{list-style:none;padding:0;margin:12px 0;display:grid;grid-gap:8px;gap:8px}.ranking li{display:grid;grid-template-columns:2.2rem auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.ranking-compact li{padding:8px 10px}.rank-no{font-weight:800;font-size:1.15rem;text-align:center}.ranking li.top .rank-no{color:var(--accent-ink);background:var(--accent);border-radius:999px;line-height:2rem}.rank-body{display:flex;flex-direction:column;min-width:0}.rank-brand{font-size:.78rem;color:var(--muted);text-decoration:none}.rank-name{font-weight:600;text-decoration:none;overflow-wrap:anywhere}.rank-brand:hover,.rank-name:hover{text-decoration:underline}.rank-bar{display:block;height:4px;background:var(--line);border-radius:999px;margin-top:6px;overflow:hidden}.rank-bar span{display:block;height:100%;background:var(--accent)}.rank-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.basis,.rank-score{color:var(--muted);font-size:.85rem}.basis{margin:4px 0 0}.grid-2{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head a{font-size:.85rem;white-space:nowrap}.badges{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.badges a{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:600;font-size:.9rem}.facts{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;margin:12px 0}.facts dt{color:var(--muted)}.facts dd{margin:0}.chips a[aria-current=page]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.thumb{border-radius:10px;object-fit:cover;flex:none}.thumb-photo{background:#fff;object-fit:contain;border:1px solid var(--line,#eee)}.thumb-credit{font-size:.75rem;color:var(--muted,#888);margin:.25rem 0 0}.thumb-credit a{color:inherit}.thumb-placeholder{display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.02em}.product-head{display:flex;gap:14px;align-items:center}.ingredients{display:grid;grid-gap:.6rem;gap:.6rem;margin:.5rem 0}.ingredients dt{font-weight:700}.ingredients dd{margin:.1rem 0 0;color:var(--muted)}.small{font-size:.8rem}.chips-static{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:.4rem 0 1rem}.chips-static li{padding:.25rem .7rem;border:1px solid var(--line);border-radius:999px;font-size:.85rem;background:var(--surface)}