/* B2 — Notes. Same brand, flattened: a true margin column carries the section
   label as a practitioner's aside in the mono face, rules replace shadows, and
   nothing is tinted unless it is telling you something. */
:root{ --ground:#FFFFFF; --surface:#FFFFFF; --tint:#F5F8FB; --rule:#DCE5EC;
  --r:8px; --r-lg:10px; --sec-y:4rem; --shell:1220px; --measure:64ch; }
/* The annotating voice. */
.card .s,.choice .sub,.eyebrow,.state-note,.unresolved-tag,.quote .who,
.hours,.facts dt,.legal,.steps .k{ font-family:var(--f-display); letter-spacing:0; }
.facts dt,.steps .k{ font-size:.84rem; font-weight:600; color:var(--blue-d); }
.eyebrow,.choice .sub,.card .s{ text-transform:none; letter-spacing:.02em; }
/* Flat: rules, not shadows or fills. */
.choice{ border-radius:var(--r); box-shadow:none; }
.choice:hover{ box-shadow:none; background:var(--tint); }
.quote{ border-radius:var(--r); background:none; }
.portrait{ border-radius:var(--r); background:var(--tint); border:1px solid var(--rule); }
.notice{ background:none; border:1px dashed var(--blue); }
.alert{ border-radius:var(--r); }
.tags li{ border-radius:var(--r); background:none; border:1px solid var(--rule);
  color:var(--body); font-family:var(--f-display); font-size:.8rem; }
.btn{ border-radius:var(--r); border-width:1.5px; }
.tel,.nav ul,.nav a,.menu-btn,.disclose > button,.filter button,button.submit{ border-radius:var(--r); }
.nav ul{ background:none; border:0; padding:0; gap:.2rem; }