@layer tokens, base, layout, components, utilities;@layer tokens{:root{--color-primary:#1d4e89;--color-primary-light:#2a6cb5;--color-text:#1a1a2e;--color-text-muted:#555;--color-bg:#f8f8f8;--color-surface:#fff;--color-accent:#b8860b;--color-border:#ddd;--font-body:system-ui,sans-serif;--font-heading:Georgia,serif;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem,1rem + 2vw,2.25rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 2px 8px rgba(0,0,0,.12)}}@layer tokens{}@layer base{*,:after,:before{box-sizing:border-box;margin:0;padding:0}img{display:block;height:auto;max-width:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;padding:clamp(1rem,3vw,3rem)}}@layer base{a{color:var(--color-primary);&:hover{color:var(--color-primary-light)}}h1,h2{font-family:var(--font-heading);line-height:1.2}dt{font-weight:700;margin-top:var(--space-sm)}dd{color:var(--color-text-muted);margin-left:0}}@layer layout{.site-nav{margin-bottom:var(--space-lg)}.page-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem;margin-top:var(--space-xl);padding-top:var(--space-lg);text-align:center}}@layer layout{.page-header{margin-bottom:var(--space-lg);text-align:center;h1{font-size:var(--text-xl);margin-bottom:var(--space-sm)}p{color:var(--color-text-muted)}}main{margin-inline:auto;max-width:70rem}}@layer components{.cards{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));margin-bottom:var(--space-xl)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;.card-image{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;width:100%}.card-body{padding:var(--space-md)}h2{color:var(--color-primary);font-size:var(--text-lg);margin-bottom:var(--space-sm)}}.reflection{margin-inline:auto;margin-bottom:var(--space-xl);max-width:50rem;text-align:center;h2{color:var(--color-accent);font-size:var(--text-lg);margin-bottom:var(--space-sm)}}}@layer utilities{.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}}