:root{
  --ink:#35302A; --cream:#F2EDE3; --karashi:#D9A441; --karashi-text:#8C651C; --bg:#F7F4EE;
  --gray:#736B5A; --line:#E5DFD2;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Hiragino Kaku Gothic ProN","BIZ UDGothic","Yu Gothic",Meiryo,sans-serif;
     background:var(--bg);color:var(--ink);line-height:1.9}
a{color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

header{background:rgba(247,244,238,.92);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.wordmark{font-weight:800;font-size:20px;letter-spacing:2px}
.wordmark .nest{color:var(--karashi)}
.back{display:inline-block;padding:6px 4px;font-size:13px;text-decoration:none;color:var(--gray)}
.back:hover{color:var(--karashi-text);text-decoration:underline}

.head{background:var(--cream);padding:52px 0 40px}
.head h1{font-size:24px;letter-spacing:2px}
.head .upd{margin-top:10px;font-size:13px;color:var(--gray)}

main{padding:52px 0 72px}
h2{font-size:18px;letter-spacing:1px;margin:40px 0 14px;padding-bottom:8px;
   border-bottom:2px solid var(--karashi);display:inline-block}
main > .wrap > h2:first-child{margin-top:0}
h3{font-size:15px;margin:26px 0 8px}
p{font-size:14.5px;margin-bottom:12px}
ol,ul{margin:0 0 14px 1.4em;font-size:14.5px}
li{margin-bottom:6px}

table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);
      border-radius:12px;overflow:hidden;font-size:14px;margin-bottom:16px}
th,td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--cream);width:32%;white-space:nowrap}

.notice{background:#fff;border:1px solid var(--line);border-left:5px solid var(--karashi);
        border-radius:10px;padding:20px 22px;margin:18px 0}
.notice p{font-size:13.5px;margin-bottom:8px}
.notice p:last-child{margin-bottom:0}

.todo{color:#995C40;font-size:12.5px;font-weight:700}
.draft{background:#fff5ec;border:1px solid #e8c9a8;border-radius:10px;
       padding:16px 20px;margin-bottom:28px;font-size:13.5px;color:#8a5a30}

footer{border-top:1px solid var(--line);padding:32px 0 48px;font-size:13px;color:var(--gray)}
footer .links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}
footer a{text-decoration:none;display:inline-block;padding:5px 0;min-height:24px}
footer a:hover{color:var(--karashi-text);text-decoration:underline}
a:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;
     background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:1px 5px;
     overflow-wrap:anywhere;word-break:break-all}
@media(max-width:600px){ th{width:auto;white-space:normal} .head h1{font-size:19px} }