/* Pages sdMPLS — complément du thème B7 (site.css) */
.sdm-sub{display:flex;flex-wrap:wrap;gap:8px;padding-block:0 18px}
.sdm-sub a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:2px solid var(--ink);border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;background:#fff;color:var(--ink)}
.sdm-sub a[aria-current="page"]{background:var(--ink);color:var(--lime)}
.sdm-sub a:hover{background:var(--lime)}
.sdm-sub a[aria-current="page"]:hover{background:var(--ink)}

.sdm-band{background:var(--panel);padding-block:28px 32px}
.sdm-fig{margin:0}
.sdm-fig svg{display:block;width:100%;height:auto}
.sdm-fig figcaption{font-size:.86rem;color:var(--muted);margin-top:10px}
.sdm-dark figcaption{color:var(--on-panel-muted);text-align:center}
.sdm-dark .sdm-w{max-width:980px;margin-inline:auto}
.sdm-dark .sdm-t{display:none;max-width:420px;margin-inline:auto}
@media (max-width:700px){.sdm-dark .sdm-w{display:none}.sdm-dark .sdm-t{display:block}}
.sdm-side{max-width:420px;width:100%;justify-self:end}
@media (max-width:900px){.sdm-side{justify-self:start}}

.sdm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:18px}
.sdm-cards > div{background:#fff;border:3px solid var(--ink);padding:16px 18px}
.sdm-cards > div:nth-child(3n+1){background:var(--ink);border-color:var(--ink);color:var(--on-panel)}
.sdm-cards > div:nth-child(3n+1) b{color:var(--lime)}
.sdm-cards b{display:block;font:900 1.45rem/1 var(--display);text-transform:uppercase;margin-bottom:8px}
.sdm-cards p{font-size:.95rem}

.sdm-steps,.sdm-layers{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;counter-reset:sdm}
.sdm-steps li,.sdm-layers li{display:grid;gap:4px;padding:14px 16px 14px 62px;position:relative;background:#fff;border-left:6px solid var(--lime)}
.sdm-steps li{counter-increment:sdm}
.sdm-steps li::before{content:counter(sdm);position:absolute;left:16px;top:12px;font:900 2rem/1 var(--display);color:var(--ink)}
.sdm-layers li{padding-left:18px}
.sdm-steps b,.sdm-layers b{font-weight:700}
.sdm-steps span,.sdm-layers span{color:var(--muted);font-size:.95rem}
.prose .sdm-steps li + li,.prose .sdm-layers li + li{margin-top:0}

.sdm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:28px;align-items:start;margin-top:12px}
@media (max-width:820px){.sdm-split{grid-template-columns:1fr}.sdm-split .sdm-fig{max-width:420px}}
.sdm-split > div > * + *{margin-top:1em}

.sdm-dl{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:8px 18px;margin-top:14px}
.sdm-dl dt{font-weight:700}
.sdm-dl dd{margin:0;color:var(--muted)}
@media (max-width:520px){.sdm-dl{grid-template-columns:1fr;gap:2px}.sdm-dl dd{margin-bottom:10px}}

.sdm-table td.jack{font-weight:600}
.phead h1{text-transform:none}