/* Compact presentation, 21 October 2026. Typography comes from the existing
   component styles: small labels, readable body text and distinct headings. */
.site-system nav a { border-radius:4px; }
.site-system :is(.button,.dashboard-tabs button) { border-radius:4px; }
.site-system :is(a,button,summary,[tabindex]):focus-visible { outline:3px solid var(--violet); outline-offset:4px; }
/* Keep the semantic destination lists without enlarging their labels. */
.site-system .service-directory h2 { font-size:12px; line-height:1.5; font-weight:650; letter-spacing:.13em; text-transform:uppercase; color:var(--muted); margin-bottom:20px; }
.site-system ul.service-directory-grid { padding:0; margin:0; list-style:none; }
.site-system .service-directory-grid>li { display:flex; min-width:0; }
.site-system article.service-directory-card { width:100%; border-radius:4px; background:#fff; }
.site-system .service-directory-card h3 { font-size:25px; line-height:1.3; letter-spacing:-.025em; font-weight:600; }
.site-system .service-directory-card .service-action { margin-top:auto; width:100%; min-height:44px; align-items:center; text-decoration:underline; text-underline-offset:3px; }
.site-system .service-directory-card .service-action:hover { color:var(--violet-dark); }
/* Secondary hero actions are familiar purple text links. */
.site-system .hero .actions>.inline-link,.site-system .definition-actions>.inline-link,.site-system .how-it-works-actions>.inline-link { margin:0; color:var(--violet); background:transparent; border-radius:0; }
.site-system .hero .actions>.inline-link { min-height:34px; align-items:center; padding:4px 0; }
@media(max-width:720px) { .site-system .service-directory-card h3 { font-size:24px; } }
@media(prefers-reduced-motion:reduce) { body.site-system *,body.site-system *::before,body.site-system *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }