/* BiSL Foundation — aanvulling op style.css */
:root{
  /* BiSL-huisstijl: logo-teal + zwart, koele neutralen */
  --bg:#ffffff; --bg-soft:#f1f7f7; --bg-deep:#dcecec;
  --ink:#111617; --ink-soft:#45575a; --ink-mute:#63777a;
  --line:#d6e5e5; --line-soft:#e8f1f1;
  --accent:#23b6b9; --accent-deep:#0a7377; --accent-wash:#e0f4f4;
  --lv-richting:#23b6b9; --lv-richting-wash:#e0f4f4; --lv-richting-ink:#075a5d;
  --lv-sturend:#7aa9ab;  --lv-sturend-wash:#eef4f4;  --lv-sturend-ink:#2f4b4d;
  --lv-uitvoer:#0e8a8d;  --lv-uitvoer-wash:#d3ecec;  --lv-uitvoer-ink:#04484a;
}
.site-nav .nav-account{color:var(--ink)}
.site-nav .nav-account:hover{background:var(--ink);color:#fff}
.site-nav .nav-account .avatar{color:var(--ink)}
.bm-proc:hover,.bm-proc:focus-visible,.bm-proc.is-current{background:var(--lv-ink)!important}
.brand img{height:38px;width:auto;display:block;align-self:center}
.brand{align-items:center}
.site-footer .brand img{height:44px}
.site-nav a,.site-nav .nav-trigger,.site-nav .nav-account,.btn{white-space:nowrap}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;margin-left:auto}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1080px){
 .site-header .wrap{flex-wrap:wrap}
 .nav-toggle{display:flex}
 .site-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;padding:12px 0 18px;max-height:calc(100vh - 80px);overflow:auto}
 .site-nav.is-open{display:flex}
 .site-nav>a,.site-nav .nav-trigger{width:100%;text-align:left;justify-content:space-between;padding:12px 14px}
 .site-nav .nav-group{display:block;width:100%}
 .site-nav .nav-dropdown{position:static;display:none;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0 0 8px 14px;min-width:0;background:transparent}
 .site-nav .nav-group.is-open .nav-dropdown{display:grid}
 .site-nav .nav-account{align-self:flex-start;margin-top:8px}
}
a.inline{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
a.inline:hover{color:var(--ink)}
[data-level="richtinggevend"]{--lv:var(--lv-richting);--lv-wash:var(--lv-richting-wash);--lv-ink:var(--lv-richting-ink)}
[data-level="sturend"]{--lv:var(--lv-sturend);--lv-wash:var(--lv-sturend-wash);--lv-ink:var(--lv-sturend-ink)}
[data-level="uitvoerend"]{--lv:var(--lv-uitvoer);--lv-wash:var(--lv-uitvoer-wash);--lv-ink:var(--lv-uitvoer-ink)}

/* ---------- BiSL model ---------- */
.bm-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.bm{display:grid;gap:14px}
.bm-row{display:grid;gap:10px;padding:14px;border-radius:var(--rad-lg);background:var(--lv-wash);border:1px solid color-mix(in oklab,var(--lv) 35%,transparent)}
.bm-row-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lv-ink);display:flex;align-items:center;gap:8px}
.bm-row-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lv)}
.bm-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:10px}
.bm-row[data-level="richtinggevend"] .bm-cols{grid-template-columns:minmax(0,1fr) minmax(190px,.8fr) minmax(0,1fr)}
.bm-proc{overflow-wrap:break-word;hyphens:auto}
.bm-cols.single{grid-template-columns:1fr}
.bm-cluster{background:var(--bg);border-radius:var(--rad-md);padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent;transition:border-color .15s,box-shadow .15s}
.bm-cluster.is-hot{border-color:var(--lv);box-shadow:0 10px 24px -16px color-mix(in oklab,var(--lv) 80%,transparent)}
.bm-cluster.is-current{border-color:var(--lv);border-width:2px}
.bm-cluster-name{font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1.2;color:var(--lv-ink)}
.bm-cluster-name:hover{text-decoration:underline;text-underline-offset:3px}
.bm-procs{display:grid;gap:6px}
.bm-cols.single .bm-procs{grid-template-columns:repeat(4,minmax(0,1fr))}
.bm-proc{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--rad-sm);background:color-mix(in oklab,var(--lv-wash) 55%,var(--bg));font-size:.86rem;line-height:1.25;color:var(--ink);transition:background .12s,color .12s}
.bm-proc::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--lv)}
.bm-proc:hover,.bm-proc:focus-visible{background:var(--lv);color:#fff;outline:none}
.bm-proc:hover::before,.bm-proc:focus-visible::before{background:#fff}
.bm-proc.is-current{background:var(--lv);color:#fff}
.bm-proc.is-current::before{background:#fff}
.bm-aside{position:sticky;top:94px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rad-lg);padding:24px;display:grid;gap:10px;min-height:260px}
.bm-aside .tag{justify-self:start}
.bm-aside h3{font-size:1.35rem}
.bm-aside p{margin:0;color:var(--ink-soft);font-size:.95rem}
.bm-aside .more{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}
.bm-caption{margin-top:14px;color:var(--ink-mute)}
/* compact locator on subpages */
.bm.mini{gap:6px}
.bm.mini .bm-row{padding:8px;gap:6px;border-radius:var(--rad-md)}
.bm.mini .bm-row-label{font-size:.58rem}
.bm.mini .bm-cols{gap:6px}
.bm.mini .bm-cluster{padding:7px;gap:5px;border-radius:12px}
.bm.mini .bm-cluster-name{font-size:.74rem}
.bm.mini .bm-procs{gap:3px}
.bm.mini .bm-proc{padding:4px 6px;font-size:.66rem;gap:5px;border-radius:7px}
.bm.mini .bm-proc::before{width:4px;height:4px}
@media (max-width:1000px){.bm-shell{grid-template-columns:1fr}.bm-aside{position:static;min-height:0}}
@media (max-width:720px){.bm-cols{grid-template-columns:1fr}.bm-cols.single .bm-procs{grid-template-columns:1fr 1fr}}

/* ---------- Levels explainer ---------- */
.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.level-card{padding:24px;border-radius:var(--rad-lg);background:var(--lv-wash);display:flex;flex-direction:column;gap:10px}
.level-card .mono{color:var(--lv-ink)}
.level-card h3{color:var(--lv-ink)}
.level-card p{margin:0;color:var(--ink);font-size:.97rem}
@media (max-width:880px){.levels{grid-template-columns:1fr}}

/* ---------- Home blocks ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad-4);align-items:start}
@media (max-width:880px){.split{grid-template-columns:1fr}}
.roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.link-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--rad-lg);background:var(--bg);transition:transform .12s,border-color .15s,background .15s}
.link-card:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--bg-soft)}
.link-card p{margin:0;color:var(--ink-soft);font-size:.96rem}
.link-card .go{margin-top:auto;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}
.news-list{display:grid;border-top:1px solid var(--line)}
.news-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.news-item h3{font-size:1.25rem;margin-bottom:6px}
.news-item p{margin:0;color:var(--ink-soft)}
.news-item .arr{font-size:1.2rem;color:var(--ink-soft)}
.news-item:hover h3{color:var(--accent-deep)}
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.book{display:flex;flex-direction:column;gap:8px}
.book .ph{aspect-ratio:3/4;min-height:0}
.book img.cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rad-md);border:1px solid var(--line);background:var(--bg-soft)}
.book strong{font-family:var(--font-display);font-weight:600;line-height:1.2}
.book span{font-size:.85rem;color:var(--ink-soft)}
.band{background:var(--bg-soft);border-radius:var(--rad-lg);padding:var(--pad-4)}
.model-fig{margin:24px 0 0;background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:clamp(12px,3vw,32px)}
.model-fig img{width:100%;height:auto;display:block}
.warn{border-left:0;background:var(--accent-wash);border-radius:var(--rad-md);padding:18px 20px}

/* ---------- Subpages ---------- */
.page-head[data-level]{background:var(--lv-wash);border-bottom-color:color-mix(in oklab,var(--lv) 40%,transparent)}
.page-head .crumbs span.sep{color:var(--ink-mute)}
.page-head h1{max-width:20ch}
.page-head .lede{max-width:60ch;font-size:1.2rem;color:var(--ink);margin-top:14px}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--pad-5);padding-top:var(--pad-4)}
.page-grid aside{display:grid;gap:18px;align-content:start;position:sticky;top:94px}
@media (max-width:1000px){.page-grid{grid-template-columns:1fr}.page-grid aside{position:static}}
.side-title{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.migrate{border:1px dashed var(--accent);border-radius:var(--rad-md);padding:18px 20px;background:var(--bg);color:var(--ink-soft);font-size:.95rem}
.migrate strong{color:var(--ink)}
.proc-list{display:grid;gap:10px;margin:18px 0}
.proc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--rad-md);background:var(--bg);transition:border-color .15s,background .15s}
.proc-row:hover{border-color:var(--lv,var(--accent));background:var(--bg-soft)}
.proc-row h3{font-size:1.1rem;margin-bottom:4px}
.proc-row p{margin:0;font-size:.93rem;color:var(--ink-soft)}
.wp-content{display:block}
.wp-content>*+*{margin-top:1em}
.wp-content h2{margin-top:1.8em;font-size:1.6rem}
.wp-content h3{margin-top:1.4em;font-size:1.2rem}
.wp-content h4{margin-top:1.4em;font-size:1.05rem;padding:16px 18px;background:var(--bg-soft);border-radius:var(--rad-md)}
.wp-content a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
.wp-content a:hover{color:var(--ink)}
.wp-content a.btn{text-decoration:none;color:var(--ink)}
.wp-content figure{margin:1.4em 0}
.wp-content img{max-width:100%;height:auto;border-radius:var(--rad-md)}
.wp-content figcaption{font-size:.85rem;color:var(--ink-mute);margin-top:6px}
.wp-content ul,.wp-content ol{padding-left:1.3em}
.wp-content li+li{margin-top:.3em}
.wp-content blockquote,.wp-content .wp-quote{margin:1.4em 0;padding:18px 22px;background:var(--accent-wash);border-radius:var(--rad-md)}
.wp-content hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.wp-content .wp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:start}
.wp-content .wp-col>*+*{margin-top:.8em}
.wp-content .wp-col figure{margin:0}
.wp-content .wp-btns{display:flex;flex-wrap:wrap;gap:10px}
.wp-content .small{font-size:.88rem}
.wp-content table{width:100%;border-collapse:collapse;font-size:.95rem}
.wp-content td,.wp-content th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.post-meta{color:var(--ink-mute);margin-bottom:18px}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:var(--pad-4)}
.pager a{padding:16px 18px;border:1px solid var(--line);border-radius:var(--rad-md);display:flex;flex-direction:column;gap:4px}
.pager a:hover{background:var(--bg-soft);border-color:var(--accent)}
.pager .next{text-align:right}
.pager .mono{color:var(--ink-mute)}

/* Artikelpagina's (overgenomen van DID) */

/* Membership comparison */
.member-compare {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
  margin: var(--pad-3) 0;
}
@media (max-width: 760px) { .member-compare { grid-template-columns: 1fr; } }
.member-card {
  position: relative;
  display: flex; flex-direction: column;
  padding: 24px 26px 22px;
  border: 1px solid var(--line);
  border-radius: var(--rad-md);
  background: var(--bg);
}
.member-card .tag {
  position: absolute; top: 16px; right: 18px;
  font-family: var(--font-mono); font-size: 0.66rem;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 4px 10px; border-radius: var(--rad-pill);
  background: var(--bg-soft); color: var(--ink-soft);
  border: 1px solid var(--line-soft);
}
.member-card h3 {
  font-family: var(--font-display); font-weight: 700;
  font-size: 1.55rem; margin: 0 0 4px;
  max-width: 14ch;
}
.member-card .who {
  font-size: 0.9rem; color: var(--ink-soft); margin: 0 0 16px;
}
.member-card .price {
  display: flex; align-items: baseline; gap: 6px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line-soft);
}
.member-card .price .big {
  font-family: var(--font-display); font-weight: 700; font-size: 2rem;
  letter-spacing: -0.02em;
}
.member-card .price .per { color: var(--ink-soft); font-size: 0.9rem; }
.member-card ul.perks {
  list-style: none; padding: 0; margin: 0 0 18px;
  display: grid; gap: 8px;
  align-content: start;
}
.member-card ul.perks li {
  position: relative; padding-left: 22px;
  font-size: 0.95rem; line-height: 1.4;
}
.member-card ul.perks li::before {
  content: "✓"; position: absolute; left: 0; top: 0;
  color: var(--accent-deep); font-weight: 700;
}
.member-card .btn { align-self: flex-start; margin-top: auto; }
.member-card .foot {
  font-size: 0.82rem; color: var(--ink-mute);
  margin: 14px 0 0;
}

