:root{--bg:#ffffff;--paper:#faf9f6;--code-bg:#f4f2ec;--rule:#e7e3da;--rule-strong:#d7d2c6;--ink:#1b1a17;--text:#34322c;--muted:#706d64;--faint:#97948b;--accent:#9c3328;--accent-ink:#7e281f;--ok:#2f6d49;--ok-bg:#f0f5f1;--ng:#a83a2f;--ng-bg:#f9efed;--note:#33312c;--note-bg:#f5f3ee;--serif:Georgia,"Times New Roman","Hiragino Mincho ProN","YuMincho","Yu Mincho","MS PMincho",serif;--sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);color:var(--accent-ink)}.container{max-width:720px;margin:0 auto;padding:0 28px}.site-header{border-bottom:1px solid var(--rule);background:var(--bg)}.site-header .inner{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:20px 28px;max-width:720px;margin:0 auto;flex-wrap:wrap}.brand{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:.01em}.brand,.brand:hover{color:var(--ink);text-decoration:none}.brand .blink{color:var(--accent)}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{font-size:13px;color:var(--muted);letter-spacing:.01em}.nav a,.nav a:hover{text-decoration:none}.nav a:hover{color:var(--accent-ink)}.hero{padding:72px 0 30px}.hero .tag{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,6vw,50px);line-height:1.25;letter-spacing:.01em;margin:0 0 24px;color:var(--ink)}.hero p.lead{color:var(--text);max-width:62ch;font-size:17px;line-height:1.85;margin:0}.progress{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:4px 0 8px;letter-spacing:.02em}.progress .ticks{display:inline-flex;gap:8px}.progress .tick{width:9px;height:9px;border-radius:50%;border:1px solid var(--rule-strong)}.progress .tick.on{background:var(--accent);border-color:var(--accent)}.index{margin:24px 0 56px;border-top:1px solid var(--rule)}.entry{display:grid;grid-template-columns:54px 1fr;grid-gap:22px;gap:22px;padding:26px 6px;border-bottom:1px solid var(--rule);transition:background .12s ease}.entry,.entry:hover{text-decoration:none;color:inherit}.entry:hover{background:var(--paper)}.entry-num{font-family:var(--serif);font-size:34px;line-height:1;color:var(--accent);font-weight:400}.entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px}.entry-cat{font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.entry-meta{font-family:var(--mono);font-size:12px;color:var(--faint);white-space:nowrap}.entry h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.4;color:var(--ink);margin:0 0 6px}.entry p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.72}main.problem{padding:20px 0 96px}.crumbs{font-family:var(--mono);font-size:12.5px;color:var(--faint);margin:22px 0 26px;letter-spacing:.02em}.crumbs a{text-decoration:none;color:var(--muted)}.crumbs a:hover{color:var(--accent-ink)}.problem .kicker{font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.problem h1{font-family:var(--serif);font-weight:400;font-size:clamp(27px,5vw,38px);line-height:1.3;margin:10px 0 8px;color:var(--ink);letter-spacing:.01em}.meta-row{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin:10px 0 8px;font-family:var(--mono);font-size:12.5px;color:var(--faint)}.section{border-top:1px solid var(--rule);padding:30px 0 6px}.section h2{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.section p{margin:0 0 14px}.section ul{margin:10px 0;padding-left:20px}.section li{margin:8px 0}.section li::marker{color:var(--faint)}.hintbox{border-left:2px solid var(--accent);background:transparent;padding:4px 0 4px 18px;margin:16px 0 6px;font-size:14.5px;color:var(--muted);font-style:italic}code,pre{font-family:var(--mono)}code.inline{border-radius:3px;padding:1px 5px;font-size:.85em;color:var(--accent-ink)}code.inline,pre.term{background:var(--code-bg)}pre.term{border:1px solid var(--rule);border-radius:6px;padding:15px 17px;overflow-x:auto;font-size:12.5px;line-height:1.65;color:#38352f;white-space:pre-wrap;word-break:break-word}pre.term .p{color:var(--accent-ink)}.filecard{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:15px;flex-wrap:wrap}.filecard .fmark{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}.filecard .fmeta{color:var(--faint);font-size:13px}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:7px;letter-spacing:.01em}input[type=text],textarea{width:100%;background:var(--bg);border:1px solid var(--rule-strong);border-radius:5px;color:var(--ink);font-family:var(--mono);font-size:14px;padding:10px 12px}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--ink)}textarea{resize:vertical;min-height:74px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:500;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:5px;padding:9px 20px;cursor:pointer;transition:background .12s ease}.btn:hover{background:#000}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}.btn.ghost:hover{background:var(--paper);border-color:var(--muted)}.form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form-row>div{flex:1 1;min-width:200px}.result{margin-top:14px;padding:11px 15px;border-radius:5px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;border:1px solid var(--rule)}.result.ok{color:var(--ok);background:var(--ok-bg);border-color:#d5e4d9}.result.ng{color:var(--ng);background:var(--ng-bg);border-color:#ecd6d1}.result.info{color:var(--note);background:var(--note-bg)}.site-footer{border-top:1px solid var(--rule);color:var(--faint);font-size:13px;line-height:1.7;padding:28px 0 56px;margin-top:56px}.site-footer .inner{max-width:720px;margin:0 auto;padding:0 28px}.site-footer p{margin:0 0 8px}.site-footer .label{font-weight:700;color:var(--muted);letter-spacing:.04em}