/* The knowledge architecture extends the existing QMandat design system. */
.qm-knowledge-architecture{max-width:1100px;margin:36px 0;color:var(--qm-ink);font:inherit}
.qm-knowledge-architecture>.qm-eyebrow{margin-bottom:18px;font-size:10px;line-height:1.6;letter-spacing:.18em}
.qm-knowledge-workspace{border:1px solid var(--qm-line);border-radius:0;background:#fff;padding:26px 30px}
.qm-knowledge-label{display:block;font-size:10px;font-weight:600;line-height:1.65;letter-spacing:.11em;text-transform:uppercase;color:var(--qm-muted)}
.qm-knowledge-architecture h3{margin:12px 0 14px;font-size:24px;font-weight:400;line-height:1.25;letter-spacing:-.035em;overflow-wrap:break-word;hyphens:auto}
.qm-knowledge-architecture p{margin:0;font-size:15px;line-height:1.7;color:var(--qm-muted)}
.qm-knowledge-workspace p{max-width:70ch}
.qm-knowledge-connector{height:38px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#71858d}
.qm-knowledge-architecture .qm-knowledge-group-label{margin:0 0 14px;font-size:12px;line-height:1.6;color:var(--qm-muted)}
.qm-knowledge-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.qm-knowledge-stores>li{min-width:0;border-radius:0;background:#fff;padding:24px}
.qm-knowledge-stores h3{font-size:22px}
.qm-knowledge-stores p{font-size:14px}
.qm-knowledge-answer-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.qm-knowledge-answer-path>li{min-width:0;border-radius:0;background:#e7eeee;padding:24px}
.qm-knowledge-answer-path h3{font-size:22px}
.qm-knowledge-answer-path p{font-size:14px}
.qm-knowledge-architecture figcaption{margin-top:20px;max-width:92ch;font-size:12px;line-height:1.75;color:var(--qm-muted)}
@media(max-width:900px){.qm-knowledge-stores{grid-template-columns:minmax(0,1fr)}.qm-knowledge-stores>li{padding:22px}.qm-knowledge-stores h3{font-size:23px}.qm-knowledge-stores p{max-width:75ch}}
@media(max-width:650px){.qm-knowledge-answer-path{grid-template-columns:minmax(0,1fr)}.qm-knowledge-workspace{padding:22px}.qm-knowledge-architecture h3{font-size:22px}.qm-knowledge-answer-path>li{padding:22px}}
@media(max-width:360px){.qm-knowledge-workspace,.qm-knowledge-stores>li,.qm-knowledge-answer-path>li{padding:18px}.qm-knowledge-label{font-size:9px;letter-spacing:.09em}}
