:root{--fg:#1a1a1a;--muted:#666;--line:#e2e2e2;--bg:#fff;--accent:#0b5fff;--down:#0a7d3f;--up:#c2340a;--warn:#fff8e1}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:var(--fg);background:var(--bg);line-height:1.75}
main{max-width:1000px;margin:0 auto;padding:0 1rem 4rem}
.site-head{max-width:1000px;margin:0 auto;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:baseline;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--fg)}
.site-head nav{display:flex;gap:1rem;flex-wrap:wrap}
.site-head a{color:var(--muted);text-decoration:none;font-size:.9rem}
.site-head nav a:hover{color:var(--accent)}
h1{font-size:1.6rem;line-height:1.4;margin:2rem 0 .5rem}
h2{font-size:1.2rem;margin:2.5rem 0 .75rem;padding-bottom:.3rem;border-bottom:2px solid var(--line)}
.lead{font-size:1.02rem}
.meta,.note{color:var(--muted);font-size:.85rem}
a{color:var(--accent)}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:640px}
th,td{border-bottom:1px solid var(--line);padding:.6rem .5rem;text-align:left;vertical-align:top}
th{background:#fafafa;font-weight:600;white-space:nowrap}
.num{text-align:right;white-space:nowrap}
.strong{font-weight:700;font-size:1.05rem}
.breakdown{font-size:.78rem;color:var(--muted);white-space:nowrap}
.src{font-size:.75rem;color:var(--muted)}
.src a{color:var(--muted)}
.tag{display:inline-block;font-size:.72rem;color:var(--muted);background:#f2f2f2;padding:.05rem .4rem;border-radius:3px}
tr.stale{background:var(--warn)}
.banner{padding:.9rem 1rem;border-radius:6px;margin:1.5rem 0;font-size:.9rem}
.banner.warn{background:var(--warn);border:1px solid #f0d78a}
.changes{list-style:none;padding:0}
.changes li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.changes time{color:var(--muted);font-size:.8rem;margin-right:.6rem}
.changes .delta{display:block;font-weight:600}
.changes li.down .delta{color:var(--down)}
.changes li.up .delta{color:var(--up)}
.changes .cause{display:block;font-size:.8rem;color:var(--muted)}
.ad-disclosure{max-width:1000px;margin:0 auto;padding:.6rem 1rem;font-size:.8rem;color:var(--muted);background:#f6f6f6;border-bottom:1px solid var(--line)}
.cta{white-space:nowrap}
.link-only{background:#f4f8ff;border:1px solid #cfe0ff;border-radius:6px;padding:1rem 1.2rem;margin:2rem 0}
.link-only ul{list-style:none;padding:0}
.link-only li{padding:.8rem 0;border-bottom:1px solid #dbe7ff;font-size:.92rem}
.link-only li:last-child{border-bottom:none}
.link-only .btn{margin-top:.4rem}
.ad-unit{display:inline-block}
.btn{display:inline-block;padding:.35rem .7rem;background:#0b5fff;color:#fff;border-radius:4px;text-decoration:none;font-size:.82rem;font-weight:600}
.btn:hover{background:#0847c4}
.faq dt{font-weight:600;margin-top:1.2rem}
.faq dd{margin:.4rem 0 0;padding-left:0;color:var(--muted)}
.review{background:#fafafa;padding:1rem;border-radius:6px;margin-top:3rem}
.review h2{border:0;margin-top:0}
.review-list{font-size:.85rem}
.formula{background:#f6f8fa;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;white-space:pre-wrap}
blockquote{margin:0;padding:.75rem 1rem;background:#f6f8fa;border-left:3px solid var(--accent);font-size:.9rem}
code{background:#f2f2f2;padding:.1rem .3rem;border-radius:3px;font-size:.85em}
.site-foot{max-width:1000px;margin:0 auto;padding:2rem 1rem 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
.site-foot a{color:var(--muted)}
.disclaimer{background:#fafafa;padding:.75rem;border-radius:4px}
@media(max-width:600px){h1{font-size:1.35rem}main{padding:0 .75rem 3rem}}