.resource-directory{margin-bottom:40px;min-width:0}
#guideContent .resource-heading h2{margin:0 0 12px;font-size:clamp(25px,4vw,34px)}
#guideContent .resource-heading>p:last-child{max-width:760px;color:#486276}
.resource-controls{padding:22px;background:#eaf4fc;border:1px solid #bfd7e8;border-radius:16px;margin:20px 0}
.resource-controls label{display:block;font-weight:700;margin:0 0 8px;color:#163c56}
#resourceSearch{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid #789eb8;background:#fff;color:#14354e;border-radius:9px;font:inherit}
.resource-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}
.resource-filters button,#resourceReset{font:inherit;line-height:1.4;min-height:44px;border:1px solid #a8c4d9;border-radius:8px;background:white;color:#164768;padding:9px 15px;cursor:pointer;white-space:normal}
.resource-filters button[aria-pressed="true"]{background:#153e5a;border-color:#153e5a;color:white;box-shadow:inset 0 -3px #ffdc40}
.resource-status{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}
#guideContent #resourceCount{margin:0;font-size:15px;color:#486276}
#resourceReset{font-size:14px;text-decoration:underline;padding:8px;background:transparent;border-color:transparent}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resource-card{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid #c4d9e8;border-radius:16px;background:#fff;box-shadow:0 3px 10px #163d5810}
#guideContent .resource-kind{margin:0 0 10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#486276}
#guideContent .resource-card h3{margin:0 0 12px;font-size:22px;line-height:1.3}
#guideContent .resource-card h3 a{text-decoration:none;color:#153e5a}
#guideContent .resource-card h3 a:hover{text-decoration:underline}
#guideContent .resource-description{font-size:16px;margin:0 0 20px}
#guideContent .resource-action{margin-top:auto;min-height:44px;display:flex;gap:8px;align-items:center;font-weight:700;font-size:16px}
.resource-language-note,.resource-empty{background:#fff9df;border:1px solid #ddca7b;border-radius:12px;padding:18px}
.resource-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.resource-directory [hidden]{display:none!important}
.resource-directory :focus-visible,.guide-outline :focus-visible{outline:3px solid #075eaa;outline-offset:4px}
.guide-outline{border:1px solid #bdd5e6;background:#eef6fb;border-radius:12px;margin:0 0 28px;padding:16px 20px}
.guide-outline summary{min-height:44px;font-weight:750;color:#153e5a;cursor:pointer;padding:8px 0;line-height:1.5}
.guide-outline summary span{font-weight:400;color:#486276}
.guide-outline a{display:inline-block;padding:6px 0;line-height:1.5}
.guide-outline ol{margin:12px 0 0}
#guideContent h2[id],#guideOutline{scroll-margin-top:110px}
.guide-back-contents{margin-top:28px!important;border-top:1px solid #c4d9e8;padding-top:20px}
.guide-back-contents a{display:inline-block;min-height:44px;padding:8px 0}
@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.resource-card{padding:20px}.resource-controls{padding:16px}.resource-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.resource-filters button{padding:10px 7px}.guide-outline{padding:12px 16px}#guideContent .resource-card h3{font-size:21px}}