:root{--bg: #f7f3ea;--surface: #fffdf8;--surface-2: #efe9da;--border: #ddd3bd;--text: #221e17;--text-muted: #6b6252;--accent: #2a4470;--accent-strong: #1c3155;--accent-soft: #dde3ec;--on-accent: #f7f3ea;--good: #3f7853;--good-soft: #e5efe4;--warn: #a06a1f;--warn-soft: #f5ecd9;--danger: #a8402a;--danger-soft: #f4e3dd;--font-display: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif;--font-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Noto Sans JP", Meiryo, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, Menlo, monospace;--radius-card: 4px;--wrap: 760px}@media(prefers-color-scheme:dark){:root{--bg: #14181f;--surface: #1c212b;--surface-2: #222834;--border: #333b4a;--text: #f2ede1;--text-muted: #a39b8c;--accent: #7f9bc9;--accent-strong: #9db3d8;--accent-soft: #223049;--on-accent: #14181f;--good: #6fae82;--good-soft: #1c2e21;--warn: #d1a24f;--warn-soft: #362a15;--danger: #d4816a;--danger-soft: #35201a}}*{box-sizing:border-box}html,body{background:var(--bg)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.9;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1.1rem,4vw,2.2rem)}a{color:var(--accent)}ul,ol{margin:0;padding:0 0 0 1.3rem}h1,h2,h3{font-family:var(--font-display);font-weight:600;text-wrap:balance;margin:0}p{margin:0}img{max-width:100%;height:auto}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);padding:.1em .35em;border-radius:3px}strong{font-weight:700}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}.logo{font-family:var(--font-display);font-weight:600;font-size:1.05rem;text-decoration:none;color:var(--text)}.logo small{display:block;font-family:var(--font-body);font-size:.7rem;color:var(--text-muted);font-weight:400;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius-card);font-weight:600;font-size:.875rem;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.intro{padding:2.6rem 0 1.2rem}.intro h1{font-size:clamp(1.7rem,3vw + 1rem,2.4rem);margin-bottom:.6rem}.intro p{color:var(--text-muted)}.post-list{list-style:none;padding:0;margin:1.8rem 0 0}.post-list li{border-top:1px solid var(--border)}.post-list li:last-child{border-bottom:1px solid var(--border)}.post-list a{display:block;padding:1.2rem 0;text-decoration:none;color:inherit}.post-list a:hover h2{text-decoration:underline}.post-list h2{font-size:1.15rem;margin-bottom:.3rem}.post-list p{color:var(--text-muted);font-size:.92rem}.post-meta{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}.article{padding:2.4rem 0 1rem}.article h1{font-size:clamp(1.6rem,2.6vw + 1rem,2.2rem);margin-bottom:.7rem}.article>.post-meta{display:block;margin-bottom:1.6rem}.article .lead{font-size:1.04rem;color:var(--text-muted)}.article h2{font-size:clamp(1.25rem,1.2vw + 1rem,1.55rem);margin:2.4rem 0 .6rem;padding-top:1.4rem;border-top:1px solid var(--border);scroll-margin-top:4.5rem}.article h3{font-size:1.08rem;margin:1.6rem 0 .4rem}.article p+p,.article p+ul,.article p+ol,.article ul+p,.article ol+p{margin-top:.9rem}.article li{margin-top:.3rem}.note,.warn-box,.tip{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.85rem 1rem;margin-top:1rem;font-size:.93rem}.warn-box{border-left-color:var(--warn);background:var(--warn-soft)}.tip{border-left-color:var(--good);background:var(--good-soft)}.formula{font-family:var(--font-mono);font-size:.92rem;line-height:1.7;background:var(--surface);border:1px solid var(--border);padding:.9rem 1rem;margin-top:1rem;overflow-x:auto;white-space:pre}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}th,td{border:1px solid var(--border);padding:.45rem .6rem;text-align:left;vertical-align:top}th{background:var(--surface-2);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}.table-scroll table{min-width:30rem}.table-note{font-size:.8rem;color:var(--text-muted);margin-top:.45rem}.cta-box{background:var(--surface);border:1px solid var(--border);padding:1.3rem;margin:2.4rem 0 0}.cta-box h2{border:none;padding:0;margin:0 0 .4rem;font-size:1.1rem}.cta-box p{color:var(--text-muted);font-size:.92rem}.cta-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.site-footer{border-top:1px solid var(--border);padding:1.8rem 0 2.6rem;font-size:.85rem;color:var(--text-muted);margin-top:2.4rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.disclaimer{background:var(--surface-2);padding:1rem;font-size:.82rem;color:var(--text-muted);margin-top:1.6rem}