:root{--bg:#f4f1ea;--surface:#fbf8f1;--fg:#1c1917;--muted:#6f675e;--accent:#2f3d4a;--border:#ddd6c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 "IBM Plex Sans","Hiragino Sans","Noto Sans JP",sans-serif}header,footer{border-bottom:1px solid var(--border);background:var(--surface)}.wrap,main{max-width:68rem;margin:auto;padding:1.5rem}main{max-width:56rem}a{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere}nav{display:flex;gap:.5rem;flex-wrap:wrap}nav a,button{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .8rem}h1,h2{font-family:"Source Serif 4","Hiragino Mincho ProN",serif;line-height:1.3}h1{font-size:2rem}h2{margin-top:2rem;font-size:1.35rem}.meta{font-size:.875rem;color:var(--muted)}.cards{list-style:none;padding:0;display:grid;gap:1rem}.cards li,section.panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:1rem}.cards a{font-weight:600;display:inline-block;min-height:44px}.cards p{margin:.25rem 0}li,code,dd{overflow-wrap:anywhere}dt{font-weight:600;margin-top:1rem}dd{margin:.25rem 0}input{min-height:44px;min-width:0;padding:.5rem;width:min(100%,28rem);font:inherit;border:1px solid var(--border);border-radius:6px}button{font:inherit;background:var(--accent);color:var(--bg);border:0;border-radius:6px;cursor:pointer}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}footer{margin-top:3rem;border-top:1px solid var(--border)}@media(max-width:450px){.wrap,main{padding:1rem}h1{font-size:1.65rem}nav{gap:0}nav a{padding:.5rem .65rem}}