:root { color-scheme: light; font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif; color: #40251c; background: #ed401b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; padding: max(22px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom)); background: linear-gradient(105deg, #c92f16, #ed401b 55%, #bd2814); line-height: 1.8; }
main { width: min(100%, 720px); margin: auto; }
.back { display: inline-block; margin-bottom: 14px; color: #ffe2ad; font-size: .82rem; text-decoration: none; }
article { padding: clamp(22px, 6vw, 42px); border-radius: 20px; background: #fffaf0; box-shadow: 0 16px 40px #67130c55; }
h1 { margin: 0; color: #8f2c1b; font-size: clamp(1.55rem, 6vw, 2.1rem); line-height: 1.35; }
.updated { margin: 5px 0 26px; color: #8d7569; font-size: .75rem; }
h2 { margin: 28px 0 7px; color: #6d3020; font-size: 1.02rem; }
p, li { font-size: .88rem; }
p { margin: 8px 0; }
ul { padding-left: 1.25rem; }
a { color: #a9361f; text-underline-offset: 3px; overflow-wrap: anywhere; }
@media (max-width: 480px) { article { border-radius: 15px; } }