/* Minimal responsive base. Full redesign is out of scope for migration. */
*{box-sizing:border-box}
body{max-width:62rem;margin:0 auto;padding:0 1rem;font-family:system-ui,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.8;color:#222}
header nav{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-bottom:1px solid #ddd}
main{padding:1rem 0}
img,video,iframe{max-width:100%;height:auto}
figure{margin:1.5rem 0}
pre{overflow-x:auto;background:#f6f6f6;padding:1rem;border-radius:6px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
audio{width:100%}
footer{border-top:1px solid #ddd;margin-top:2rem;padding:1rem 0;font-size:.9rem}
table{border-collapse:collapse;width:100%;overflow-x:auto;display:block}
th,td{border:1px solid #ccc;padding:.4rem .6rem}
