@layer components{.mf-page-link-rail{background:var(--surface)}.mf-page-link-rail-shell{padding-block:clamp(2.5rem,6vw,4rem)}.mf-page-link-rail-list{overscroll-behavior-inline:contain;min-width:0;max-width:100%;padding-block:.25rem calc(var(--mf-reveal-distance) + .25rem);scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(15rem,82vw);grid-auto-flow:column;gap:.875rem;display:grid;overflow:auto hidden}.mf-page-link-card{scroll-snap-align:start;min-width:0}.mf-page-link-card>a{border:1px solid var(--border);border-radius:var(--radius-card-grid);background:var(--background);min-height:5.5rem;color:var(--foreground);justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.mf-page-link-card strong{font-size:clamp(var(--mf-title-card-sm), 3vw, var(--mf-title-card));word-break:keep-all;font-weight:700;line-height:1.2}.mf-page-link-card-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex:none}@media (min-width:768px){.mf-page-link-rail-list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-auto-flow:row;padding-block:0;overflow:visible}}@media (hover:hover) and (pointer:fine){.mf-page-link-card>a:hover{border-color:var(--primary-soft);color:var(--primary)}.mf-page-link-card>a:hover strong{text-underline-offset:.2em;text-decoration:underline}}}