/* Content diagrams: readable HTML on narrow screens, exportable vector maps. */
.article .knowledge-map{margin:28px 0 32px;background:#0e1b24;border:1px solid #314653;border-radius:8px;overflow:hidden}.map-header{padding:20px 23px;border-bottom:1px solid #293e4a;display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px}.map-header>span{font:11px var(--mono);color:var(--cyan)}.map-header>strong{font-size:18px;line-height:1.5}.map-header .map-export{margin-left:auto;color:#8faeb6;font-size:11px;text-decoration:none}.map-tree{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:36px;padding:26px 23px}.map-root{position:relative;padding:19px 13px;border:1px solid #5b9da3;border-radius:6px;background:#18353d;text-align:center}.map-root:after{content:"";position:absolute;top:50%;left:100%;width:19px;border-top:1px solid #527a85}.map-root strong{font-size:17px;display:block}.map-root span{display:block;font-size:11px;line-height:1.7;color:#a6c7cb;margin-top:7px}.map-branches{position:relative;display:grid;gap:12px}.map-branches:before{content:"";position:absolute;left:-18px;top:41px;bottom:41px;border-left:1px solid #527a85}.map-branch{position:relative;display:grid;grid-template-columns:minmax(112px,.68fr) minmax(0,1.55fr);align-items:center;border:1px solid #2a4350;background:#13252f;border-radius:5px;min-height:82px;padding:14px 16px;gap:15px}.map-branch:before{content:"";position:absolute;left:-19px;top:50%;width:18px;border-top:1px solid #527a85}.map-branch>strong{font-size:14px;line-height:1.65;color:#dcecee}.map-leaves{display:grid;gap:5px;border-left:1px solid #365260;padding-left:14px}.map-leaves span{display:block;font-size:12px;line-height:1.7;color:#aec6cb}.map-leaves span:before{content:"· ";color:#72c7cc}.article .knowledge-map figcaption{padding:13px 22px;font-size:12px;border-top:1px solid #293e4a;background:#101b23;color:#9eb5bd}.article .map-flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:25px 20px;gap:18px;margin:0}.article .map-flow li{position:relative;margin:0;padding:16px 11px;border:1px solid #2f4a56;border-radius:5px;background:#13252f}.map-flow li:not(:last-child):after{content:"→";position:absolute;right:-16px;top:50%;font-size:14px;color:#72c7cc}.flow-number{display:block;color:var(--cyan);font:12px var(--mono);margin-bottom:13px}.map-flow strong{font-size:14px;display:block;line-height:1.5;margin-bottom:10px}.flow-copy{font-size:11px;color:#aec6cb;line-height:1.9;display:block}.course-mindmap{border:1px solid #314653;border-radius:8px;background:#0e1b24;padding:25px;align-self:center}.map-eyebrow{font:11px var(--mono);letter-spacing:.13em;color:var(--cyan);margin:0 0 20px}.course-map-root{background:#18353d;border:1px solid #5b9da3;padding:12px 16px;border-radius:5px;text-align:center;font-size:19px;font-weight:600;position:relative}.course-map-root:after{content:"";position:absolute;left:50%;top:100%;height:20px;border-left:1px solid #527a85}.course-map-branches{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:39px;position:relative}.course-map-branches:before{content:"";position:absolute;top:-20px;left:25%;right:25%;border-top:1px solid #527a85}.course-map-branches a{position:relative;border:1px solid #2e4c59;border-radius:5px;padding:15px 12px;text-decoration:none;background:#13252f}.course-map-branches a:before{content:"";position:absolute;left:50%;top:-20px;height:20px;border-left:1px solid #527a85}.course-map-branches a:hover{border-color:#72c7cc}.course-map-branches strong{display:block;font-size:15px;color:#e0ecec;margin-bottom:11px}.course-map-branches span{display:block;font-size:12px;color:#acc5ca;line-height:1.9}.course-map-branches small{display:block;font-size:11px;color:#c8ae7b;margin-top:10px}.index-hero{grid-template-columns:minmax(0,1fr) minmax(355px,.92fr)}
@media(max-width:1100px){.map-branch{grid-template-columns:1fr;gap:8px}.map-leaves{border-left:0;padding-left:0}.map-tree{grid-template-columns:140px minmax(0,1fr)}.article .map-flow{grid-template-columns:1fr;gap:19px}.article .map-flow li{display:grid;grid-template-columns:28px minmax(100px,.6fr) minmax(0,1fr);gap:10px;align-items:center;padding:14px}.flow-number,.map-flow strong{margin:0}.flow-copy{font-size:12px}.map-flow li:not(:last-child):after{content:"↓";left:25px;right:auto;top:100%;height:18px;font-size:14px;line-height:18px}}
@media(max-width:900px){.index-hero{grid-template-columns:1fr}.course-mindmap{max-width:650px;width:100%}}
@media(max-width:620px){.map-header{padding:15px 16px;gap:6px 10px}.map-header>strong{font-size:16px}.map-header .map-export{width:100%;margin:3px 0 0}.map-tree{display:block;padding:19px 17px}.map-root{text-align:left;padding:13px 16px;margin-bottom:21px}.map-root span{margin-top:3px;font-size:12px}.map-root:after{left:14px;top:100%;height:22px;width:0;border-top:0;border-left:1px solid #527a85}.map-branches{margin-left:32px;gap:13px}.map-branches:before{top:-21px;bottom:50px}.map-branch{padding:13px 14px;grid-template-columns:1fr;min-height:100px;gap:7px}.map-branch>strong{font-size:15px}.map-leaves span{font-size:12px}.article .knowledge-map figcaption{padding:13px 16px;line-height:1.85}.article .map-flow{padding:18px 16px}.article .map-flow li{grid-template-columns:25px minmax(0,1fr);gap:8px 12px}.flow-copy{grid-column:2;font-size:12px}.map-flow li:not(:last-child):after{left:24px}.course-mindmap{padding:20px}.course-map-branches{gap:11px}.course-map-branches a{padding:13px 10px}.course-map-branches strong{font-size:14px}.course-map-branches span{font-size:11px}.course-map-branches small{font-size:10px}.map-header>span{font-size:10px}}

.course-mindmap{scroll-margin-top:210px}.knowledge-map [id]{scroll-margin-top:215px}