:root{color-scheme:light dark;--fg:#1a1a1a;--muted:#5c6470;--bg:#fff;--line:#e3e6ea;--brand:#0b7a6c}
@media (prefers-color-scheme:dark){:root{--fg:#ececec;--muted:#a3abb5;--bg:#14171b;--line:#2a2f36;--brand:#3fc2ae}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,'Hiragino Sans','Noto Sans JP',Meiryo,sans-serif;line-height:1.85;font-size:16px}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:12px;padding-top:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
header img{width:36px;height:36px;border-radius:8px}
header a{color:var(--fg);text-decoration:none;font-weight:700}
h1{font-size:1.6rem;line-height:1.4;margin:32px 0 8px}
h2{font-size:1.15rem;margin:32px 0 6px;padding-top:6px}
p,li{margin:8px 0}
ul,ol{padding-left:1.4em}
a{color:var(--brand)}
.lead{color:var(--muted)}
.note{color:var(--muted);font-size:.92rem}
.cta{display:inline-block;margin:12px 0;padding:12px 22px;min-height:44px;background:var(--brand);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}
footer{margin-top:48px;padding-top:16px;padding-bottom:40px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
footer a{margin-right:16px;white-space:nowrap}

.tk{margin:16px 0 0;border-top:1px solid var(--line)}
.tk>div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}
.tk dt{font-weight:700}
.tk dd{margin:0;word-break:break-word}
@media (min-width:640px){.tk>div{grid-template-columns:11rem 1fr;gap:16px}}

.pt{width:100%;max-width:26rem;border-collapse:collapse;margin:12px 0}
.pt th,.pt td{padding:8px 4px;border-bottom:1px solid var(--line);text-align:left}
.pt th{font-weight:700}
.pt td:last-child,.pt th:last-child{text-align:right;white-space:nowrap}
.pt .pc{display:block;font-weight:400;font-size:.88rem;line-height:1.6;color:var(--muted)}