body.resource-page{background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif;margin:0}.resource-header{display:flex;align-items:center;gap:30px;padding:16px max(20px,calc((100% - 1200px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.resource-header .brand{color:var(--text)}.resource-header>div{margin-left:auto;display:flex;align-items:center;gap:12px}.resource-header a{font-size:14px}.resource-header .brand strong{font-size:24px;white-space:nowrap;letter-spacing:-.5px}.resource-header .brand em{color:var(--blue2);font-style:normal}.resource-header .brand img{object-fit:contain}.resource-nav{display:flex;gap:25px;overflow-x:auto;padding:12px max(20px,calc((100% - 1200px)/2));white-space:nowrap;background:var(--surface-soft);border-bottom:1px solid var(--line)}.resource-nav a{font-size:13px;color:var(--muted)}.resource-nav a[aria-current=page]{color:var(--blue2);text-decoration:underline;text-underline-offset:7px}.resource-page main{max-width:1240px;margin:auto;padding:35px 20px 60px}.resource-page a{color:var(--blue2)}.resource-page .btn-primary{color:#fff}.resource-page .btn-secondary{color:var(--text)}.resource-page p,.resource-page small,.resource-page dt{color:var(--muted)}.resource-page h1{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-1px;margin:20px 0}.resource-page h2{font-size:22px;line-height:1.35}.resource-page h3{font-size:18px}.resource-page article,.resource-page main>section{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--theme-shadow);overflow-wrap:anywhere}.resource-page input,.resource-page select,.resource-page button:not(.theme-toggle){background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:7px;font:inherit;padding:10px;max-width:100%}.resource-page input[type=search]{width:min(280px,100%)}.resource-page .grid,.resource-page #results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.resource-page :is(.warning,.stale){color:var(--amber)}html[data-theme=light] .resource-page :is(.warning,.stale){color:#8b4b08}.resource-page article.warning{border-color:#a57736}.resource-page .links{display:flex;gap:14px;flex-wrap:wrap}.resource-page .resource-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:25px max(20px,calc((100% - 1200px)/2));border-top:1px solid var(--line);background:var(--surface);margin:0}.resource-intro{padding:15px 0 30px;max-width:720px}.resource-intro h1{font-size:clamp(40px,6vw,68px)}.resource-intro h1 span{color:var(--blue2)}.resource-intro>p{font-size:18px;max-width:620px}.collection-notice{padding:20px 24px;background:var(--surface-soft);border:1px solid var(--line);border-left:4px solid var(--blue2);border-radius:9px;margin:0 0 30px}.collection-notice p{margin:7px 0}.collection-notice small{font-size:12px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-tile{overflow:hidden;padding:0!important;display:flex;flex-direction:column}.resource-tile>img,.resource-card-art{width:100%;height:165px;object-fit:cover}.resource-card-art{display:grid;place-items:center;background:linear-gradient(135deg,#143d64,#207f9a);color:#d7efff;font-size:84px}.resource-tile>div:not(.resource-card-art){padding:23px;display:flex;flex-direction:column;flex:1}.resource-tile .eyebrow{font-size:10px;letter-spacing:.08em}.resource-tile h2{margin:10px 0 0}.resource-tile .btn{margin-top:auto;font-size:12px}.resource-tile p{font-size:14px}.resource-account{padding:28px;margin-top:30px}.resource-back{font-size:13px}.resource-page #summary,.resource-page #stamp{padding:14px 18px;border-radius:8px;background:var(--surface-soft)}.resource-account-link{margin:18px 0}.resource-account-link .btn{font-size:13px}.resource-page #radar[hidden]{display:none}
@media(max-width:950px){.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.resource-header{gap:10px;padding:12px}.resource-header>.brand strong{font-size:18px}.resource-header>.brand img{width:32px;height:38px}.resource-header>a:not(.brand){display:none}.resource-header>div{gap:8px}.resource-header .btn{padding:8px;font-size:12px}.resource-nav{gap:20px;padding:12px 16px}.resource-page main{padding:24px 16px 40px}.resource-page h1{font-size:32px}.resource-intro h1{font-size:44px}.resource-page .filters{gap:12px}.resource-page label{max-width:100%}}
