*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f5f9;color:#252638;font:16px/1.85 "Segoe UI","Yu Gothic UI",Meiryo,sans-serif}a{color:#4c4faa;text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid #b07700;outline-offset:4px}header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e1e1eb;padding:14px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:#252638;text-decoration:none;font-weight:700}.brand img{object-fit:contain}.brand small{display:block;font-size:12px;font-weight:400}.button{display:inline-block;background:#5b5fc7;color:white;padding:9px 18px;border-radius:7px;text-decoration:none;font-weight:600;font-size:14px}.button:hover{background:#4549a5}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;max-width:1180px;margin:32px auto;padding:0 24px}nav{position:sticky;top:114px;align-self:start}nav strong{display:block;margin-bottom:12px}nav a{display:block;text-decoration:none;color:#55566a;padding:7px 10px;border-radius:5px;font-size:14px}nav a:hover{background:#e7e7f5;color:#3f4292}main{min-width:0}.intro{padding:22px 0 30px}h1{font-size:34px;line-height:1.4;margin:8px 0 18px;letter-spacing:.02em}h2{font-size:24px;line-height:1.5;margin:0 0 20px}h3{font-size:18px;margin:24px 0 8px}.eyebrow,.muted,.role{font-size:13px;color:#606176}.eyebrow{color:#5558b1;font-weight:bold}.role{display:inline-block;background:#efeff9;border-radius:4px;padding:2px 9px}section{background:#fff;border:1px solid #e0e1eb;border-radius:12px;padding:30px;margin-bottom:24px;scroll-margin-top:12px}p{margin:12px 0}ol{padding-left:24px}li{padding-left:5px;margin:13px 0}aside,.example{background:#f2f2fb;border-left:4px solid #7477cc;padding:16px 20px;border-radius:0 7px 7px 0;margin:22px 0}aside{font-size:15px}.example h3{margin-top:0}dt{font-weight:bold}dd{margin:0 0 14px}.url{overflow-wrap:anywhere;font-weight:600}.flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.flow li{background:#f4f4fa;padding:14px;border-radius:7px;margin:0}.flow strong,.flow span{display:block}.flow span{font-size:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px}caption{text-align:left;font-weight:bold;margin:12px 0}td,th{text-align:left;border:1px solid #dcdce8;padding:10px;vertical-align:top}th{background:#f5f5fb}tbody th{width:100px}details{border-bottom:1px solid #e1e1eb;padding:14px 0}summary{cursor:pointer;font-weight:600}details p{padding-left:18px}footer{display:flex;justify-content:space-between;gap:16px;color:#666;font-size:13px;padding:20px 0 40px}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:white;padding:8px}.skip:focus{top:8px}@media(max-width:760px){header{padding:12px 16px}.brand{font-size:13px;gap:8px}.brand img{width:28px;height:32px}header .button{font-size:12px;padding:8px 10px}.layout{display:block;margin:20px auto;padding:0 16px}nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#eaeaf5;border-radius:9px;padding:12px;gap:2px}nav strong{grid-column:1/-1;margin:0 10px 6px}nav a{font-size:13px;padding:7px}h1{font-size:28px}h2{font-size:21px}section{padding:22px 18px}aside,.example{padding:14px}.flow{grid-template-columns:1fr}footer{display:block}footer a{display:block}body{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,nav,.button,.skip{display:none}.layout{display:block;margin:0;padding:0}body{background:white;font-size:10pt}section{border:0;padding:0;margin:20px 0;break-inside:auto}h2,h3{break-after:avoid}a{color:inherit}.intro{padding:0}footer{font-size:9pt}}

.guide-screen{margin:26px 0 8px;background:#f8f8fc;border:1px solid #dcdce8;border-radius:9px;overflow:hidden}.guide-screen>a{display:block}.guide-screen img{display:block;width:100%;height:auto}.guide-screen figcaption{padding:12px 16px;font-size:14px;line-height:1.7}.guide-screen figcaption span{display:block;color:#6163aa;font-size:12px;margin-top:4px}.mobile-screen{max-width:340px;margin-left:auto;margin-right:auto}@media print{.guide-screen{break-inside:avoid;max-width:500px}.mobile-screen{max-width:210px}}