/* Free card visual emphasis */
.member-card.free {
  background: var(--accent-wash);
  border-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
.member-card.free .tag {
  background: var(--accent); color: #fff; border-color: var(--accent);
}
.member-card.free .price .big { color: var(--accent-deep); }

/* Paid card */
.member-card.paid .tag {
  background: var(--ink); color: #fff; border-color: var(--ink);
}
.member-card.paid ul.perks li::before { color: var(--ink); }

.combine-note {
  margin: var(--pad-2) 0 var(--pad-3);
  padding: 16px 22px;
  background: var(--bg-soft);
  border-left: 4px solid var(--accent);
  border-radius: var(--rad-sm);
  font-size: 0.95rem;
}
.combine-note strong { font-family: var(--font-display); }


.article-hero { padding: var(--pad-5) 0 var(--pad-4); border-bottom: 1px solid var(--line-soft); }
.article-hero h1 { max-width: 22ch; }
.article-hero .lede { font-family: var(--font-display); font-weight: 400; font-size: 1.35rem; color: var(--ink); max-width: 60ch; margin-top: var(--pad-2); }
.article-body { padding: var(--pad-4) 0; display: grid; grid-template-columns: 220px 1fr; gap: var(--pad-4); align-items: start; }
@media (max-width: 880px) { .article-body { grid-template-columns: 1fr; } }
.article-toc { position: sticky; top: 88px; font-size: 0.88rem; }
.article-toc h5 { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 12px; color: var(--ink-soft); }
.article-toc ul { list-style: none; padding: 0; margin: 0; }
.article-toc li { margin-bottom: 8px; }
.article-toc a { color: var(--ink-soft); border-left: 2px solid var(--line); padding-left: 10px; display: block; }
.article-toc a:hover { color: var(--ink); border-color: var(--accent); }
.bullet-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: var(--pad-3) 0; }
@media (max-width: 760px) { .bullet-grid { grid-template-columns: 1fr; } }
.bullet { padding: 18px; border: 1px solid var(--line); border-radius: var(--rad-md); background: var(--bg); }
.bullet .num { font-family: var(--font-mono); font-size: 0.72rem; color: var(--ink-soft); letter-spacing: 0.12em; }
.bullet h4 { font-family: var(--font-display); font-size: 1.1rem; margin: 6px 0 6px; }
.bullet p { margin: 0; color: var(--ink-soft); font-size: 0.95rem; }
.role-list, .glossary, .compare-table { display: grid; gap: 1px; background: var(--line-soft); border: 1px solid var(--line); border-radius: var(--rad-md); overflow: hidden; margin: var(--pad-3) 0; }
.role-row { display: grid; grid-template-columns: 200px 1fr 180px; gap: 24px; padding: 18px 22px; background: var(--bg); }
.role-row .name { font-family: var(--font-display); font-weight: 600; font-size: 1.1rem; }
.role-row .who { color: var(--ink-soft); font-size: 0.9rem; }
.role-row .home { font-family: var(--font-mono); font-size: 0.78rem; color: var(--ink-soft); text-align: right; }
@media (max-width: 760px) { .role-row { grid-template-columns: 1fr; gap: 4px; } .role-row .home { text-align: left; } }
.training-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: var(--pad-3) 0; }
@media (max-width: 760px) { .training-grid { grid-template-columns: 1fr; } }
.training-card { padding: var(--pad-3); border: 1px solid var(--line); border-radius: var(--rad-md); background: var(--bg); display: flex; flex-direction: column; gap: 10px; }
.training-card .lvl { font-family: var(--font-mono); font-size: 0.66rem; color: var(--accent-deep); letter-spacing: 0.14em; }
.training-card h3 { margin: 0; }
.training-card .meta { display: flex; gap: 12px; font-size: 0.8rem; color: var(--ink-soft); margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line-soft); }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: var(--pad-3) 0; }
@media (max-width: 760px) { .news-grid { grid-template-columns: 1fr; } }
.news-card { display: flex; flex-direction: column; gap: 10px; }
.news-card .thumb { aspect-ratio: 4/3; border-radius: var(--rad-md); }
.news-card .date { font-family: var(--font-mono); font-size: 0.7rem; color: var(--ink-soft); letter-spacing: 0.1em; }
.news-card h3 { font-size: 1.2rem; margin: 0; }
.news-card .excerpt { font-size: 0.95rem; color: var(--ink-soft); }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pad-4); margin: var(--pad-3) 0; }
@media (max-width: 760px) { .contact-grid { grid-template-columns: 1fr; } }
.contact-form { display: grid; gap: 14px; }
.contact-form .field { display: grid; gap: 6px; }
.contact-form .field label { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-soft); }
.contact-form input, .contact-form textarea {
  font-family: var(--font-body); font-size: 1rem;
  background: var(--bg); border: 1px solid var(--line);
  border-radius: var(--rad-sm); padding: 12px 14px;
  color: var(--ink);
}
.contact-form textarea { min-height: 140px; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { outline: 2px solid var(--accent); border-color: var(--accent); }
.glossary .term-row { display: grid; grid-template-columns: 180px 1fr; gap: 24px; padding: 18px 22px; background: var(--bg); }
.glossary .term { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; }
.glossary .def { color: var(--ink-soft); }
.glossary .term-row .abk { font-family: var(--font-mono); font-size: 0.7rem; color: var(--ink-mute); display: block; margin-top: 2px; }
@media (max-width: 760px) { .glossary .term-row { grid-template-columns: 1fr; gap: 4px; } }
.compare-table .ct-row { display: grid; grid-template-columns: 180px 1fr 1fr; gap: 18px; padding: 14px 22px; background: var(--bg); align-items: start; }
.compare-table .ct-row.head { background: var(--bg-soft); font-family: var(--font-display); font-weight: 600; font-size: 0.92rem; }
.compare-table .ct-row .l { font-family: var(--font-mono); font-size: 0.74rem; color: var(--ink-soft); letter-spacing: 0.1em; text-transform: uppercase; padding-top: 2px; }
@media (max-width: 760px) { .compare-table .ct-row { grid-template-columns: 1fr; gap: 4px; } }
.org-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: var(--pad-3) 0; }
@media (max-width: 760px) { .org-grid { grid-template-columns: 1fr; } }
.org-card { padding: 18px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--rad-md); }
.org-card .sector { font-family: var(--font-mono); font-size: 0.66rem; color: var(--accent-deep); letter-spacing: 0.14em; text-transform: uppercase; }
.org-card h3 { margin: 6px 0 6px; font-size: 1.15rem; }
.org-card p { margin: 0; color: var(--ink-soft); font-size: 0.9rem; }
.cite { padding: 20px 24px; background: var(--bg-soft); border-left: 4px solid var(--accent); border-radius: var(--rad-md); margin: var(--pad-3) 0; }
.cite blockquote { font-family: var(--font-display); font-style: italic; font-size: 1.2rem; margin: 0; color: var(--ink); }
.cite cite { display: block; margin-top: 12px; font-family: var(--font-mono); font-size: 0.78rem; color: var(--ink-soft); font-style: normal; letter-spacing: 0.06em; }

.nav-sec{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:10px 14px 4px}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:var(--pad-3) 0}

.member-card .tag{position:static;align-self:flex-start;margin-bottom:12px}

.article-body{grid-template-columns:minmax(0,1fr)!important;max-width:860px}
.site-nav .nav-dropdown a.nav-sub{padding-left:30px;font-size:.92em;color:var(--ink-soft)}
.site-nav .nav-dropdown a.nav-sub::before{content:"–";margin-right:8px;color:var(--ink-mute)}

.role-row{grid-template-columns:250px minmax(0,1fr) 140px}
.role-row .name{overflow-wrap:anywhere}
@media (max-width:760px){.role-row{grid-template-columns:1fr}}