:root{--bg:#faf9f7;--fg:#1e2127;--muted:#5c6370;--link:#1a5fb4;--border:#e5e7eb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100svh;color:var(--fg);flex-direction:column;justify-content:space-between;font-family:Noto Sans JP,Lato,Roboto,Arial,Helvetica,sans-serif;line-height:1.5;display:flex}a{color:var(--link)}.container{width:100%;max-width:42rem;margin-inline:auto;padding-inline:1rem}header{justify-content:space-between;align-items:center;width:100%;margin-block-end:.5rem;padding-block:min(1.25rem,3vw);display:flex}.brand{font-size:1.5rem}.brand a{text-decoration:none}nav>ul{gap:.5rem;list-style:none;display:flex}footer{border-top:1px solid var(--border);width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-block-start:auto;padding-block:1.5rem;display:flex}footer small{font-size:.875rem}