*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f5f2;color:#18354d;font-size:16px;line-height:1.8}a{color:#246b66}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;background:#246b66;color:#fff}.guide-top{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1160px;margin:auto;padding:22px 24px}.guide-top a{text-decoration:none;font-weight:700}main{max-width:1120px;margin:auto;padding:0 24px 48px}h1,h2,h3{letter-spacing:-.035em;line-height:1.4}h2{font-size:28px}h3{font-size:19px;margin-top:28px}.guide-cover{background:#183d4b;color:#fff;border-radius:24px;padding:60px}.guide-cover>span,.guide-visual span,.guide-label span{font-size:12px;letter-spacing:.12em;font-weight:700}.guide-cover h1{font-size:clamp(34px,5vw,54px);margin:22px 0}.guide-cover em{font-style:normal;color:#c3dcd0}.guide-cover p{font-size:19px}.guide-cover small{display:block;margin-top:30px;color:#c3d1d5;font-size:12px}nav{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0}nav a{padding:8px 14px;border:1px solid #d9e3df;border-radius:7px;background:#fff;font-size:14px;text-decoration:none}article,section.guide-visual,section.guide-label{background:#fff;border:1px solid #dfe7e2;border-radius:18px;padding:36px;margin:0 0 24px;scroll-margin-top:20px}article>h2{padding-bottom:18px;border-bottom:1px solid #dfe7e2}li{margin:8px 0}dt{font-weight:700;margin-top:18px}dd{margin:4px 0 12px;color:#5b7080}table{width:100%;border-collapse:collapse}td,th{padding:10px;border:1px solid #dfe7e2;text-align:left}figure{margin:0}figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #dfe7e2}figcaption{font-size:12px;color:#5b7080;margin-top:10px}.guide-visual{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.guide-flow{padding-left:22px}.guide-label{display:grid;grid-template-columns:1.5fr 1fr;gap:36px}.guide-label figure{max-width:270px;margin:auto}footer{padding:20px 0;text-align:center;font-size:13px}:is(a,button):focus-visible{outline:3px solid #4b88ac;outline-offset:4px}@media(max-width:720px){main{padding:0 16px 28px}.guide-top{padding:16px}.guide-top a{font-size:13px}.guide-top button{font-size:13px}.guide-cover{padding:30px 24px}.guide-cover p{font-size:16px}article,section.guide-visual,section.guide-label{padding:24px}.guide-visual,.guide-label{grid-template-columns:1fr}h2{font-size:25px}}@media print{@page{size:A4;margin:16mm}html{scroll-behavior:auto}body{background:#fff;color:#111;font-size:10.5pt}.guide-top,nav,button{display:none!important}main{max-width:none;padding:0}.guide-cover{background:#fff;color:#111;padding:20px 0;border-radius:0;page-break-after:always}.guide-cover h1{font-size:30pt}.guide-cover em,.guide-cover small{color:#333}article,section.guide-visual,section.guide-label{padding:0;margin:0 0 24px;border:0;border-radius:0}.guide-visual,.guide-label{display:block}.guide-visual figure{max-width:160mm;margin:16px auto}.guide-label figure{max-width:65mm}h2,h3,dt{break-after:avoid}li,tr,figure{break-inside:avoid}article{break-before:page}a{color:#111;text-decoration:none}}