:root{color-scheme:light;--paper:#f8f7f2;--ink:#262923;--muted:#64675e;--line:#d9dbd0;--gold:#9e7b42}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.85 'Be Vietnam Pro',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Noto Serif',serif;font-weight:400;line-height:1.5;letter-spacing:-.025em;white-space:pre-line}h1{font-size:clamp(38px,5.5vw,65px)}h2{font-size:30px;margin-bottom:23px}h3{font-size:20px;margin-bottom:14px}p+p{margin-top:17px}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink);min-height:44px;padding:8px 15px}button[aria-pressed=true],#print{background:var(--ink);color:var(--paper)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.toolbar{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 32px;border-bottom:1px solid var(--line)}.toolbar>a{font:400 39px/1 'Noto Serif',serif;text-decoration:none;letter-spacing:-.07em}.tools{display:flex;gap:10px;align-items:center;font-size:12px}main{width:calc(100% - 64px);max-width:1020px;margin:auto}.cover{padding:65px 0}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--gold);margin-bottom:25px}.subtitle{font-size:20px;margin-top:20px}.status{font-size:12px;border-left:2px solid var(--gold);padding:12px 20px;background:#eeece4;margin-block:25px;line-height:1.9}.cover>p:not(.eyebrow):not(.subtitle){max-width:85ch}.small{font-size:11px;color:var(--muted);line-height:1.8}section{padding:45px 0;border-top:1px solid var(--line)}.section-no{font:400 17px/1.5 'Noto Serif',serif;color:var(--gold);margin-bottom:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.three article{border-top:1px solid var(--line);padding-top:20px}.three p{font-size:13px;color:var(--muted)}.table-scroll{max-width:100%;overflow-x:auto;margin-block:25px}table{border-collapse:collapse;width:100%;min-width:640px;font-size:12px;line-height:1.8;text-align:left}th,td{padding:14px 16px;border:1px solid #c8cabe;vertical-align:top}th{font-weight:500}thead th{background:#eeece4}table+p{margin-top:25px}ol{padding-left:23px;margin:0 0 25px}li{padding-left:6px;margin-bottom:17px}.record-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.record-field h3{font-family:inherit;font-size:12px;line-height:1.7;font-weight:400}.blank{height:52px;border-bottom:1px dotted #8e9385}.matrix caption{text-align:left;font-size:14px;margin-bottom:12px}.matrix th{width:40%}.matrix td{width:20%;height:88px}footer{padding:35px 32px;max-width:1084px;margin:auto;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}html[lang=ja] body{font-family:'Yu Gothic','Meiryo',sans-serif}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{font-family:'Yu Mincho','MS PMincho',serif;letter-spacing:.015em}
@media(max-width:640px){.toolbar{padding:18px 20px;align-items:flex-start}.toolbar>a{font-size:33px}.tools{gap:6px;flex-wrap:wrap;justify-content:flex-end;font-size:10px;max-width:230px}.tools button{padding:8px 11px}main{width:calc(100% - 40px)}.cover{padding:42px 0}.eyebrow{font-size:8px}.subtitle{font-size:17px}h1{font-size:37px}h2{font-size:27px}body{font-size:13px}section{padding:34px 0}.three,.record-fields{grid-template-columns:1fr;gap:22px}.status{padding:12px 15px}.three p{font-size:13px}footer{padding:28px 20px}}
@media print{@page{size:A4;margin:16mm}body{background:white;font-size:10pt;line-height:1.65}.toolbar,.no-print{display:none}main{width:100%;max-width:none}.cover{padding:0 0 12mm}.cover h1{font-size:30pt}.subtitle{font-size:15pt}.eyebrow{font-size:8pt}section{padding:9mm 0}.section-no{font-size:12pt}h2{font-size:21pt;break-after:avoid}h3{font-size:13pt;break-after:avoid}p,li{orphans:3;widows:3}.three{gap:7mm}.three article,.record-field,.status,tr{break-inside:avoid}table{font-size:8pt;min-width:0}.table-scroll{overflow:visible;margin:7mm 0}th,td{padding:3mm}.matrix td{height:23mm}.small,.status{font-size:8pt}.record-fields{gap:6mm}.blank{height:12mm}.matrix caption{font-size:10pt}footer{padding:7mm 0;font-size:8pt}a{overflow-wrap:anywhere}}
/* Keep all three sample columns equal, including in a printed recording sheet. */
.matrix{table-layout:fixed}.matrix thead th:first-child,.matrix tbody th{width:40%}.matrix thead th:not(:first-child){width:20%}
@media print{.record-sheet{break-before:page;break-after:page;padding-top:0;border-top:0}.record-sheet .section-no{margin-bottom:3mm}.record-sheet h2{margin-bottom:3mm}.record-sheet .record-fields{gap:4mm;margin-top:5mm}.record-sheet .record-field h3{margin-bottom:2mm;font-size:8pt}.record-sheet .blank{height:8mm}.record-sheet .matrix td{height:18mm}.record-sheet .table-scroll{margin:5mm 0}.record-sheet .matrix th,.record-sheet .matrix td{padding:2mm}section>p:has(+p.small){break-after:avoid}}
@media print{body{line-height:1.55}.cover{padding-bottom:8mm}section{padding-block:6mm}.section-no{break-after:avoid;margin-bottom:3mm}h2{margin-bottom:4mm}.three{margin-block:5mm}.table-scroll{margin-block:5mm}li{margin-bottom:10px}.record-sheet{padding-top:0}}