.resource-hero{align-items:end;background:radial-gradient(circle at 74% 12%,rgba(62,130,169,.2),transparent 30rem),linear-gradient(180deg,#f7fbff,#eef4f8);display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr) minmax(17rem,.32fr);padding:clamp(4.8rem,8vw,7rem) clamp(1.25rem,5vw,5rem)}.resource-hero h1,.resource-panel h2,.resource-related h2{color:#10141d;font-size:clamp(2.55rem,5.8vw,5.7rem);font-weight:950;letter-spacing:0;line-height:1;margin:.9rem 0 0;text-wrap:balance}.resource-hero .brand-seal{margin-top:.95rem}.resource-hero p{color:#64748b;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.85;max-width:54rem}.resource-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.3rem}.resource-actions a{align-items:center;border-radius:999px;display:inline-flex;font-weight:950;justify-content:center;min-height:3rem;padding:.85rem 1.2rem;text-decoration:none}.resource-actions a:first-child{background:#fff;border:1px solid #dbe5ee;color:#10141d}.resource-actions a:last-child{background:#10141d;color:#fff}.resource-hero aside{background:#05070b;border-radius:1.15rem;color:#fff;padding:1.25rem}.resource-hero aside span,.resource-hero aside small{color:#8fb3c8;display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resource-hero aside strong{display:block;font-size:2rem;font-weight:950;margin:.55rem 0 1rem}.resource-body{background:#fff;padding:clamp(3.8rem,7vw,7rem) 1.25rem}.resource-grid,.resource-related{margin-left:auto;margin-right:auto;max-width:1240px}.resource-grid{display:grid;gap:1rem;grid-template-columns:1.2fr 1fr .86fr .86fr}.resource-panel{background:#f8fafc;border:1px solid #dce5f1;border-radius:1.1rem;min-height:20rem;padding:1.35rem}.resource-panel--lead{background:radial-gradient(circle at 100% 0%,rgba(62,130,169,.12),transparent 12rem),#f8fafc}.resource-panel--summary{background:#10141d;border-color:#8fb3c83d;color:#fff}.resource-panel h2{font-size:clamp(2rem,3.8vw,3.8rem)}.resource-panel h3{color:#10141d;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:950;line-height:1.18;margin:0}.resource-panel p,.resource-panel li{color:#64748b;line-height:1.78}.resource-panel.resource-panel--summary h3{color:#fff}.resource-panel.resource-panel--summary p{color:#e2e8f0b8}.resource-panel ul{display:grid;gap:.65rem;margin:1rem 0 0;padding-left:1.15rem}.resource-link-list{display:grid;gap:.55rem;margin-top:1rem}.resource-link-list a{background:#fff;border:1px solid #dbe5ee;border-radius:.75rem;color:#10141d;font-weight:900;padding:.8rem .9rem;text-decoration:none}.resource-highlight-strip{display:grid;gap:.85rem;grid-template-columns:repeat(5,minmax(0,1fr));margin:1rem auto 0;max-width:1240px}.resource-highlight-strip article{background:#fff;border:1px solid #dce5f1;border-radius:1rem;min-height:12rem;padding:1rem}.resource-highlight-strip span{color:#3e82a9;display:block;font-family:var(--font-mono);font-size:.74rem;font-weight:950;letter-spacing:.1em;margin-bottom:.65rem}.resource-highlight-strip p{color:#475569;line-height:1.68;margin:0}.resource-related{background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#05070b;background-size:76px 76px,76px 76px,auto;color:#fff;max-width:none;padding:clamp(3.8rem,7vw,7rem) max(1.25rem,calc((100vw - 1240px)/2))}.resource-related h2{color:#fff}.resource-related__grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.8rem}.resource-related__grid a{background:#ffffff14;border:1px solid rgba(255,255,255,.13);border-radius:1rem;color:#fff;min-height:12rem;padding:1rem;text-decoration:none}.resource-related__grid span{color:#8fb3c8;display:block;font-family:var(--font-mono);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.resource-related__grid strong{display:block;font-size:1.15rem;font-weight:950;line-height:1.35;margin-top:.55rem}.resource-related__grid p{color:#e2e8f09e;line-height:1.6}@media(max-width:980px){.resource-hero,.resource-grid,.resource-related__grid,.resource-highlight-strip{grid-template-columns:1fr}}@media(max-width:720px){.resource-hero h1,.resource-panel h2,.resource-related h2{font-size:clamp(2.1rem,11vw,3rem)}}
