/* Brand-page guidance only. Shared palette and type remain in v7-shell.css. */
[data-page="brand"] .br-jump {
  display:flex; flex-wrap:wrap; gap:.7rem 1.6rem; margin:1.7rem 0;
}
[data-page="brand"] .br-jump a {
  color:var(--ink); text-underline-offset:.25em;
}
[data-page="brand"] .br-principles { margin:2.2rem 0; gap:2rem 4rem; }
[data-page="brand"] .br-principles h3 {
  margin:0 0 .8rem; font-size:clamp(1.6rem,2.4vw,2rem); line-height:1.18;
}
[data-page="brand"] .br-principles p,
[data-page="brand"] .br-semantics p { color:var(--ink); }
[data-page="brand"] .br-journey { margin:3.5rem 0; }
[data-page="brand"] .br-journey figcaption { max-width:72ch; }
[data-page="brand"] .br-journey h3 {
  margin:.65rem 0 1rem; font-size:clamp(1.9rem,3vw,2.7rem); line-height:1.13;
}
[data-page="brand"] .br-flow {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  list-style:none; padding:0; margin:2rem 0 1.2rem; border-top:1px solid var(--hair-strong);
}
[data-page="brand"] .br-flow li {
  position:relative; padding:1.4rem 1rem 1.1rem 0; min-width:0;
}
[data-page="brand"] .br-flow li + li {
  border-left:1px solid var(--hair); padding-left:1rem;
}
[data-page="brand"] .br-flow li::before {
  content:""; position:absolute; top:-4px; left:0; width:7px; height:7px;
  border-radius:50%; background:var(--signal);
}
[data-page="brand"] .br-step {
  font-family:var(--mono); font-size:.8rem; line-height:1.5; color:var(--ink);
}
[data-page="brand"] .br-flow h4 {
  margin:1rem 0 .75rem; font-size:clamp(1.4rem,2vw,1.8rem); line-height:1.15;
}
[data-page="brand"] .br-flow p {
  margin:0; font-size:1.05rem; line-height:1.55; color:var(--ink);
}
[data-page="brand"] .br-caption {
  font-size:1rem; line-height:1.65; max-width:80ch; color:var(--ink);
}
[data-page="brand"] .br-caption a { text-underline-offset:.2em; }
@media(max-width:950px) {
  [data-page="brand"] .br-flow { grid-template-columns:1fr; border-top:0; }
  [data-page="brand"] .br-flow li,
  [data-page="brand"] .br-flow li + li {
    border-left:1px solid var(--hair-strong); padding:0 0 1.8rem 1.4rem;
  }
  [data-page="brand"] .br-flow li::before { left:-4px; top:.35rem; }
  [data-page="brand"] .br-flow h4 { margin:.5rem 0; }
}
@media(max-width:360px) {
  html[data-theme="v7"] [data-page="brand"] .site-header {
    padding:0 14px; gap:12px;
  }
  html[data-theme="v7"] [data-page="brand"] .primary-nav { gap:12px; }
}
@media(max-width:640px) {
  [data-page="brand"] .site-footer.foot .foot-line .foot-bit {
    min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere;
  }
}