:root{color-scheme:light dark;--bg:#faf9f5;--surface:#fff;--surface-2:#f2f0e9;--fg:#211f1a;--muted:#676253;--line:#ddd8cb;--line-strong:#a8a291;--accent:#2b5aa7;--accent-strong:#1e4485;--accent-ink:#fff;--accent-soft:#e9eef8;--danger:#b00020;--warn:#a05a00;--radius-s:6px;--radius-m:10px;--shadow-1:0 1px 2px #201f1b0d, 0 2px 8px #201f1b12;--shadow-2:0 4px 14px #201f1b1f, 0 12px 32px #201f1b24}@media (prefers-color-scheme:dark){:root{--bg:#16161a;--surface:#1f1f25;--surface-2:#27272e;--fg:#e9e7e1;--muted:#a4a099;--line:#3a3a42;--line-strong:#5a5a64;--accent:#7ea4e6;--accent-strong:#9dbcf0;--accent-ink:#10131b;--accent-soft:#262e3f;--danger:#ff7a86;--warn:#e0a35c;--shadow-1:0 1px 2px #0006, 0 2px 8px #00000059;--shadow-2:0 6px 18px #00000080}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,system-ui,sans-serif}body{color:var(--fg);background:var(--bg);min-height:100svh;line-height:1.9}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, var(--bg));padding:.65rem 1.2rem}.site-header .brand{color:var(--fg);letter-spacing:.02em;font-weight:700;text-decoration:none}.site-header .brand:before{content:"";background:var(--accent);border-radius:2px;width:.5em;height:.5em;margin-right:.5em;display:inline-block;transform:rotate(45deg)translateY(-1px)}.site-header .brand .kana{color:var(--muted);margin-left:.3em;font-size:.8rem;font-weight:400}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding:1.1rem 1.2rem 1.4rem;font-size:.9rem}.site-footer nav{flex-wrap:wrap;gap:.4rem 1.2rem;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}body.home main{max-width:44rem;margin:0 auto;padding:0 1.2rem 2rem}body.home h1{letter-spacing:.06em;margin:2rem 0 .4rem;font-size:1.9rem}.tagline{color:var(--muted);margin-bottom:1.6rem;font-size:1.05rem}p.note{color:var(--muted);margin-top:1.4rem;font-size:.95rem}.article-list{gap:.9rem;margin:1.6rem 0 0;list-style:none;display:grid}.article-link{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-1);color:var(--fg);padding:1rem 1.25rem;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:block}.article-link:hover{border-color:var(--accent);box-shadow:var(--shadow-2)}.article-link strong{margin-bottom:.15rem;display:block}.article-link strong:after{content:" →";color:var(--accent)}.article-link span{color:var(--muted);font-size:.92rem;line-height:1.7;display:block}body.article-page main{max-width:42rem;margin:0 auto;padding:0 1.2rem}article h1{letter-spacing:.03em;margin:1.8rem 0 .6rem;font-size:1.55rem;line-height:1.5}article .lead{color:var(--muted);margin-bottom:1.6rem}article h2{border-left:4px solid var(--accent);letter-spacing:.03em;margin:2.4rem 0 .9rem;padding-left:.6rem;font-size:1.12rem}article h3{margin:1.6rem 0 .5rem;font-size:1rem}article p{margin:.7rem 0}article ul,article ol{margin:.7rem 0;padding-left:1.5em}article li{margin:.45rem 0}article code{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:.05em .4em;font-size:.95em}article table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}article th,article td{border:1px solid var(--line);text-align:left;padding:.4rem .7rem}article th{background:var(--surface-2);font-weight:600}article table caption{caption-side:top;text-align:left;color:var(--muted);padding-bottom:.4rem;font-size:.88rem}.table-scroll{margin:1rem 0;overflow-x:auto}.table-scroll table{min-width:36rem;margin:0}article .note{color:var(--muted);font-size:.92rem}.example{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);margin:1rem 0;padding:.9rem 1.1rem;overflow-x:auto}.example pre{white-space:pre-wrap;font-family:inherit;line-height:2}.example figcaption{color:var(--muted);margin-bottom:.4rem;font-size:.88rem}.vertical-demo-figure{margin:1rem 0}.vertical-demo-figure figcaption{color:var(--muted);margin-bottom:.4rem;font-size:.88rem}.vertical-demo{writing-mode:vertical-rl;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);width:min(15rem,100%);height:16rem;padding:1rem 1.2rem;line-height:2.2;overflow-x:auto}.vertical-demo .tcy{text-combine-upright:all}.tool-cta{border:1px solid var(--accent);border-radius:var(--radius-m);background:var(--accent-soft);color:var(--fg);box-shadow:var(--shadow-1);margin:1.4rem 0;padding:1rem 1.25rem;text-decoration:none;transition:box-shadow .12s;display:block}.tool-cta:hover{box-shadow:var(--shadow-2)}.tool-cta strong{margin-bottom:.15rem;display:block}.tool-cta strong:after{content:" →";color:var(--accent)}.tool-cta span{color:var(--muted);font-size:.92rem;line-height:1.7;display:block}.article-meta{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding-top:1rem;font-size:.88rem}.article-meta p{margin:.15rem 0}