:root{--ink: #1f2328;--muted: #5b626b;--line: #d8dce1;--panel: #f4f5f7;--accent: #b8431c;--accent-dark: #8f3213;--danger: #b3261e;--link: #1f56b3}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:17px;line-height:1.8}a{color:var(--link)}.container{max-width:720px;margin:0 auto;padding:0 16px}.site-header{border-bottom:3px solid var(--accent);padding:10px 0 8px}.site-header .container{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.site-name{color:var(--ink);font-weight:700;font-size:19px;text-decoration:none}.site-tag{color:var(--muted);font-size:13px}main{padding:16px 0 48px}h1{font-size:25px;line-height:1.45;margin:8px 0 12px}h2{font-size:21px;line-height:1.5;margin:40px 0 12px;padding-left:10px;border-left:5px solid var(--accent)}h3{font-size:18px;line-height:1.5;margin:28px 0 8px}.lead{margin:0 0 16px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:4px}.page-dates{font-size:13px;color:var(--muted);margin:0 0 8px}.pr-note{font-size:13px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;margin:8px 0 12px}.answer{border:2px solid var(--accent);padding:12px 16px;margin:16px 0 24px}.answer-label{margin:0;font-size:13px;font-weight:700;color:var(--accent)}.answer-body{margin:4px 0 0}.btn{display:block;text-align:center;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;padding:14px 16px;border-radius:8px;margin:12px 0 4px}.btn:active{background:var(--accent-dark)}.danger-line{margin:0 0 8px;padding:6px 10px;border-left:4px solid var(--danger);color:var(--danger);font-size:15px;font-weight:700}.top-h1{font-size:22px;margin:12px 0 4px;color:var(--muted)}.flow{margin:8px 0 32px}.flow-head{margin-top:32px}.step{border:2px solid var(--ink);border-radius:12px;padding:20px 16px 12px}.step-result{border-color:var(--accent)}.step-text{font-size:24px;font-weight:700;line-height:1.45;margin:0 0 8px}.step-sub{margin:0 0 12px;color:var(--muted)}.step-alt{font-size:15px;color:var(--muted);margin:12px 0 0}.choices{display:grid;gap:10px;margin-top:16px}.choices button{font:inherit;font-size:19px;font-weight:700;text-align:left;padding:16px 18px;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}.choices button:active{border-color:var(--accent)}.step-nav{display:flex;gap:20px;margin:12px 0 0}.link-btn{font:inherit;font-size:15px;background:none;border:0;padding:4px 0;color:var(--link);text-decoration:underline;cursor:pointer}.btn-big{font-size:19px;padding:18px 16px}.btn-row{display:grid;gap:8px}.btn-row .btn{margin:0}.code-box input{font-size:28px;width:6em;padding:8px 12px;border:2px solid var(--line);border-radius:8px}.code-hit{font-size:19px;font-weight:700;margin:12px 0 0}.code-result p{margin:8px 0 0}.code-meaning{font-size:20px;font-weight:700;margin:0 0 12px}.todo{border:2px solid var(--accent);border-radius:12px;padding:12px 16px}.todo-now{border-color:var(--danger)}.todo-head{font-weight:700;margin:0}.todo-now .todo-head{color:var(--danger)}.todo ol{margin:8px 0 0;padding-left:1.4em;font-size:18px}.todo li{margin-bottom:8px}.note{font-size:15px;color:var(--muted)}article p,article li{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:15px;margin:12px 0}th,td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}th{background:var(--panel)}.table-wrap{overflow-x:auto}.toc{border:1px solid var(--line);padding:8px 16px;margin:16px 0}.toc-title{font-weight:700;margin:0}.toc ol{margin:4px 0;padding-left:1.4em}.sources{font-size:13px;color:var(--muted)}.read-list{list-style:none;padding:0;margin:0}.read-list li{border-bottom:1px solid var(--line)}.read-list a{display:block;padding:10px 0;text-decoration:none}.read-title{display:block;font-weight:700}.read-desc{display:block;font-size:14px;color:var(--muted)}.code-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.code-list a{display:flex;gap:12px;align-items:baseline;border:1.5px solid var(--line);border-radius:8px;padding:10px 14px;text-decoration:none;color:var(--ink)}.code-num{font-size:22px;font-weight:700;color:var(--accent);min-width:3.2em}.need-now{color:var(--danger);font-weight:700}.static-page h2{font-size:19px}.site-footer{border-top:1px solid var(--line);padding:16px 0 32px;font-size:14px;color:var(--muted)}.site-footer ul{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px 16px}
