/* NAMCHE brand overview - styles for brand.html.
   Loaded after site.css and manual.css (prodbar, nav, CTA, label, h2, chapters, toc come from there).
   One list pattern, .ways: number, title, one line, and where it lands (page and language). The
   hairlines are currentColor, so the list works on a light scene (ink) and on a dark one (Selene).
   Everything is a DS token or derived from one: full-strength ink, no shadow, nothing fades, nothing
   scales on hover; the link gains a line. */

.ways{list-style:none;margin:0;padding:0;border-top:var(--rule)}
.ways li{border-bottom:var(--rule)}
.ways__link{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8) var(--gutter);align-items:baseline;padding:var(--space-16) 0;color:inherit;text-decoration:none}
@media (min-width:900px){
  .ways__link{grid-template-columns:repeat(12,minmax(0,1fr))}
  .ways__n{grid-column:span 1}
  .ways__t{grid-column:span 4}
  .ways__d{grid-column:span 4}
  .ways__l{grid-column:span 3;text-align:right}
}
.ways__link:hover .ways__t,.ways__link:focus-visible .ways__t{text-decoration:underline;text-decoration-thickness:var(--stroke-text);text-underline-offset:auto}