/* Hallmark · design-system: design.md · designed-as-app · genre: modern-minimal · shared brand navy/light surfaces */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5 */
.multipage .business-header>a:last-child { display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; font-size:var(--text-small); border-bottom:1px solid var(--color-accent); }
.business-header a[aria-current=page] { color:var(--color-accent); }
.site-footer { padding-block:var(--space-lg); }
.site-footer>.wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-lg); }
.site-footer strong { font-weight:500; }
.site-footer p,.site-footer>.wrap>span { font-size:.8rem; color:var(--color-muted); }
.site-footer nav { display:flex; flex-wrap:wrap; gap:var(--space-md); }
.site-footer nav a { font-size:.8rem; min-height:44px; display:inline-flex; align-items:center; white-space:nowrap; }
.page-intro { padding-block:var(--space-xl); }
.page-intro h1,.multipage .method h1 { font-size:var(--text-business-heading); margin-block:var(--space-sm) var(--space-md); max-width:25ch; line-height:1.18; }
.page-lead { color:var(--color-light-muted); max-width:65ch; font-size:1.06rem; }
.page-cta { border-top:1px solid var(--color-light-rule); padding-block:var(--space-xl); }
.page-cta>.wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-lg); }
.page-cta h2 { font-size:1.55rem; margin-bottom:var(--space-xs); }
.page-cta p { color:var(--color-light-muted); }
.light-section .button { color:var(--color-ink); background:var(--color-light-accent); }
.light-section .button:hover { background:var(--color-light-ink); }
.home-routes { padding-block:var(--space-xl); }
.route-list>a { display:flex; align-items:center; gap:var(--space-md); padding-block:var(--space-md); border-top:1px solid var(--color-light-rule); }
.route-list>a>span { color:var(--color-light-accent); font-size:.8rem; }
.route-list>a>span:last-child { margin-left:auto; font-size:1.25rem; }
.route-list h3 { font-size:1.2rem; line-height:1.3; margin-bottom:.3rem; }
.route-list p { color:var(--color-light-muted); font-size:.94rem; }
.route-list a:hover h3 { color:var(--color-light-accent); }
.solution-directory { padding-bottom:var(--space-2xl); }
.solution-link { display:flex; flex-direction:column; gap:var(--space-sm); padding:var(--space-md); border:1px solid var(--color-light-rule); background:var(--color-light-surface); border-radius:var(--radius-sm); }
.solution-link h2 { font-size:1.4rem; line-height:1.25; }
.solution-link>p:not(.eyebrow) { color:var(--color-light-muted); font-size:.94rem; }
.solution-link .text-link { margin-top:auto; color:var(--color-light-accent); }
.breadcrumbs { display:flex; align-items:center; gap:var(--space-sm); margin-bottom:var(--space-md); font-size:.8rem; color:var(--color-light-muted); }
.breadcrumbs a { display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; }
.solution-detail { padding-block:0 var(--space-xl); }
.detail-layout { display:grid; gap:var(--space-xl); }
.detail-copy section { padding-block:var(--space-lg); border-top:1px solid var(--color-light-rule); }
.detail-copy h2,.contact-grid h2 { font-size:1.5rem; margin-bottom:var(--space-sm); }
.detail-copy p,.detail-copy li,.contact-grid p,.contact-grid li { color:var(--color-light-muted); }
.detail-copy ul,.contact-grid ul { padding-left:1.25rem; }
.detail-copy li,.contact-grid li { margin-bottom:var(--space-xs); }
.example-panel { align-self:start; padding:var(--space-lg); background:var(--color-light-wash); border-radius:var(--radius-sm); }
.example-panel h2 { font-size:1.35rem; margin-block:var(--space-sm); }
.example-panel .example-disclaimer { font-size:.8rem; color:var(--color-light-muted); border-top:1px solid var(--color-light-rule); padding-top:var(--space-sm); margin-top:var(--space-md); }
.related-solution { padding-bottom:var(--space-xl); }
.related-solution>.wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-sm); }
.related-solution .text-link { white-space:normal; }
.multipage .method { padding-block:var(--space-xl); }
.multipage .method-list h2 { font-size:1.2rem; margin-bottom:var(--space-xs); }
.contact-page { padding-bottom:var(--space-2xl); }
.contact-grid { display:grid; gap:var(--space-xl); }
.contact-person { border:1px solid var(--color-light-rule); background:var(--color-light-surface); padding:var(--space-lg); }
.contact-person h2 { margin-top:var(--space-sm); }
.contact-person .button { margin-block:var(--space-md); }
.contact-person .contact-address { font-size:.86rem; overflow-wrap:anywhere; }
@media(min-width:48rem) {
 .page-intro { padding-block:var(--space-2xl) var(--space-xl); }
 .solution-link { padding:var(--space-lg); }
 .detail-layout { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
 .contact-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:var(--space-2xl); }
 .multipage .method { padding-block:var(--space-2xl); }
}
@media(min-width:48rem) and (max-width:60rem) { .multipage .business-header { flex-wrap:wrap; } .multipage .business-header nav { order:3; width:100%; } }

/* Shared navigation accommodates the introductory company page. */
.multipage .business-header nav { flex-wrap:wrap; }
.detail-copy section>p+p { margin-top:var(--space-sm); }
@media(max-width:30rem) { .multipage .business-header nav { gap:1rem; } .multipage .business-header nav a { font-size:.8rem; } }
