.resources{background-color:var(--color-surface-primary);min-height:100svh}.resources__header{padding-top:calc(var(--nav-height) + var(--space-9));padding-bottom:var(--space-7);padding-inline:var(--space-site-gutter);border-bottom:1px solid var(--color-border-default)}.resources__eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-label-gap);font-family:var(--font-family-mono)}.resources__title{font-size:var(--font-size-h1-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin-bottom:var(--space-element-gap)}.resources__subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:52ch}.resources__grid{gap:var(--space-component-gap);padding:var(--space-8) var(--space-site-gutter);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.resource-card{padding:var(--space-6);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);background:var(--color-surface-primary);color:inherit;transition:border-color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);flex-direction:column;text-decoration:none;display:flex}.resource-card:hover{border-color:var(--color-accent-default);background:var(--color-surface-secondary)}.resource-card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--border-radius-md)}.resource-card__type{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent-default);font-family:var(--font-family-mono);margin-bottom:var(--space-element-gap)}.resource-card__title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-label-gap);line-height:var(--line-height-body)}.resource-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-component-gap);flex:1}.resource-card__meta{justify-content:space-between;align-items:center;gap:var(--space-label-gap);padding-top:var(--space-element-gap);border-top:1px solid var(--color-border-default);margin-top:auto;display:flex}.resource-card__tags{gap:var(--space-inline-gap);flex-wrap:wrap;display:flex}.resource-card__tag{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary);background:var(--color-surface-secondary);padding:2px var(--space-inline-gap);border-radius:var(--border-radius-full);font-family:var(--font-family-mono);letter-spacing:var(--letter-spacing-label)}.resource-card__arrow{color:var(--color-accent-default);transition:transform var(--duration-interaction) var(--easing-default);flex-shrink:0}.resource-card:hover .resource-card__arrow{transform:translate(4px)}.resources__footer{padding:var(--space-8) var(--space-site-gutter);border-top:1px solid var(--color-border-default)}.resources__footer-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body)}@media (max-width:768px){.resources__header{padding-top:calc(var(--nav-height) + var(--space-6))}.resources__grid{padding-block:var(--space-6);grid-template-columns:1fr}}