/* Legal reading surfaces within the v4 label-maker system. */
.page-head{padding-bottom:var(--s-8)}
.page-head__title{max-width:19ch}
.page-head__lede{max-width:36em}
.page-head__meta{margin-top:var(--s-5)}
.doc{padding-top:var(--s-4)}
.doc__rail{max-height:calc(100vh - var(--nav-h) - var(--s-12));overflow:auto;padding:var(--s-2) var(--s-2) var(--s-2) 0;scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}
.doc__rail a{width:max-content;max-width:100%;min-width:var(--tap-min);white-space:normal}
.doc__rail .tape{max-width:100%;white-space:normal;line-height:1.25}
.doc__body{padding:0 0 var(--s-12)}
.doc__body > h2{scroll-margin-top:calc(var(--nav-h) + var(--s-6))}
.doc__body > h3{scroll-margin-top:calc(var(--nav-h) + var(--s-6))}
.doc__body > ul,.doc__body > ol{margin-top:0;margin-bottom:var(--s-6)}
.doc__body > .callout:first-child{margin-top:0}
.doc__body a{overflow-wrap:anywhere;padding-block:11px;margin-block:-11px}
.doc__body > p + h2{margin-top:var(--s-16)}
@media(max-width:959px){
  .page-head{padding-top:var(--s-12)}
  .doc{padding-top:0;padding-bottom:var(--s-16)}
  .doc__rail{max-height:none;overflow:visible;gap:var(--s-1) var(--s-2);padding:0}
  .doc__rail a{min-height:var(--tap-min)}
  .doc__body{max-width:var(--measure)}
}
@media(max-width:399px){
  .doc__rail .tape{font-size:var(--t-2xs)}
  .doc__body > h2{font-size:var(--t-xl)}
}