/* COGA 4.4.8 asks a long page to say what is on it before asking anyone to read it, and
   4.6.4 asks a page of steps to say what is needed before the first one. The doors answer
   both in one block, .brief, and mark it class="summary" as well. Pages whose opening
   already is a summary carry the marker class alone rather than a second copy of
   themselves, so the marker never restyles anything. */
.brief{
  background:var(--raised); border-radius:var(--radius);
  padding:28px 32px; margin:34px 0 0; max-width:var(--measure);
}
.brief > .k{
  font:500 13px/1 var(--font-mono); letter-spacing:var(--track-label);
  text-transform:uppercase; color:var(--muted); margin:0 0 18px;
}
.brief dl{margin:0}
.brief dt{
  font:700 13px/1.4 var(--font-body); letter-spacing:var(--track-label);
  text-transform:uppercase; color:var(--ink-line); margin:0 0 5px;
}
.brief dd{margin:0 0 18px; line-height:1.5}
.brief dd:last-child{margin-bottom:0}
@media (max-width:820px){.brief{padding:22px 22px; margin-top:26px}}