/* Only what the brand book adds to the website's tokens.css and global.css. */
html{scroll-padding-top:var(--space-5)}
section.tight{padding-bottom:var(--space-9)}
.nav ul{flex-wrap:wrap;column-gap:var(--space-5);row-gap:0}
h2+p,h2+dl,h2+.grid{margin-top:var(--space-5)}
h3.sub{margin:var(--space-7) 0 var(--space-4)}
.measure{max-width:68ch}
.code{font:400 var(--fs-xs)/1.6 var(--font-mono)}
a.file{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}

/* Definition lists */
.facts{margin:var(--space-5) 0 0;display:grid;gap:var(--space-4)}
.facts>div{display:grid;gap:var(--space-1)}
.facts dt{font-weight:700}
.facts dd{margin:0;max-width:68ch}

/* Lists */
.plain{margin:0;padding:0 0 0 1.25em}
.plain li+li{margin-top:var(--space-2)}
.columns{display:grid;gap:var(--space-6);margin-top:var(--space-7)}
.columns>*{min-width:0}
.columns h3{margin-bottom:var(--space-3)}

/* Logos */
.logos,.swatches,.specimens{list-style:none;margin:var(--space-6) 0;padding:0;display:grid;gap:var(--space-6)}
.logos>li,.swatches>li,.specimens>li{min-width:0}
.logos p{margin:var(--space-3) 0 0}
.ground{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--space-5);min-height:12rem;padding:var(--space-6);border-radius:var(--radius)}
.ground:not(.marks) img{width:auto;height:auto;max-height:8rem}
.ground.on-cream{box-shadow:inset 0 0 0 1px var(--nw-ink)}
.ground.on-forest{background:var(--nw-green)}
.ground.on-ink{background:var(--nw-ink)}
.ground.marks{align-items:center}

/* Color */
.swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.swatches h3{font-size:var(--fs-lg);margin:var(--space-3) 0 var(--space-1)}
.swatches p{margin:0 0 var(--space-2)}
.chip{height:6rem;border-radius:var(--radius)}
.swatches li:first-child .chip{box-shadow:inset 0 0 0 1px var(--nw-ink)}
table{width:100%;max-width:52rem;border-collapse:collapse;margin:var(--space-5) 0}
table.after{margin-top:var(--space-7)}
th{text-align:left;font-weight:700;padding:0 var(--space-3) var(--space-2) 0;border-bottom:var(--rule-thin) solid var(--nw-ink)}
td{padding:var(--space-2) var(--space-3) var(--space-2) 0;vertical-align:top}
.pair{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--nw-ink)}
.pair-large{font:900 var(--fs-lg)/1.3 var(--font-display)}

/* Type */
.specimens{gap:var(--space-5)}
.specimens p{margin:0}
.spec{font-size:var(--fs-sm);margin-bottom:var(--space-1)!important}
.t-h1,.t-h2,.t-h3{font-family:var(--font-display);font-weight:900;line-height:1.08;color:var(--nw-green)}
.t-h1{font-size:var(--fs-h1)}
.t-h2{font-size:var(--fs-h2)}
.t-h3{font-size:var(--fs-h3)}
.t-lg{font-size:var(--fs-lg);line-height:1.5}
.t-sm{font-size:var(--fs-sm)}

/* Component samples */
.card-sample{margin-top:var(--space-5)}
.card-title{font:900 var(--fs-h3)/1.08 var(--font-display);color:var(--nw-green);margin:0 0 var(--space-3)}
.panel{padding:var(--space-6);border-radius:var(--radius)}
.panel .t-h3{color:var(--nw-cream);margin:0}
.panel p:last-child{margin:var(--space-3) 0 0}
.faq details[open] p{margin-top:0}
pre{margin:0}
pre code{padding-left:0;text-indent:0}
.sample-note{margin-top:var(--space-4)}
.news{max-width:68ch}

@media (min-width:768px){
  .columns{grid-template-columns:repeat(2,minmax(0,1fr));max-width:64rem}
  .facts>div{grid-template-columns:11rem minmax(0,1fr);gap:var(--space-4)}
  .logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .swatches{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:600px){
  .nav ul{overflow:visible;gap:0 var(--space-4)}
  .btn{width:auto!important}
  section.tight{padding-bottom:var(--space-8)}
  .ground{min-height:9rem;padding:var(--space-5)}
}
@media print{
  body{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .nav ul,.skip{display:none}
  section.tight{padding-bottom:var(--space-7)}
  h2,h3{break-after:avoid}
  .logos>li,.swatches>li,.specimens>li,tr{break-inside:avoid}
}