/* Scoped editorial layout; the existing site owns appearance state and navigation. */
.university-resources{--resource-text:#172339;--resource-muted:#536078;--resource-panel:rgba(255,255,255,.8);--resource-border:rgba(71,85,105,.18);--resource-accent:#6540c4;color:var(--resource-text);padding:20px 0 60px}
html[data-theme="dark"] .university-resources{--resource-text:#f0f3fc;--resource-muted:#b2bdd1;--resource-panel:rgba(20,26,44,.78);--resource-border:rgba(165,177,216,.2);--resource-accent:#b9a2ff}
.resources-hero{text-align:center;max-width:880px;margin:28px auto 56px;position:relative}
.resources-hero:before{content:"";position:absolute;inset:-35px -25px;z-index:-1;background:radial-gradient(ellipse at 20% 30%,rgba(124,76,240,.15),transparent 60%),radial-gradient(ellipse at 90% 80%,rgba(0,188,212,.12),transparent 60%);pointer-events:none}
.resource-eyebrow,.resource-category{font-size:.76rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--resource-accent)}
.resources-hero h1{color:var(--resource-text);font-size:clamp(2.15rem,5vw,3.75rem);line-height:1.14;letter-spacing:-.035em;margin:16px 0 20px;font-weight:700}
.resources-hero h1 span{background:linear-gradient(110deg,#6636bf,#007b91);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme="dark"] .resources-hero h1 span{background-image:linear-gradient(110deg,#b997ff,#65e5ed)}
.resources-hero p{color:var(--resource-muted);font-size:1.12rem;line-height:1.7;max-width:670px;margin:0 auto 20px}
.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.resource-card{min-width:0;background:var(--resource-panel);border:1px solid var(--resource-border);border-radius:20px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.resource-card:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(92,60,172,.12)}
.resource-card-image{display:block;position:relative;color:white}
.resource-card-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.resource-card-image time{position:absolute;bottom:0;left:20px;transform:translateY(50%);padding:7px 12px;background:#6941ba;color:white;border-radius:8px;font-size:.78rem;font-weight:700}
.resource-card-copy{padding:30px 24px 24px}
.resource-card h2{font-size:1.25rem;line-height:1.4;margin:12px 0}
.university-resources a{color:var(--resource-accent);text-decoration:none}
.resource-card h2 a{color:var(--resource-text);font-weight:700}
.university-resources a:hover{text-decoration:underline;text-underline-offset:4px}
.resource-card p{color:var(--resource-muted);line-height:1.7;margin:0 0 22px;font-size:.95rem}
.resource-read{font-weight:700;display:inline-block;line-height:1.6}
.university-resources a:focus-visible{outline:3px solid var(--resource-accent);outline-offset:5px;border-radius:3px}
.resource-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;margin:12px 0 20px}
.resource-article-header{max-width:960px;margin-bottom:34px}
.resource-article-header h1{font-size:clamp(2rem,4.2vw,3.25rem)}
.resources-hero .resource-byline{font-size:.92rem}
.resource-hero-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin:0 0 48px}
.resource-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:52px;align-items:start}
.resource-article-body{font-size:1.08rem;line-height:1.85;min-width:0;overflow-wrap:anywhere;color:var(--resource-text)}
.resource-article-body p{margin:0 0 1.35em;color:inherit}
.resource-article-body h2,.resource-article-body h3,.resource-article-body h4{color:var(--resource-text);line-height:1.4;margin:2em 0 .9em;font-weight:700;letter-spacing:-.015em}
.resource-article-body h2{font-size:1.8rem}.resource-article-body h3{font-size:1.5rem}.resource-article-body h4{font-size:1.2rem}
.resource-article-body ul,.resource-article-body ol{padding-left:1.5em;margin:0 0 1.5em;list-style:revert}
.resource-article-body li{margin:.5em 0;display:list-item}
.resource-article-body figure{margin:30px 0}
.resource-article-body figure img{max-width:100%;height:auto;border-radius:12px;display:block}
.resource-callout,.resource-sidebar-panel{border:1px solid var(--resource-border);background:var(--resource-panel);border-radius:16px;padding:24px;margin:24px 0}
.resource-callout h3{margin:0 0 12px}.resource-callout p{margin:0}
.resource-sidebar-panel{margin-top:0}.resource-sidebar-panel h2{font-size:1.15rem;color:var(--resource-text);margin:0 0 18px}
.resource-sidebar-panel ul{list-style:none;padding:0;margin:0 0 22px}.resource-sidebar-panel li{padding:14px 0;border-bottom:1px solid var(--resource-border);line-height:1.5}
.resource-sidebar .lesson-product-promos{display:grid;gap:24px}.resource-sidebar .lesson-product-card{margin:0}
.resource-attribution{font-size:.83rem;line-height:1.6;border-top:1px solid var(--resource-border);color:var(--resource-muted);margin-top:40px;padding-top:22px}
.resource-related{margin-top:72px}.resource-related>h2{font-size:1.7rem;color:var(--resource-text);margin-bottom:28px}
.university-resource-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;margin:36px 0 0;border:1px solid rgba(120,98,180,.25);border-radius:18px;background:linear-gradient(120deg,rgba(117,74,200,.09),rgba(0,186,205,.05))}
.university-resource-entry h2{font-size:1.3rem;margin:0 0 8px}.university-resource-entry p{margin:0}
@media(max-width:991px){.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-reading-layout{grid-template-columns:1fr;gap:32px}.resource-sidebar .lesson-product-promos{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-hero{margin-bottom:36px}.resource-hero-image{margin-bottom:30px}}
@media(max-width:575px){.resources-grid{grid-template-columns:1fr;gap:24px}.resource-sidebar .lesson-product-promos{grid-template-columns:1fr}.resource-card-copy{padding:30px 20px 24px}.resource-article-body{font-size:1rem}.resource-hero-image{border-radius:15px}.university-resource-entry{flex-direction:column;align-items:flex-start;padding:22px}.resources-hero{margin-top:18px}.resource-related{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}.resource-card:hover{transform:none}}