/* AT-350: brand pilot uses existing Flowline tokens and approved page blocks. */
.brand-page .brand-services .section-shell{grid-template-columns:minmax(0,1fr)}
.brand-page .brand-services__list{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--space-12);margin:0;padding:0;list-style:none}
.brand-page .brand-services__list li{min-width:0;border-bottom:1px solid var(--color-line)}
.brand-page .brand-services__list a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--action-height);padding:var(--space-4) 0;color:var(--color-ink);font-size:var(--type-data);line-height:var(--leading-data);font-weight:var(--weight-medium);text-decoration:none;overflow-wrap:anywhere}
.brand-page .brand-services__list svg{width:var(--space-6);height:var(--space-6);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.brand-page .brand-services__list a:hover{color:var(--color-blue);background:var(--color-fog)}
.brand-page .brand-services__list a:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}
.brand-page .hero-breadcrumbs{margin-bottom:var(--space-6);font-size:var(--type-ui);line-height:var(--leading-ui)}
.brand-page .hero-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}
.brand-page .hero-breadcrumbs li+li::before{content:"→";margin-right:var(--space-2)}
.brand-page .hero-breadcrumbs a,.brand-page .hero-secondary-link{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.brand-page .hero-secondary-link{display:inline-flex;align-items:center;min-height:var(--action-height);margin-top:var(--space-3);font-size:var(--type-body);line-height:var(--leading-body)}
.brand-page #brand-process .section-shell>.action{justify-self:start}
@media(min-width:768px){.brand-page .brand-services__list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.brand-page .brand-note{margin:0;max-width:var(--measure-body);font-size:var(--type-body);line-height:var(--leading-body);color:var(--color-muted)}
.brand-page .brand-note a{color:var(--color-blue);text-underline-offset:.2em}

.brand-page .brand-models .section-shell{grid-template-columns:minmax(0,1fr)}
.brand-page .brand-models__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8) var(--space-8);list-style:none;margin:0;padding:0}
.brand-page .brand-model{min-width:0;border-top:1px solid var(--color-line);padding-top:var(--space-6)}
.brand-page .brand-model h3{margin:var(--space-2) 0 var(--space-3);font-size:var(--type-card);line-height:var(--leading-card);letter-spacing:var(--tracking-card)}
.brand-page .brand-model p{margin:0 0 var(--space-3);font-size:var(--type-body);line-height:var(--leading-body)}
.brand-page .brand-model .brand-model__type{color:var(--color-muted);font-size:var(--type-ui)}
.brand-page .brand-model .brand-model__years{color:var(--color-blue);font-size:var(--type-data);font-weight:var(--weight-medium)}
.brand-page .brand-model__years span{display:block;color:var(--color-muted);font-size:var(--type-ui);font-weight:var(--weight-regular)}
.brand-page .brand-model__versions{font-weight:var(--weight-medium)}
@media(min-width:768px){.brand-page .brand-models__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1366px){.brand-page .brand-models__list{grid-template-columns:repeat(3,minmax(0,1fr))}}

.brand-page .brand-model__image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--color-surface);margin:0 0 var(--space-6)}