:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#172b47;background:#f5f7fb;font-synthesis:none;line-height:1.8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #1670e8;outline-offset:5px}header,main,footer{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:2}.skip:focus{top:10px}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid #d5deeb}nav{display:flex;gap:26px;font-size:.875rem}nav a:hover{text-decoration:underline}.brand{font-weight:800;letter-spacing:.1em;font-size:1rem}.brand span{color:#2465ce}
.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:56px;align-items:center;padding:56px 0}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:700;color:#3362a6;margin:0 0 14px}.audience{font-size:.875rem;margin:0 0 14px;color:#445b79}h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.5;letter-spacing:-.025em;margin:0 0 20px;font-weight:800}h1 span{color:#235fc4}.lead{font-size:1rem;color:#475b75;line-height:1.9;margin:0 0 20px}.hero-note{font-size:.875rem;color:#475b75;margin:0}
.guide{background:#e9eff9;border:1px solid #d2ddf0;border-radius:16px;padding:24px 28px}.guide .eyebrow{margin:0}.guide a{display:block;padding:15px 0;border-bottom:1px solid #c9d6eb}.guide a:last-child{border:0;padding-bottom:0}.guide a:hover strong{text-decoration:underline}.guide span{display:block;font-size:.75rem;color:#486286}.guide strong{font-size:1rem;font-weight:650}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 24px;gap:20px}.section-heading .eyebrow{margin:0 0 6px}.section-heading h2{font-size:1.5rem;line-height:1.5;margin:0}.section-heading>span{font-size:.875rem;color:#4d617d;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;min-width:0;padding:26px;background:white;border:1px solid #d5deeb;border-radius:16px;box-shadow:0 5px 18px #142e5010}.card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.number{font-size:.875rem;color:#4a6382;font-weight:650}.tag{background:#edf2f9;color:#425a7b;border-radius:4px;padding:3px 8px;font-size:.75rem}.card h4{font-size:1.5rem;line-height:1.5;margin:24px 0 12px}.card p{font-size:1rem;color:#485c76;margin:0}.card ul{padding-left:20px;font-size:.875rem;color:#485c76;line-height:1.9;margin:20px 0 24px}.card> a{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dce4ef;padding-top:18px;margin-top:auto;font-size:.875rem;font-weight:700;color:#205bb4;min-height:44px}.card a:hover{text-decoration:underline}.card li a{text-decoration:underline;text-underline-offset:3px}
.notice{border-top:1px solid #cdd8e8;margin:48px 0 40px;padding-top:28px;max-width:980px}.notice h2{font-size:1.125rem;margin:0 0 12px}.notice p{font-size:.875rem;color:#485c76;margin:10px 0}.notice .small{font-size:.875rem}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;border-top:1px solid #d5deeb;font-size:.875rem;color:#4a6382}
@media(max-width:1000px){.hero{gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header,main,footer{width:calc(100% - 32px)}header{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:20px 0}nav{gap:20px}.hero{grid-template-columns:1fr;padding:32px 0;gap:24px}.guide{padding:20px 24px}.cards{grid-template-columns:1fr}.card{padding:24px}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.25rem}.section-heading>span{white-space:normal}.card h4{margin-top:18px}footer{align-items:flex-start;flex-direction:column;gap:8px}h1{font-size:clamp(1.75rem,6.7vw,2.6rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.category-nav a{display:flex;align-items:center;min-height:44px;padding:10px 16px;background:white;border:1px solid #c4d3e7;border-radius:10px;color:#205bb4;font-size:1rem;font-weight:650}.category-nav a:hover{background:#e9eff9}.tool-category{margin:0 0 36px;scroll-margin-top:24px}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d5deeb;padding-bottom:10px}.category-heading h3{font-size:1.4rem;line-height:1.5;margin:0}.category-heading>span{white-space:nowrap;font-size:.875rem;color:#4d617d}.category-intro{margin:12px 0 20px;color:#475b75;font-size:1rem}.card p{margin-bottom:18px}.card h4{font-size:1.25rem;margin-top:16px}.hero{padding:36px 0;gap:32px}h1{font-size:clamp(1.8rem,3vw,2.5rem)}.card-top{min-height:24px}.tag{font-size:.8125rem}@media(max-width:700px){.category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.category-nav a{padding:10px;font-size:.875rem}.category-heading h3{font-size:1.2rem}.hero{padding:28px 0}.guide{padding:16px 20px}}