.resources-page{background:var(--bg-main);min-height:75vh;color:var(--text-main);padding:72px 24px 96px}.resources-hero,.resources-shell{width:min(1180px,100%);margin:0 auto}.resources-hero{padding:48px 0 38px}.resources-hero>span,.resource-type{color:var(--primary-container);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.resources-hero h1{font:700 clamp(2.4rem, 6vw, 4.5rem)/1 var(--font-space-grotesk);margin:8px 0 12px}.resources-hero p{max-width:680px;color:var(--text-secondary);font-size:1.05rem}.resources-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.resources-tabs{flex-wrap:wrap;gap:8px;display:flex}.resources-tabs button{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-main);cursor:pointer;padding:10px 16px}.resources-tabs button:hover,.resources-tabs button.is-active{border-color:var(--primary-container);background:var(--primary-container);color:var(--header-bg)}.resources-search{border:1px solid var(--border-color);background:var(--surface-color);align-items:center;gap:8px;min-width:260px;padding:10px 14px;display:flex}.resources-search input{width:100%;color:inherit;background:0 0;border:0;outline:0}.resources-grid{gap:14px;display:grid}.resource-card{border:1px solid var(--border-color);background:var(--surface-color);grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.resource-icon{background:color-mix(in srgb, var(--primary-container) 13%, transparent);width:56px;height:56px;color:var(--primary-container);place-items:center;display:grid}.resource-icon span{font-size:30px}.resource-copy h2{font:700 1.2rem/1.2 var(--font-space-grotesk);margin:4px 0 7px}.resource-copy p{color:var(--text-secondary);margin:0}.resource-meta{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.resource-meta span{background:var(--bg-main);color:var(--text-secondary);padding:4px 8px;font-size:.75rem}.resource-download{border:1px solid var(--primary-container);color:var(--primary-container);align-items:center;gap:9px;padding:11px 16px;font-weight:750;display:inline-flex}.resource-download:hover{background:var(--primary-container);color:var(--header-bg)}.resources-state{text-align:center;border:1px dashed var(--border-color);color:var(--text-secondary);padding:48px}.resources-state.is-error{color:#e35d6a}.resources-loading-heading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;margin:4px 0 18px;font-size:.9rem;display:flex}.resources-loading-spinner{border:2px solid color-mix(in srgb, var(--primary-container) 25%, transparent);border-top-color:var(--primary-container);border-radius:50%;width:17px;height:17px;animation:.9s linear infinite resources-spin}.resources-skeleton-grid{gap:14px;display:grid}.resource-skeleton{pointer-events:none;overflow:hidden}.resource-skeleton-icon{width:56px;height:56px}.resource-skeleton-copy{gap:9px;display:grid}.resource-skeleton-type{width:92px;height:9px}.resource-skeleton-title{width:min(320px,68%);height:18px}.resource-skeleton-line{width:min(620px,92%);height:10px}.resource-skeleton-line.is-short{width:min(410px,60%)}.resource-skeleton-action{width:112px;height:42px}.skeleton-shimmer{background:color-mix(in srgb, var(--text-secondary) 10%, var(--bg-main));position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary-container) 14%, transparent), transparent);animation:1.55s ease-in-out infinite resources-shimmer;position:absolute;inset:0;transform:translate(-110%)}@keyframes resources-spin{to{transform:rotate(360deg)}}@keyframes resources-shimmer{to{transform:translate(110%)}}@media (max-width:760px){.resources-page{padding-inline:16px}.resources-toolbar{flex-direction:column;align-items:stretch}.resources-search{min-width:0}.resource-card{grid-template-columns:48px 1fr;padding:18px}.resource-icon{width:46px;height:46px}.resource-download{grid-column:1/-1;justify-content:center}.resource-skeleton-icon{width:46px;height:46px}.resource-skeleton-action{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){.resources-loading-spinner,.skeleton-shimmer:after{animation:none}}