.diagram-slide{background:var(--cream);color:var(--navy)}
.planning-page{background:var(--cream);color:var(--navy)}
.planning-page h2{position:absolute;left:5%;top:5%;margin:0;font-size:3.1cqw}
.development-steps{position:absolute;left:5%;right:5%;top:18%;bottom:11%;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;column-gap:5%}
.development-steps li{display:flex;gap:1.5cqw;padding:.65cqw 0;border-top:1px solid #2a3a6230}
.development-steps li>span{font-size:2.8cqw;line-height:1.2;color:var(--coral);font-weight:700}
.development-steps h3{font-size:1.65cqw;margin:0 0 .5cqw}
.development-steps p{font-size:1.3cqw;line-height:1.8;margin:0}
.planning-footer{position:absolute;left:5%;right:5%;bottom:5%;margin:0;font-size:1.2cqw;color:#AB3525}
.discussion-table{position:absolute;left:5%;top:18%;width:90%;height:69%;border-collapse:collapse;font-size:1.22cqw;line-height:1.65}
.discussion-table thead{background:var(--navy);color:var(--cream)}
.discussion-table th,.discussion-table td{text-align:left;padding:.65cqw 1.2cqw;border-bottom:1px solid #2a3a6230}
.discussion-table tbody th{width:26%;font-size:1.35cqw}
.discussion-table tbody tr:nth-child(even){background:#FBF2E680}
.diagram-slide h2{position:absolute;left:5%;top:5%;margin:0;font-size:3.1cqw;color:var(--navy)}
.diagram-slide .diagram-region{position:absolute;left:5%;right:5%;top:18%;bottom:9%;}
.diagram-region svg{display:block;width:100%;height:100%;overflow:visible;font-family:BrandChinese,'Microsoft YaHei',sans-serif}
.diagram-region .brand-diagram{display:block;width:100%;height:100%;object-fit:contain}
.raster-slide .diagram-region{left:3%;right:3%;top:16%;bottom:8%}
.raster-slide.lifecycle .diagram-region{top:25%;bottom:9%}
.vector-scroll .brand-diagram{display:block;width:100%;min-width:1200px;height:auto}
.diagram-slide .diagram-note{position:absolute;left:5%;right:5%;bottom:3%;margin:0;font-size:1.13cqw;line-height:1.65;color:var(--navy)}
.diagram-slide .diagram-note strong{color:#AB3525}
.diagram-slide .scope-caption{right:5%;top:8%;font-size:1.15cqw}
.diagram-slide .life-stages{left:5%;right:5%;top:16%;font-size:1.12cqw}
.diagram-slide.lifecycle .diagram-region{top:25%;bottom:9%}
.diagram-slide .diagram-inspect{position:absolute;right:5%;top:6%;color:var(--navy);border-color:#2a3a6255;font-size:1.1cqw;padding:.4cqw .8cqw}
.diagram-slide .diagram-inspect:hover{background:#FC5A3F22}
.diagram-slide.lifecycle .diagram-inspect{top:auto;bottom:3%;right:5%}
.vector-dialog{width:96vw;max-width:96vw;height:92dvh;max-height:92dvh;background:var(--cream);color:var(--navy);border:0;padding:0}
.vector-dialog::backdrop{background:#17233ee8}
.vector-dialog header{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:var(--cream);padding:12px 20px;position:sticky;top:0;z-index:2}
.vector-dialog h2{font-size:18px;margin:0}
.vector-dialog .vector-scroll{overflow:auto;height:calc(100% - 64px);padding:20px}
.vector-dialog svg{width:100%;min-width:1100px;height:auto;font-family:BrandChinese,'Microsoft YaHei',sans-serif}
@media(max-width:600px){.controls{gap:8px;white-space:nowrap}.controls button{min-height:44px;padding:6px 10px}.diagram-slide .diagram-inspect{font-size:10px;padding:5px;top:3%}.diagram-slide.lifecycle .diagram-inspect{top:auto;bottom:1%}.diagram-slide.lifecycle .diagram-note{right:28%}}
@media print{.diagram-inspect{display:none!important}}