:root{--bg:#0e0f13;--card:#1c1f27;--line:#2b2f3a;--tx:#ececf0;--sub:#a6abb8;--acc:#ffcc33}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;line-height:1.85;font-size:15px}
a{color:var(--acc)}
.w{max-width:760px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;background:rgba(14,15,19,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .w{height:52px;display:flex;align-items:center}
.lg{color:var(--tx);text-decoration:none;font-weight:900;font-size:15px}.lg b{color:var(--acc)}
h1{font-size:22px;line-height:1.4;margin:22px 0 6px}
.date{font-size:12px;color:var(--sub);margin-bottom:18px}
h2{font-size:17px;margin:26px 0 8px;padding-left:10px;border-left:4px solid var(--acc);line-height:1.4}
h3{font-size:15px;margin:16px 0 4px}
p,ul,ol,table{margin:8px 0}
ul,ol{padding-left:1.3em}
li{margin:3px 0}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border:1px solid var(--line);padding:8px 10px;vertical-align:top;text-align:left}
th{background:var(--card);width:34%;font-weight:700}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:12px 0}
.q{font-weight:800;margin-top:18px}
.q:before{content:"Q. ";color:var(--acc)}
.a:before{content:"A. ";color:var(--sub);font-weight:800}
footer{margin-top:44px;border-top:1px solid var(--line);padding:20px 0 34px;font-size:12.5px;color:var(--sub)}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px}
footer a{color:var(--sub)}
@media(max-width:520px){th,td{display:block;width:100%}th{border-bottom:0}}