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