@font-face{font-family:Jua;src:url('/Jua-Regular.ttf')}*{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#faf4eb;color:#422f36;font:17px/1.85 system-ui,sans-serif}
header,main,footer{max-width:850px;margin:auto;padding:30px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dccbc3}
.brand{font:27px Jua, sans-serif;color:#8e3c53;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#82354e;text-underline-offset:5px}a:focus-visible{outline:3px solid #82354e;outline-offset:5px}nav a[aria-current]{font-weight:700}
h1{font:clamp(32px,5vw,46px)/1.3 Jua,system-ui,sans-serif;margin:12px 0 20px}html[lang=ja] h1{font-family:system-ui,sans-serif;font-weight:750}h2{font-size:23px;line-height:1.5;margin:42px 0 12px}p{margin:0 0 18px;overflow-wrap:anywhere}.intro{font-size:20px;color:#70545c}.date{font-size:14px;color:#70545c}footer{border-top:1px solid #dccbc3;font-size:14px}ul{padding-left:22px}li{margin:10px 0}section{scroll-margin-top:30px}@media(max-width:540px){header{align-items:flex-start;flex-direction:column;gap:12px}header,main,footer{padding:24px}body{font-size:16px}h2{font-size:21px}.intro{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}