:root{color-scheme:light;--ink:#17130d;--muted:#655f56;--line:#ded8ce;--paper:#fff;--canvas:#f3f1ed;--accent:#ffb000}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.85}
.site-header{display:flex;align-items:center;gap:1rem;max-width:860px;margin:0 auto;padding:3rem 2rem 1.4rem}.brand-mark{position:relative;width:56px;height:56px;flex:0 0 56px;border-radius:13px;background:var(--ink)}.brand-mark:before{content:"";position:absolute;inset:12px 13px 11px 13px;border-radius:3px 10px 10px 3px;background:var(--accent)}.brand-mark:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-size:2rem;font-weight:800}.brand-mark span{position:absolute;z-index:1;left:18px;bottom:10px;width:27px;height:3px;border-radius:2px;background:#fff}
.product,.page-name{margin:0}.product{font-size:1.25rem;font-weight:750;letter-spacing:.01em}.page-name{color:var(--muted);font-size:.92rem}
main{max-width:860px;margin:0 auto 3rem;padding:2.7rem 3.5rem;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 36px rgba(23,19,13,.06)}.updated{margin:0 0 1rem;color:var(--muted);font-size:.88rem}.lead{margin:0 0 2.6rem;font-size:1.08rem;line-height:1.9}
section{padding:1.75rem 0;border-top:1px solid var(--line)}h1,h2{margin:0 0 .8rem;line-height:1.4}h1{font-size:1.35rem}h2{font-size:1.2rem}p{margin:.65rem 0}ul{margin:.7rem 0;padding-left:1.4rem}li+li{margin-top:.25rem}code{padding:.12rem .35rem;border-radius:5px;background:#eeeae3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}
.notice{margin-top:2rem;padding:1.25rem 1.4rem;border-left:5px solid var(--accent);background:#faf6ed;border-radius:4px 12px 12px 4px}.notice p{margin:.35rem 0 0;color:#4d473e;font-size:.92rem}footer{padding:0 1.5rem 3rem;text-align:center;color:var(--muted);font-size:.82rem}
@media(max-width:700px){.site-header{padding:2rem 1rem 1rem}main{margin:0 .75rem 2rem;padding:2rem 1.3rem;border-radius:14px}.lead{font-size:1rem}.brand-mark{width:48px;height:48px;flex-basis:48px}.brand-mark:before{inset:10px 11px 9px}.brand-mark span{left:15px;bottom:8px;width:24px}}