:root{color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#555;--border:#c8c8c8;--accent:#0b5cad;--warn:#7a3b00}
@media (prefers-color-scheme:dark){:root{--bg:#14171a;--fg:#f0f0f0;--muted:#b0b0b0;--border:#444a50;--accent:#7db7f5;--warn:#ffcf99}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.8 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif}
main,header,footer{max-width:46rem;margin:0 auto;padding:0 1rem}a{color:var(--accent)}
h1{font-size:1.6rem;line-height:1.4}h2{font-size:1.25rem;margin-top:2rem;border-bottom:1px solid var(--border)}
.meta,.small{color:var(--muted);font-size:.9rem}.warn{border:2px solid var(--warn);color:var(--warn);padding:.5rem .75rem;border-radius:.375rem;font-weight:700}
.empty{border:1px dashed var(--border);padding:.75rem;border-radius:.375rem;color:var(--muted)}
.pr{border:1px solid var(--border);padding:.75rem;border-radius:.375rem;margin:1.5rem 0}.pr-label{font-weight:700;margin:0}
li{margin:.25rem 0}.tag{border:1px solid var(--border);border-radius:.25rem;padding:0 .4rem;font-size:.85rem;margin-right:.25rem}
nav ol{padding-left:1.5rem}footer{margin-top:3rem;padding-bottom:2rem;border-top:1px solid var(--border)}
.guide-table{max-width:100%;overflow-x:auto}.guide-table table{border-collapse:collapse;min-width:36rem}.guide-table td,.guide-table th{padding:.6rem;border:1px solid #87939b;text-align:left;vertical-align:top}
.app-guide{border:1px solid var(--border);padding:.75rem;border-radius:.375rem;margin:1.5rem 0;overflow-wrap:anywhere}