:root{--fg:#1f1f1f;--muted:#5a5a5a;--line:#d6d6d6;--accent:#c0392b;--bg:#f6f6f4}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:Noto Sans JP,sans-serif;line-height:1.6}main{max-width:1280px;margin:0 auto;padding:16px}h1{margin:.5rem 0;font-size:1.5rem}.site-name{margin:0;font-weight:700}.unofficial{margin:0;font-size:.9rem}.privacy{color:var(--muted);font-size:.9rem}.tool{flex-direction:column;gap:12px;scroll-margin-top:8px;display:flex}.steps{gap:8px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.steps li{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:4px 12px}.steps li[aria-current]{border-color:var(--fg);background:var(--fg);color:#fff;font-weight:700}.input-step,.confirm-step{flex-direction:column;gap:12px;display:flex}.tool h2{margin:0;font-size:1.2rem}.tool h2:focus{outline:none}.step-actions{z-index:1;background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex;position:sticky}.step-actions.top{top:0}.step-actions.bottom{border-top:1px solid var(--line);bottom:0}.step-actions .primary{margin-left:auto}.step-actions p{flex-basis:100%;margin:0;font-size:.85rem}.modes{flex-wrap:wrap;gap:8px;display:flex}.modes label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:6px 10px}.modes label.on{border-color:var(--fg);font-weight:700}.note{color:var(--muted);margin:0;font-size:.85rem}.note.dev{color:#8a5a00}.entry{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;scroll-margin-top:8px}.entry.invalid{border-color:var(--accent)}.entry header{align-items:center;gap:8px;display:flex}.entry h3{flex:1;margin:0;font-size:1rem}.parties{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (max-width:760px){.parties{grid-template-columns:1fr}}fieldset{border:1px solid var(--line);border-radius:6px;margin:8px 0;padding:8px}.field{flex-direction:column;flex:1;margin:4px 0;font-size:.85rem;display:flex}.field input,.field select{font:inherit;border:1px solid #bbb;border-radius:4px;padding:6px 8px;font-size:1rem}.row{gap:8px;display:flex}.honorific{flex:0 0 90px}.issues{margin:8px 0 0;padding-left:1.2em;font-size:.85rem}.issues .warn{color:#8a5a00}.error{color:var(--accent)}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #999;border-radius:6px;padding:6px 12px}button.primary{background:var(--fg);color:#fff;padding:10px 16px;font-weight:700}button.link{color:#1a56a8;background:0 0;border:none;padding:0;text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}.preview{flex-direction:column;gap:16px;max-width:960px;display:flex}.page{background:#fff;box-shadow:0 1px 4px #00000026}.page-caption{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:8px 12px;font-size:.9rem;display:flex}.page-no{color:var(--muted)}.entry-caption{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.entry-caption .issues{flex-basis:100%;margin:0}.page .sheet{width:100%;height:auto;display:block}.site-footer{color:var(--muted);margin-top:32px;font-size:.9rem}@page{size:A4 landscape;margin:0}@media print{body{background:#fff}main{max-width:none;margin:0;padding:0}.no-print{display:none!important}.tool{display:block}.preview{max-width:none;display:block}.page{box-shadow:none;break-after:page;page-break-after:always}.page:last-child{break-after:auto;page-break-after:auto}.page .sheet{width:297mm;height:210mm}}