.resource-card{--rc-grad-soft: color-mix(in oklab, var(--bg) 75%, var(--text) 25%);--rc-grad-strong-1: var(--color-accent-teal);--rc-grad-strong-2: var(--color-primary);--rc-grad-noise: color-mix(in oklab, var(--text) 16%, transparent);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);box-shadow:0 1px 2px color-mix(in oklab,var(--text) 6%,transparent);overflow:clip;transition:transform var(--duration-med, .18s) var(--ease-standard, ease),border-color var(--duration-med, .18s) var(--ease-standard, ease),box-shadow var(--duration-med, .18s) var(--ease-standard, ease);display:flex;flex-direction:column}.resource-card[data-category=Blog]{--rc-grad-strong-1: color-mix(in oklab, var(--color-accent-teal) 70%, transparent);--rc-grad-strong-2: color-mix(in oklab, var(--color-primary) 40%, transparent)}.resource-card[data-category=Lessons]{--rc-grad-strong-1: color-mix(in oklab, var(--color-accent-yellow) 70%, transparent);--rc-grad-strong-2: color-mix(in oklab, var(--color-primary) 35%, transparent)}.resource-card[data-category=Guides]{--rc-grad-strong-1: color-mix(in oklab, var(--color-accent-teal) 60%, transparent);--rc-grad-strong-2: color-mix(in oklab, var(--color-accent-yellow) 40%, transparent)}.resource-card[data-category=Press]{--rc-grad-strong-1: color-mix(in oklab, var(--color-alert) 64%, transparent);--rc-grad-strong-2: color-mix(in oklab, var(--color-accent-teal) 42%, transparent)}.resource-card[data-category=External]{--rc-grad-strong-1: color-mix(in oklab, var(--color-accent-yellow) 55%, transparent);--rc-grad-strong-2: color-mix(in oklab, var(--color-accent-teal) 45%, transparent)}html[data-theme=dark] .resource-card{--rc-grad-soft: color-mix(in oklab, var(--surface) 70%, #000000 30%);--rc-grad-noise: color-mix(in oklab, #000000 55%, transparent)}.resource-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--text) 20%,var(--bg) 80%);box-shadow:0 4px 14px color-mix(in oklab,var(--text) 12%,transparent)}.rc-link{display:grid;text-decoration:none;color:inherit;grid-template-rows:auto 1fr;height:100%}.rc-media{position:relative;aspect-ratio:16 / 9;background:var(--rc-grad-soft);display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,1.5vw,1.25rem);overflow:hidden}.rc-media:before{content:"";position:absolute;inset:-8%;border-radius:inherit;background:radial-gradient(120% 180% at 0% 0%,var(--rc-grad-strong-1) 0%,transparent 55%),radial-gradient(140% 220% at 100% 100%,var(--rc-grad-strong-2) 0%,transparent 60%),radial-gradient(220% 260% at 50% 10%,color-mix(in oklab,var(--rc-grad-noise) 24%,transparent) 0,transparent 70%);opacity:.85;transform:translate3d(-3%,-2%,0) scale(1.05);transform-origin:center;pointer-events:none;z-index:0;animation:rc-orbit 24s ease-in-out infinite alternate}html[data-theme=dark] .rc-media:before{opacity:1}.rc-img{position:relative;z-index:1;width:100%;height:100%;background-image:var(--rc-cover, none);background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)) drop-shadow(0 8px 24px rgba(0,0,0,.18))}.rc-body{padding:var(--space-lg);display:grid;gap:var(--space-sm)}.rc-meta{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.pill{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 96%,transparent);color:var(--text);padding:2px 8px;border-radius:999px;line-height:1.2;font-size:var(--font-size-sm, .9375rem)}.rc-date{color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem)}.rc-title{margin:0;font-weight:var(--weight-semibold, 600);line-height:1.2;font-size:clamp(1.0625rem,2vw,1.25rem);color:var(--text)}.rc-summary{margin:0;color:var(--text-secondary);line-height:1.55}.resource-card :focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px;border-radius:calc(var(--radius-sm, 8px) - 2px)}@keyframes rc-orbit{0%{transform:translate3d(-3%,-2%,0) scale(1.05)}50%{transform:translate3d(3%,2%,0) scale(1.07)}to{transform:translate3d(-1%,1%,0) scale(1.03)}}@media (prefers-reduced-motion: reduce){.resource-card{transition:none}.rc-media:before{animation:none;transform:none}}.resources-page{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(var(--space-xl),7vw,var(--space-2xl))}.resources-page:before,.resources-page:after{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0}.resources-page:before{height:56%;filter:blur(42px);opacity:.35;transform:rotate(-6deg);background:radial-gradient(60% 140% at 12% 28%,color-mix(in oklab,var(--color-accent-teal) 20%,transparent),transparent 70%),radial-gradient(44% 100% at 78% 24%,color-mix(in oklab,var(--color-primary) 16%,transparent),transparent 80%)}.resources-page:after{inset:auto -20% -30%;height:62%;filter:blur(42px);opacity:.3;transform:rotate(10deg);background:radial-gradient(60% 120% at 78% 70%,color-mix(in oklab,var(--text) 8%,transparent),transparent 70%),radial-gradient(40% 100% at 18% 80%,color-mix(in oklab,var(--bg) 18%,transparent),transparent 80%)}.resources-page .container{position:relative;z-index:1}.resources-hero{margin-bottom:clamp(var(--space-xl),6vw,var(--space-2xl))}.resources-shell{background:color-mix(in oklab,var(--surface) 94%,transparent);color:var(--text);border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));border-radius:var(--radius-3, 18px);box-shadow:0 1px 3px color-mix(in oklab,var(--text) 5%,transparent),0 32px 100px -52px color-mix(in oklab,var(--text) 20%,transparent);padding:clamp(var(--space-xl),5.6vw,var(--space-2xl));display:grid;gap:clamp(var(--space-lg),3vw,var(--space-2xl));backdrop-filter:saturate(1.05) blur(2px);overflow:hidden}.resources-head{text-align:center;display:grid;gap:var(--space-sm);max-width:64rem;margin-inline:auto}.resources-title{margin:0;color:var(--text);font-weight:var(--weight-extrabold, 800);letter-spacing:-.02em;line-height:1.04;font-size:clamp(2.1rem,4.6vw,2.8rem)}.resources-sub{margin:0;margin-inline:auto;color:var(--text-secondary);font-size:var(--font-size-md, 1rem);line-height:1.65;max-width:70ch}.resources-banner{position:relative;width:min(960px,100%);margin:clamp(var(--space-lg),3.4vw,var(--space-xl)) auto 0}.resources-banner img{display:block;width:100%;height:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 24px 50px color-mix(in oklab,var(--text) 18%,transparent));transform:translateY(0);transition:transform .22s var(--ease-standard, ease),filter .22s var(--ease-standard, ease)}.resources-banner:hover img,.resources-banner:focus-within img{transform:translateY(-2px);filter:drop-shadow(0 30px 70px color-mix(in oklab,var(--text) 22%,transparent))}.resources-filter{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.resources-filter .filter-btn{position:relative;min-height:44px;padding-inline:clamp(var(--space-md),2.6vw,var(--space-lg));border-radius:var(--radius-pill, 999px);border:1px solid color-mix(in oklab,var(--border) 90%,var(--text) 10%);background:color-mix(in oklab,var(--bg) 94%,transparent);color:var(--text);font-weight:var(--weight-medium, 600);cursor:pointer;text-decoration:none;box-shadow:0 6px 18px -12px color-mix(in oklab,var(--text) 16%,transparent);transition:transform var(--duration-med, .18s) var(--ease-standard, ease),box-shadow var(--duration-med, .18s) var(--ease-standard, ease),border-color var(--duration-med, .18s) var(--ease-standard, ease),background-color var(--duration-med, .18s) var(--ease-standard, ease),color var(--duration-med, .18s) var(--ease-standard, ease)}.resources-filter .filter-btn:hover,.resources-filter .filter-btn:focus-visible{transform:translateY(-1px);border-color:color-mix(in oklab,var(--text) 20%,var(--bg) 80%);box-shadow:0 12px 24px -16px color-mix(in oklab,var(--text) 22%,transparent);outline:none}.resources-filter .filter-btn.active{border-color:color-mix(in oklab,var(--color-primary) 40%,var(--color-accent-teal) 30%);background:linear-gradient(120deg,color-mix(in oklab,var(--color-primary) 80%,transparent),color-mix(in oklab,var(--color-accent-teal) 70%,transparent));color:#fff;box-shadow:0 0 0 1px color-mix(in oklab,#ffffff 24%,transparent),0 20px 50px -24px color-mix(in oklab,var(--color-primary) 85%,transparent)}.resources-body{margin-top:clamp(var(--space-lg),4vw,var(--space-xl))}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}@media (max-width: 900px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.resource-grid{grid-template-columns:1fr}}.show-more-row{display:flex;justify-content:center;margin-top:var(--space-xl)}.show-more-row .btn{min-height:44px}.resource-card{box-shadow:0 1px 2px color-mix(in oklab,var(--text) 6%,transparent)}html[data-theme=dark] .resources-filter .filter-btn{border-color:color-mix(in oklab,var(--text) 28%,transparent);background:color-mix(in oklab,var(--surface) 92%,transparent)}html[data-theme=dark] .resources-filter .filter-btn:hover,html[data-theme=dark] .resources-filter .filter-btn:focus-visible{border-color:color-mix(in oklab,var(--text) 38%,transparent)}.resources-page :focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px;border-radius:10px}@media (max-width: 880px){.resources-shell{padding:clamp(var(--space-lg),6vw,var(--space-xl))}.resources-filter{justify-content:flex-start;row-gap:var(--space-xs)}.resources-filter .filter-btn{flex:0 0 auto}}@media (prefers-reduced-motion: reduce){.resources-page:before,.resources-page:after{filter:none}.resources-banner img,.resources-filter .filter-btn{transition:none}}