.page{max-width:1060px}.page p,.page li{font-size:18px;line-height:1.75}.page .meta,.page .source-use,.page figcaption,.page .table-help{font-size:16px;line-height:1.65}
.page .lead{font-size:21px;line-height:1.65}.page .contents{border-left:4px solid #655168}.page h1{max-width:23ch}.page h2,.page h3,.page [id]{scroll-margin-top:120px}
.page-quick{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.page-quick a,.record-download,.topic-entrance>a{display:inline-block;padding:11px 15px;border:1px solid #655168;border-radius:9px;background:#f1ecf3;color:#403245;font-weight:700;line-height:1.5}
.plan-flow{margin:28px 0;padding:22px;border:1px solid #ccc0d0;border-radius:14px;background:#f7f2f8}.plan-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:24px}.plan-flow h3{font-size:21px;margin:0 0 10px}.plan-flow p{margin:0}
.plan-table{overflow-x:auto;max-width:100%;margin:12px 0 24px;border:1px solid #ccc0d0;border-radius:9px}.plan-table:focus-visible{outline:3px solid #2767b1;outline-offset:4px}.plan-table table{border-collapse:collapse;min-width:660px;width:100%;margin:0}.plan-table caption{text-align:left;font-weight:700;padding:15px;background:#f1ecf3}.plan-table th,.plan-table td{padding:14px;text-align:left;vertical-align:top;font-size:17px;line-height:1.6;border:1px solid #d8ccdc}.plan-table th{background:#eae1ee}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.topic-grid .card,.topic-entrance{border:1px solid #ccc0d0;border-radius:14px;padding:22px;background:#faf6fb}.page .card p{font-size:18px;line-height:1.75}.card h3{margin:0 0 12px;font-size:23px}.topic-entrance{margin:28px 0}.page a{overflow-wrap:anywhere}.page .answer p{font-size:18px;line-height:1.75}
@media(max-width:600px){.page{padding:24px 18px}.page h1{font-size:34px;line-height:1.18;max-width:none}.page h2{font-size:27px;line-height:1.3}.page .lead{font-size:20px}.plan-flow ol,.topic-grid{grid-template-columns:1fr}.plan-flow{padding:20px}.plan-flow ol{gap:18px}.page-quick a{padding:10px 12px}.site-nav{justify-content:flex-start;flex-wrap:wrap}.header-inner{gap:12px;align-items:flex-start}.page .contents a{display:inline-block;padding:5px 0}.card{min-width:0}}
@media print{.page-quick,.record-download{display:none}.plan-table{overflow:visible}.plan-table table{min-width:0}.plan-flow ol{display:block}.plan-flow li{break-inside:avoid}}
/* Give wrapping breadcrumb and card links one continuous target. */
.page .breadcrumbs a{display:inline-block;max-width:100%;padding:5px 0}
.page .card h2 a,.page .card h3 a{display:block;max-width:100%}

/* Keep wrapped desktop contents links continuously clickable too. */
.page .contents a{display:inline-block;max-width:100%;padding:5px 0}