@font-face{font-family:NTF Serif;src:url('../fonts/fraunces-roman.woff2');font-weight:400 600;font-display:swap}@font-face{font-family:NTF Serif;src:url('../fonts/fraunces-italic.woff2');font-style:italic;font-weight:400 600;font-display:swap}
:root{--bg:#fffaf0;--surface:#fffaf0;--surface-2:#f4ede1;--text:#211a23;--muted:#68616a;--border:#c9c0b4;--primary:#2537cf;--primary-hover:#192699;--primary-soft:#ebe6ff;--on-primary:#fffaf0;--focus:#2537cf;--radius:0;--shadow:none}
.plexus-app .top{border-top:5px solid var(--primary)}.plexus-app .top-inner{padding-top:20px;padding-bottom:22px}.plexus-app h1{font:400 clamp(32px,4vw,49px)/1.1 'NTF Serif',Georgia,serif;letter-spacing:-.04em}.plexus-app h1 em{color:var(--primary)}.plexus-app .org{display:flex;align-items:center;gap:15px;font-size:11px;margin-bottom:16px}.plexus-app .org img{display:block}.plexus-app .tool-btn,.plexus-app .chip,.plexus-app .panel{border-radius:0}.plexus-app .panel-head{border-top:3px solid var(--primary)}.plexus-app .intro{max-width:850px;font-size:14px}.plexus-app .blockbar-label{font-size:10px}.plexus-app .chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}

@media(max-width:700px){
 .plexus-app .top-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px 8px;padding-top:16px;padding-bottom:16px}
 .plexus-app .top-inner>div:first-child{display:contents}
 .plexus-app .org{grid-column:1;grid-row:1;font-size:0;gap:0;margin:0}
 .plexus-app .org>span{display:none}
 .plexus-app .top-tools{grid-column:2;grid-row:1;align-self:center;gap:6px}
 .plexus-app .top-tools .tool-btn{width:44px;min-height:44px;padding:10px;justify-content:center}
 .plexus-app h1{grid-column:1/-1;grid-row:2;font-size:clamp(32px,9vw,46px)}
 .plexus-app .intro{font-size:15px;line-height:1.65}
 .plexus-app .chips{min-width:0;overscroll-behavior-x:contain;scroll-padding-inline:4px}
 .plexus-app .chip{min-height:48px;flex-shrink:0}
 .plexus-app .panel-head button{min-height:44px;min-width:44px}
 .plexus-app input,.plexus-app select{font-size:16px}
}
/* Match the quieter editorial shell while retaining anatomical colour coding. */
/* NTF Anaesthesia design system: light only, readability-tuned (muted text 7:1, Inter body text). */
:root,:root[data-theme=light],body.plexus-app{--bg:#f7f5ef;--surface:#f7f5ef;--surface-2:#eeece5;--text:#272722;--muted:#55534d;--font:'NTF Sans',Inter,Arial,sans-serif;--border:#d7d2c8;--primary:#633d3c;--primary-hover:#4b2e2d;--primary-soft:#e9e3d8;--on-primary:#fffaf0;--focus:#633d3c}
.plexus-app .top{border-top:0}.plexus-app .panel-head{border-top:1px solid var(--border)}.plexus-app .chip[aria-pressed=true]{background:var(--primary-soft);color:var(--text)}

.plexus-app .bpd-btn{min-height:44px}

/* Keep the app on its own palette variables (the shared site stylesheet sets body colours too). */
body.plexus-app{background:var(--bg);color:var(--text)}

/* Interface colours from the popliteal block page (ra.html): warm paper, ink, wine, square corners.
   Anatomy, block-status and level colours are teaching codes and stay as the modules set them. */
body.plexus-app{--surface:#f7f5ef;--surface-2:#eee9df;--primary-soft:#e8ded7;--warn-bg:#f0e9df;--warn-border:#97735e;--adv-bg:#e8ded7;--adv-text:#633d3c;--adv-soft:#f0e9df;--adv-border:#b8ad9e;--shadow:none;--radius:0}
.plexus-app .cv{--cv-text:#272722;--cv-muted:#55534d;--cv-bg:#f7f5ef;--cv-surface:#eee9df;--cv-border:#d7d2c8;--cv-accent:#633d3c;--cv-accent-ink:#fffaf0;--cv-hl:#272722;--cv-focus:#633d3c;--cv-tip-bg:#272722;--cv-tip-fg:#fffaf0;font-family:var(--font)}
.plexus-app .bpd{--bpd-text:#272722;--bpd-muted:#55534d;--bpd-bg:#f7f5ef;--bpd-surface:#eee9df;--bpd-border:#d7d2c8;--bpd-header:#eee9df;--bpd-band:rgba(99,61,60,.08);--bpd-band-edge:rgba(99,61,60,.45);--bpd-band-ink:#633d3c;--bpd-focus:#633d3c;--bpd-tip-bg:#272722;--bpd-tip-fg:#fffaf0;font-family:var(--font)}
.plexus-app .bpus{--us-text:#272722;--us-muted:#55534d;--us-bg:#f7f5ef;--us-surface:#eee9df;--us-border:#d7d2c8;--us-accent:#633d3c;--us-accent-ink:#fffaf0;--us-focus:#633d3c;--st-covers-bg:#e8ded7;font-family:var(--font)}
.plexus-app .v3d{--v3d-bg:#eee9df;--v3d-bg-2:#f7f5ef;--v3d-fg:#272722;--v3d-muted:#55534d;--v3d-border:#d7d2c8;--v3d-accent:#633d3c;--v3d-focus:#633d3c;--v3d-panel:rgba(247,245,239,.94);--v3d-label-bg:rgba(247,245,239,.92);--v3d-label-fg:#272722;--v3d-shadow:none}