.resource-page{background:#f3f6f7;color:#263238;min-height:60vh;padding:28px 0 64px;line-height:1.58}
.resource-wrap{max-width:1100px;margin:auto;padding:0 20px}.resource-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}.resource-topbar>a:first-child{font-weight:800;text-decoration:none;color:#123044}
.resource-hero{background:linear-gradient(135deg,#123044,#234c61);color:#fff;border-radius:18px;padding:46px 42px;margin-bottom:26px}.resource-eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:#ffd4c5;font-weight:700}.resource-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:.35rem 0 1rem;color:#fff}.resource-page h2{color:#123044;line-height:1.2}.resource-hero p{max-width:780px;font-size:1.08rem}.resource-meta{font-size:.9rem;color:#dbe7eb}
.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px}.resource-card,.resource-panel{background:#fff;border:1px solid #d7e0e4;border-radius:14px;padding:22px;box-shadow:0 6px 18px rgba(18,48,68,.06)}.resource-num{color:#b54b2a;font-weight:800;letter-spacing:.08em}
.resource-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.resource-button{display:inline-block;text-decoration:none;border-radius:999px;padding:9px 15px;font-weight:700;border:1px solid #123044;color:#123044}.resource-button.primary{background:#123044;color:#fff}.resource-button:focus-visible{outline:3px solid #f1b14d;outline-offset:3px}.resource-formats{font-size:.88rem;color:#596970;margin-top:12px}
.resource-notice{border-left:5px solid #b54b2a;background:#f9ece7;padding:16px 18px;margin:24px 0;border-radius:8px}.resource-footnote{margin-top:34px;font-size:.9rem;color:#53636c}.resource-footnote p{margin:.35rem 0}
html[lang="ja"] .resource-page{font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.72}html[lang="ja"] .resource-page h1{line-height:1.18}html[lang="ja"] .resource-page h2{line-height:1.35}
@media(max-width:700px){.resource-page{padding-top:20px}.resource-hero{padding:32px 24px}.resource-topbar{align-items:stretch}.resource-topbar .resource-button{width:100%;text-align:center}.resource-grid{grid-template-columns:1fr}}