*{box-sizing:border-box}
:root{--orange:#ff6a00;--ink:#171717;--muted:#666;--line:#e8e8e8;--soft:#fafafa}
html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--ink);background:#fff;line-height:1.85}
header{padding:48px 22px 30px;background:linear-gradient(135deg,#fff7ef,#fff);border-bottom:1px solid var(--line)}
header h1,header p{max-width:900px;margin-left:auto;margin-right:auto}header h1{font-size:36px;line-height:1.3;margin-top:0;margin-bottom:5px}.lead{color:var(--muted)}
main{max-width:900px;margin:0 auto;padding:42px 22px 72px}article h2{font-size:20px;margin:38px 0 12px;padding-left:12px;border-left:4px solid var(--orange)}
p{margin:10px 0}ul{padding-left:22px}.table-wrap{overflow-x:auto;margin:14px 0 22px}table{width:100%;border-collapse:collapse;min-width:580px;font-size:14px}th,td{border:1px solid #ddd;padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--soft)}
a{color:#d95700}.back{display:inline-block;margin-top:36px;font-weight:700;text-decoration:none}.meta{background:#fff7ef;padding:16px;border-left:4px solid var(--orange)}
footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:#777;font-size:12px}
@media(max-width:640px){header{padding:34px 18px 24px}header h1{font-size:29px}main{padding:30px 18px 55px}article h2{font-size:18px}table{font-size:12px}}