/* Library guide figures (owner 2026-10-28): light, soft colours; photos with credit; text diagrams that read in every language. */
.pd-fig{margin:16px 0 20px;padding:14px 16px;background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:14px}
.pd-fig-title{margin:0 0 10px!important;font-weight:700;color:var(--pd-ink)}
.pd-fig figcaption{margin-top:8px;font-size:14px;color:var(--pd-muted,#5b6577)}
.pd-fig-photo{padding:10px}
.pd-fig-photo img{display:block;width:auto;max-width:min(100%,640px);height:auto;max-height:420px;margin:0 auto;border-radius:10px}
.pd-fig-credit{display:block;margin-top:4px;font-size:12.5px}
.pd-fig-credit a{color:inherit}
.pd-fig-steps ol,.pd-fig-timeline ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pd-fig-steps li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;border-inline-start:5px solid var(--fig-edge);background:var(--fig-bg)}
.pd-fig-steps li span{font-size:15px}
.pd-fig-emergency{--fig-edge:#d9776a;--fig-bg:#fdf1ef}
.pd-fig-urgent{--fig-edge:#e3a856;--fig-bg:#fdf6ea}
.pd-fig-call{--fig-edge:#e8cf6a;--fig-bg:#fdfaea}
.pd-fig-home{--fig-edge:#7fbf9a;--fig-bg:#eff8f2}
.pd-fig-info{--fig-edge:#8ea7d8;--fig-bg:#f1f5fc}
.pd-fig-timeline ol{position:relative;padding-inline-start:18px}
.pd-fig-timeline ol::before{content:"";position:absolute;inset-block:6px;inset-inline-start:5px;width:2px;background:#cfd9ea}
.pd-fig-timeline li{position:relative;display:grid;gap:2px}
.pd-fig-timeline li::before{content:"";position:absolute;inset-inline-start:-17px;top:6px;width:10px;height:10px;border-radius:50%;background:#8ea7d8;box-shadow:0 0 0 3px var(--pd-surface)}
.pd-fig-when{font-weight:700;font-size:14px;color:#3f5a8f}
.pd-fig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.pd-fig-card{padding:10px 12px;border-radius:10px;border-top:4px solid var(--fig-edge);background:var(--fig-bg);min-width:0}
.pd-fig-card ul{margin:6px 0 0;padding-inline-start:18px}
.pd-fig-card li{font-size:14.5px;margin:2px 0}
html[data-theme="dark"] .pd-fig-emergency{--fig-bg:#3a2522}
html[data-theme="dark"] .pd-fig-urgent{--fig-bg:#3a2f1e}
html[data-theme="dark"] .pd-fig-call{--fig-bg:#38341d}
html[data-theme="dark"] .pd-fig-home{--fig-bg:#1f3428}
html[data-theme="dark"] .pd-fig-info{--fig-bg:#222d42}
html[data-theme="dark"] .pd-fig-when{color:#a9bde6}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .pd-fig-emergency{--fig-bg:#3a2522}
:root:not([data-theme="light"]) .pd-fig-urgent{--fig-bg:#3a2f1e}
:root:not([data-theme="light"]) .pd-fig-call{--fig-bg:#38341d}
:root:not([data-theme="light"]) .pd-fig-home{--fig-bg:#1f3428}
:root:not([data-theme="light"]) .pd-fig-info{--fig-bg:#222d42}
:root:not([data-theme="light"]) .pd-fig-when{color:#a9bde6}}
.pd-fig-card strong a,.pd-fig-steps strong a{color:inherit;text-decoration:underline;text-underline-offset:2px}