*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.8;color:#232323;background:#f7f3ee}.site-header{background:#fff;border-bottom:1px solid #ddd;padding:18px max(20px,calc((100vw - 1040px)/2));display:flex;gap:24px;align-items:center;justify-content:space-between;position:sticky;top:0}.brand{font-weight:700;color:#9a3d47;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;gap:12px;overflow:auto}.site-header nav a{color:#454545;text-decoration:none;font-size:14px;white-space:nowrap}.site-header nav a:hover,.article a:hover{color:#9a3d47}main{max-width:1040px;margin:0 auto;padding:36px 20px}.article{background:#fff;border:1px solid #ddd;border-radius:8px;padding:28px}.meta{color:#756b63;font-size:14px;margin:0 0 10px}.article h1{font-size:clamp(28px,5vw,42px);line-height:1.25;margin:0 0 18px}.article h2{font-size:24px;margin:34px 0 8px}.lead{font-size:18px;color:#4c4641}.source{border-top:1px solid #e3ddd6;margin-top:32px;padding-top:14px;color:#756b63;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.card h2{font-size:18px;line-height:1.45;margin:0 0 8px}.card a{color:#9a3d47;text-decoration:none}.site-footer{max-width:1040px;margin:0 auto;padding:24px 20px 48px;color:#756b63;font-size:14px}@media(max-width:720px){.site-header{display:block}.site-header nav{margin-top:12px}.article{padding:22px}main{padding:22px 14px}}