.reference-page{min-height:100vh;background:var(--color-page-tool)}.reference-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);padding-top:var(--space-md)}.reference-header-title{font-size:var(--text-display-md);font-weight:500;line-height:var(--leading-tight);color:var(--color-text-primary)}.reference-header-description{font-size:var(--text-body-lg);color:var(--color-text-body);line-height:var(--leading-relaxed);max-width:64rem}.reference-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:768px){.reference-grid{grid-template-columns:repeat(3,1fr)}}.reference-card{background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);padding:calc(var(--space-card-padding) * 1.5);box-shadow:0 1px 3px rgba(0,0,0,.1)}.reference-card-elevated{box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1)}.reference-disclaimer{text-align:center;max-width:48rem;margin-left:auto;margin-right:auto;background:var(--color-surface-subtle);border-radius:var(--radius-card);padding:calc(var(--space-card-padding) * 1.5)}.reference-disclaimer-text{font-size:var(--text-body-md);color:var(--color-text-body);line-height:var(--leading-relaxed)}.reference-nav-section{display:flex;flex-direction:column;gap:var(--space-md)}.reference-nav-title{font-size:var(--text-headline-lg);font-weight:500;color:var(--color-text-primary);border-radius:var(--radius-md);padding-left:var(--space-xs)}.reference-nav-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:768px){.reference-nav-grid{grid-template-columns:repeat(3,1fr)}}.reference-nav-card{display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);padding:calc(var(--space-card-padding) * 1.5);text-decoration:none;transition:border-color .12s ease-out,transform .12s ease-out}.reference-nav-card:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}.reference-nav-card-icon{width:1.25rem;height:1.25rem;color:var(--color-text-body)}.reference-nav-card-content{display:flex;flex-direction:column;gap:var(--space-xs)}.reference-nav-card-title{font-size:var(--text-headline-md);font-weight:500;color:var(--color-text-primary)}.reference-nav-card-description{font-size:var(--text-body-md);color:var(--color-text-body);line-height:var(--leading-relaxed)}