/* Be Contract Wise guides, glossary and contact pages (England & Wales and Scotland): Design.md look (v138, 7 November 2026). Loaded last, after /bw-design.css. APPEARANCE ONLY. */

:root{ --ink:var(--d-text); --ink-soft:var(--d-text-2); --paper:var(--d-canvas); --raised:var(--d-panel); --paper-raised:var(--d-panel); --brass:var(--d-accent); --brass-dark:var(--d-accent);
  --slate:var(--d-text-2); --rule:var(--d-line); --rule-strong:var(--d-line-input); --sage:var(--d-text); --sage-bg:var(--d-hover); --focus:var(--d-accent); --serif:var(--d-display); --sans:var(--d-body); }
html body main.wrap > p.lede{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-left:1px solid var(--d-accent) !important; border-radius:8px !important; color:var(--d-text) !important; }
html body a small{ font-family:var(--d-body) !important; }
html body main.wrap > p.xlink{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-left:1px solid var(--d-accent) !important; border-radius:8px !important; color:var(--d-text-2) !important; }
html body main.wrap > section.qas{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; }
html body section.qas :is(h2, h3){ color:var(--d-text) !important; }
html body article.qa p.ans{ color:var(--d-text-2) !important; }
html body p.az a{ background:transparent !important; color:var(--d-text) !important; border:1px solid var(--d-line-input) !important; border-radius:4px !important; font-family:var(--d-mono); }
html body p.az a:hover{ background:var(--d-hover) !important; }
/* recent changes and specimen contracts */
html body .chg{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-left:1px solid var(--d-accent) !important; border-radius:8px !important; padding:16px !important; }
html body .chg h3{ color:var(--d-text) !important; }
html body .chg :is(p, time){ color:var(--d-text-2) !important; }
html body .chg time{ font-family:var(--d-mono); }
html body .spec-warn{ background:var(--d-red-tint) !important; border:1px solid var(--d-red-edge) !important; border-radius:8px !important; color:var(--d-text) !important; }
html body .spec-warn strong{ color:var(--d-red) !important; }
html body .specimen{ background:var(--d-panel) !important; border:1px solid var(--d-line-input) !important; border-radius:8px !important; box-shadow:none !important; font-family:var(--d-display) !important; }
html body .specimen::before{ color:rgba(255,255,255,0.04) !important; }
html body .specimen :is(p, div, span, em, strong, .dp){ color:var(--d-text) !important; }
html body .specimen .spec-num, html body .specimen .dp-mk{ color:var(--d-text-2) !important; font-family:var(--d-mono); }