.brand-guide {padding-top:48px;padding-bottom:40px;max-width:1100px;}
.brand-guide>p {margin:18px 0 30px;color:var(--muted);font-size:1.1rem;}
.brand-guide h2 {margin-top:44px;}
.logo-stage {display:flex;gap:60px;align-items:center;padding:60px;background:#f1f5f7;border-radius:16px;}
.logo-stage img:first-child {width:min(70%,520px);}
.logo-stage img:last-child {width:90px;}
.brand-links {display:flex;flex-wrap:wrap;gap:16px;margin:25px 0;}
.brand-links a {padding:10px 0;}
.swatches {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.swatches>div {display:grid;gap:5px;}
.swatches>div:before {content:"";height:72px;background:var(--swatch);border-radius:7px;border:1px solid #d6dfe6;}
.swatches code {font:inherit;color:var(--muted);font-size:.85rem;}
.cover-link img {width:100%;height:auto;border-radius:10px;border:1px solid var(--line);}
.cover-link {display:block;margin:22px 0;}
.topbar>a:last-child {margin-left:auto;}
@media(max-width:600px){.logo-stage{padding:28px;gap:20px}.logo-stage img:last-child{width:50px}.swatches{grid-template-columns:repeat(2,1fr)}.brand-guide>p{font-size:1rem}.topbar>a:last-child{font-size:.8rem}}