:root{--ink:#14213D;--bg:#F1F4F9;--sheet:#FFFFFF;--line:#CBD5E6;--mute:#586784;--blue:#23529F;
--mincho:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
--gothic:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ink:#E6ECF7;--bg:#0E1626;--sheet:#16213A;--line:#2B3A5A;--mute:#9AA9C6;--blue:#86ABEE}}
:root[data-theme="dark"]{--ink:#E6ECF7;--bg:#0E1626;--sheet:#16213A;--line:#2B3A5A;--mute:#9AA9C6;--blue:#86ABEE}
html{height:100%;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--gothic);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
.site{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:24px}
.site a{font-family:var(--mincho);font-weight:700;font-size:18px;color:var(--ink);text-decoration:none}
h1{font-family:var(--mincho);font-weight:700;font-size:clamp(26px,6vw,36px);line-height:1.3;margin:0 0 16px}
h2{font-size:18px;margin:28px 0 6px;padding-left:10px;border-left:4px solid var(--blue)}
p,li{font-size:15px}
.sheet{background:var(--sheet);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:4px;padding:8px 18px 20px}
dl{margin:0}
.item{display:grid;grid-template-columns:8em 1fr;gap:8px;padding:12px 0;border-bottom:1px dotted var(--line)}
.item dt{font-weight:700;font-size:14px}
.item dd{margin:0;font-size:15px}
.fill{background:#FFF3B0;color:#14213D;padding:0 4px}
footer{border-top:1px solid var(--line);margin-top:32px;padding:20px 0 40px;font-size:13px;color:var(--mute)}
footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}

.sitenav{margin:0 0 14px;font-size:14px;display:flex;gap:14px;flex-wrap:wrap}
.sitenav a{color:var(--blue);text-decoration:none;border-bottom:1px solid var(--line)}
.sitenav a[aria-current]{color:var(--ink);font-weight:700;border-bottom:2px solid var(--blue)}
.lead{margin:0 0 14px}
.caveat{margin:0 0 24px;padding:10px 14px;border-left:4px solid #BF3A2C;background:rgba(191,58,44,.08);font-size:14px;line-height:1.65}
.tools{display:grid;gap:0;background:var(--sheet);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:4px}
.tool{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:18px 18px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);min-height:88px}
.tool:last-child{border-bottom:0}
.tool:hover{background:rgba(35,82,159,.06)}
.tool b{display:block;font-family:var(--mincho);font-size:20px;line-height:1.4}
.tool span{display:block;font-size:14px;color:var(--mute);line-height:1.6;margin-top:2px}
.tool i{font-style:normal;color:var(--blue);font-weight:700;font-size:14px;white-space:nowrap}