/* One section gap; avoid adding the previous bottom and next top padding. */
#brand-page .brand-section+.brand-section{padding-top:0}
#brand-page :is(#brand-typography,#brand-symbols) .lead{font:400 16px/24px var(--font-sans);width:100%;max-width:none;color:var(--fg-3)}
#brand-page .brand-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
#brand-page .brand-section-heading h2{flex:1;min-width:0}
#brand-page :is(.brand-type-sample,.brand-symbol-preview){box-sizing:border-box;min-height:300px;margin:32px 0 0;padding:32px;border-radius:var(--radius-card);background:#fafafa;color:#2e2e2e}
#brand-page .brand-type-sample{display:flex;align-items:center;justify-content:center;font:400 32px/1.4 var(--font-sans);letter-spacing:-.025em;text-align:center;text-wrap:balance}
#brand-page .brand-symbol-preview{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}
#brand-page .brand-symbol-preview svg{display:block;width:32px;height:32px;flex:0 0 32px;overflow:visible}
#brand-page .brand-symbol-preview svg>*{vector-effect:non-scaling-stroke;stroke-width:2px}
#brand-page .brand-resource-link{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:36px;margin:0;padding:6px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--fg-1);background:transparent;font:500 14px/22px var(--font-sans);text-decoration:none;white-space:nowrap;transition:background var(--dur-base) ease}
#brand-page .brand-resource-link:hover{background:var(--surface,#fafafa)}
#brand-page .brand-resource-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:560px){#brand-page :is(.brand-type-sample,.brand-symbol-preview){min-height:240px;padding:24px}#brand-page .brand-type-sample{font-size:28px}#brand-page .brand-symbol-preview{display:grid;grid-template-columns:repeat(3,32px);align-content:center;gap:24px 32px}#brand-page .brand-section-heading{gap:12px}#brand-page .brand-resource-link{font-size:12px;padding-inline:10px}}


#brand-page .brand-section p.lead{width:100%;max-width:none}