/* Approved planning overview, 2026-09-21. Isolated from order-decision. */
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.planning-overview{--ink:#122344;--muted:#627b9c;--blue:#1379ee;--line:#d9e8f8;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#fff 20%,#f5fbff 100%);padding-bottom:20px}
.overview-hero{min-height:156px;padding:22px 3%;display:flex;align-items:center;gap:30px;background:linear-gradient(90deg,#f8fcff 0%,#f8fcfff5 32%,#f7fbff91 58%,#f7fbff10 100%),url("./assets/planning-decision/overview-hero.png") right center/auto 100% no-repeat}
.overview-breadcrumb{margin:0 0 12px;color:#607c9c;font-size:13px}
.overview-hero{background-size:100% 100%,auto 100%}
.overview-hero h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(25px,2.4vw,40px);line-height:1.3;letter-spacing:-.025em;margin:0 0 10px;font-weight:750}
.overview-lead{font-size:clamp(13px,1.05vw,17px);line-height:1.8;color:var(--muted);margin:0}
.overview-cta{flex-shrink:0;white-space:nowrap;border:1.5px solid var(--blue);border-radius:16px;padding:12px 22px;background:#ffffffdf;color:var(--blue);font-size:14px;font-weight:600;box-shadow:0 4px 12px #3378bb0c}
.overview-cta span{margin-left:8px}
.overview-cta:hover{background:#eaf5ff}
.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 8% minmax(0,1.07fr);margin:8px 2% 12px;align-items:stretch}
.overview-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(130deg,#ffffffed,#f2f9fee0);box-shadow:inset 0 1px 0 #fff}
.panel-heading h2,.overview-results h2{position:relative;margin:0;padding-left:17px;font-size:clamp(20px,1.6vw,27px);line-height:1.4}
.panel-heading h2:before,.overview-results h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:4px;background:linear-gradient(#53b7ff,#0872ff)}
.panel-heading p{margin:3px 0 0 17px;color:var(--muted);font-size:14px;line-height:1.6}
.operation-flow{position:relative;margin:22px 8% 36px;display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);grid-template-rows:104px 44px minmax(150px,1fr) 68px 104px;min-height:470px}
.operation-flow article{position:relative;min-width:0;display:flex;align-items:center;gap:14px;border:1px solid #d3e6fb;border-radius:7px;padding:18px;background:linear-gradient(120deg,#fff,#f8fcff);box-shadow:0 7px 22px #487ba709;cursor:pointer}
.operation-flow .governance{grid-area:1/1/2/4;padding-right:110px}
.operation-flow .monthly{grid-area:3/1/4/2;align-items:flex-start;padding:22px 12px 40px}
.operation-flow .short{grid-area:3/3/4/4;align-items:flex-start;padding:22px 12px 40px}
.operation-flow .release{grid-area:5/1/6/4;padding-right:110px}
.operation-flow article>img{width:54px;height:54px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.operation-flow h3{font-size:clamp(16px,1.2vw,20px);line-height:1.5;margin:0 0 4px}
.operation-flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.operation-flow .capability-open-hint{position:absolute;right:18px;bottom:50%;transform:translateY(50%);color:#3478b7;font-size:12px;font-weight:600}
.operation-flow .monthly .capability-open-hint,.operation-flow .short .capability-open-hint{left:72px;right:auto;bottom:15px;transform:none}
.operation-flow article:hover,.capability-grid article:hover{background:#edf7ff;border-color:#74b1ef;box-shadow:0 8px 24px #2172b512}
.operation-flow article:focus-visible,.capability-grid article:focus-visible,.overview-cta:focus-visible{outline:3px solid #2287ee;outline-offset:3px}
.governance-link{grid-row:2;color:var(--blue);text-align:center;font-size:31px;line-height:44px}
.link-left{grid-column:1}.link-right{grid-column:3}
.balance-link{grid-area:3/2/4/3;align-self:center;text-align:center;font-size:34px;color:var(--blue)}
.return-link{grid-area:4/1/5/4;position:relative;align-self:start;margin:8px 22% 0;height:34px;border:1.5px solid #66a9eb;border-top:0;border-radius:0 0 4px 4px;text-align:center}
.return-link:before,.return-link:after{content:"↑";position:absolute;top:-12px;color:var(--blue);font-size:22px}
.return-link:before{left:-6px}.return-link:after{right:-6px}
.return-link span{position:relative;top:22px;padding:0 12px;background:#f7fbff;color:var(--muted);font-size:13px;white-space:nowrap}
.outer-loop{position:absolute;top:50px;bottom:50px;width:28px;border:1.5px solid var(--blue);pointer-events:none}
.outer-left{left:-34px;border-right:0;border-radius:10px 0 0 10px}
.outer-right{right:-34px;border-left:0;border-radius:0 10px 10px 0}
.outer-loop span{position:absolute;top:42%;padding:8px 0;background:#f6fbff;line-height:1.6;font-size:12px;color:var(--muted);text-align:center}
.outer-left span{left:-13px}.outer-right span{right:-13px}
.outer-loop:before,.outer-loop:after{position:absolute;font-size:22px;color:var(--blue);line-height:1}
.outer-left:before{content:"→";right:-4px;top:-12px}.outer-left:after{content:"→";right:-4px;bottom:-10px}
.outer-right:before{content:"←";left:-4px;top:-12px}
.relationship{display:flex;flex-direction:column;justify-content:center;gap:30px;padding:0 12px;text-align:center;font-size:14px}
.relationship strong{display:block;font-weight:600}
.relationship span{display:block;height:22px;margin:7px 0;background:linear-gradient(90deg,#eaf4ff,#4595f5);clip-path:polygon(0 32%,86% 32%,86% 0,100% 50%,86% 100%,86% 68%,0 68%)}
.relationship .to-left{transform:rotate(180deg)}
.support-panel .capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.capability-grid article{position:relative;display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:82px;padding:15px 10px 30px;border:1px solid var(--line);border-radius:6px;background:#ffffffbd;cursor:pointer}
.capability-grid img{width:33px;height:33px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.capability-grid h3{margin:0;font-size:clamp(13px,1vw,17px);line-height:1.6}
.capability-grid .capability-open-hint{position:absolute;left:52px;bottom:11px;right:auto;font-size:12px;color:#3478b7}
.vertical-link{text-align:center;color:var(--blue);font-size:25px;line-height:24px}
.orchestration{display:flex;align-items:center;gap:22px;padding:16px 22px;border-radius:7px;background:linear-gradient(105deg,#dceeff,#eaf5ff 60%,#dcedff)}
.planning-overview svg{width:36px;height:36px;fill:none;stroke:var(--blue);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.orchestration>svg{width:65px;height:65px}
.orchestration h3{margin:0 0 5px;font-size:20px}
.orchestration p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.foundation-grid>section{border:1px solid var(--line);border-radius:6px;padding:14px 16px 12px;background:#ffffffb8;min-width:0}
.foundation-grid header{display:flex;gap:10px;align-items:flex-start;margin-bottom:9px}
.foundation-grid h3{font-size:19px;margin:0 0 2px}
.foundation-grid p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
.foundation-grid header p{font-size:12px;line-height:1.5}
.foundation-grid small{display:block;color:#4379b6;font-size:11px;margin-bottom:3px}
.support-note{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.7}
.overview-results{margin:0 2%;display:grid;grid-template-columns:auto 1fr;gap:16px 30px;border:1px solid var(--line);border-radius:8px;padding:22px 20px 15px;background:#ffffffb8}
.overview-results ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;align-items:center}
.overview-results li{display:flex;align-items:center;justify-content:center;gap:13px;border-left:1px solid #c4d6eb;font-size:14px;font-weight:600}
.overview-results li:first-child{border:0}
.overview-results svg{width:29px;height:29px}
.overview-results>p{grid-column:1/-1;text-align:center;color:var(--muted);font-size:12px;margin:0;line-height:1.8}
@media(min-width:1600px){.overview-hero{min-height:175px}.overview-panel{padding:24px}.operation-flow{margin-top:28px;grid-template-rows:112px 48px 164px 72px 112px}.capability-grid article{min-height:94px}.foundation-grid>section{padding:18px}.orchestration{padding:20px 28px}}
@media(max-width:1250px){.overview-layout{grid-template-columns:minmax(0,1fr) 6% minmax(0,1.1fr)}.overview-panel{padding:14px}.relationship{padding:0 4px;font-size:12px}.operation-flow{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);margin-inline:7%}.operation-flow article{gap:8px;padding:14px}.operation-flow article>img{width:40px;height:40px}.operation-flow .monthly,.operation-flow .short{flex-direction:column}.operation-flow .monthly .capability-open-hint,.operation-flow .short .capability-open-hint{left:12px}.operation-flow .governance,.operation-flow .release{padding-right:16px;padding-bottom:35px}.operation-flow .governance .capability-open-hint,.operation-flow .release .capability-open-hint{bottom:12px;transform:none}.outer-left{left:-25px;width:19px}.outer-right{right:-25px;width:19px}.capability-grid article{gap:5px;padding-inline:7px}.capability-grid img{width:26px;height:26px}.capability-grid .capability-open-hint{left:38px}.foundation-grid>section{padding:12px 9px}.foundation-grid header{gap:6px}.foundation-grid svg{width:28px;height:28px}.overview-results{grid-template-columns:1fr}.overview-results h2{font-size:21px}}
@media(max-width:980px){.overview-hero{align-items:flex-start;flex-direction:column;gap:18px;background-size:auto 100%;padding:24px 4%}.overview-lead{max-width:650px}.overview-hero h1{font-size:32px}.overview-layout{grid-template-columns:1fr;margin:12px 3%}.overview-panel{padding:22px}.relationship{flex-direction:row;gap:35px;padding:12px;align-items:center}.relationship>div{display:flex;align-items:center;gap:12px}.relationship span{width:70px}.operation-flow{margin:24px 7%;grid-template-rows:104px 44px 154px 68px 104px}.operation-flow .monthly,.operation-flow .short{flex-direction:row;gap:14px}.operation-flow .monthly .capability-open-hint,.operation-flow .short .capability-open-hint{left:67px}.operation-flow article>img{width:50px;height:50px}.operation-flow h3{font-size:18px}.capability-grid h3{font-size:16px}.capability-grid img{width:34px;height:34px}.capability-grid article{padding:14px 12px 35px;gap:8px}.capability-grid .capability-open-hint{left:54px}.overview-results{margin-inline:3%}}
@media(max-width:600px){.overview-hero h1{font-size:28px;max-width:380px}.overview-lead{font-size:14px}.overview-cta{border-radius:9px}.overview-panel{padding:17px 12px}.panel-heading h2{font-size:21px}.panel-heading p{font-size:12px}.operation-flow{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);margin:22px 22px;grid-template-rows:120px 40px 200px 64px 120px}.operation-flow .monthly,.operation-flow .short{flex-direction:column;padding:12px 8px 35px;gap:8px}.operation-flow .monthly .capability-open-hint,.operation-flow .short .capability-open-hint{left:8px}.operation-flow article>img{width:38px;height:38px}.operation-flow h3{font-size:15px}.operation-flow p{font-size:12px}.operation-flow .governance,.operation-flow .release{padding:12px 9px 30px}.balance-link{font-size:25px}.outer-loop span{font-size:10px}.outer-left{left:-19px;width:14px}.outer-right{right:-19px;width:14px}.outer-left span{left:-8px}.outer-right span{right:-8px}.return-link{margin-inline:15%;}.return-link span{font-size:11px;padding-inline:8px}.relationship{gap:15px}.relationship span{width:38px}.relationship>div{gap:5px}.support-panel .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.capability-grid article{padding:12px 8px 32px;gap:5px;min-height:95px}.capability-grid h3{font-size:14px}.capability-grid img{width:28px;height:28px}.capability-grid .capability-open-hint{left:41px;font-size:11px}.orchestration{padding:16px 12px;gap:12px}.orchestration>svg{width:38px;height:38px}.orchestration h3{font-size:18px}.orchestration p{font-size:12px}.foundation-grid{grid-template-columns:1fr;gap:9px}.foundation-grid>section{display:grid;grid-template-columns:43% 1fr;padding:14px}.foundation-grid header{grid-row:1/3;margin:0;gap:9px}.foundation-grid p{font-size:13px}.foundation-grid small{margin:0}.foundation-grid svg{width:30px;height:30px}.overview-results{padding:18px 12px;gap:14px}.overview-results ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 6px}.overview-results li{border:0;justify-content:flex-start;font-size:12px;gap:7px}.overview-results svg{width:25px;height:25px}.overview-results>p{text-align:left;font-size:11px}}
@media(max-width:980px){.overview-hero{background-size:100% 100%,auto 100%;background-image:linear-gradient(90deg,#f8fcfff7,#f8fcffce),url("./assets/planning-decision/overview-hero.png")}}
/* Joined arrowheads, instead of offset glyphs with duplicate shafts. */
.return-link:before,.return-link:after{content:"";top:0;width:8px;height:8px;border-top:1.5px solid #66a9eb;border-left:1.5px solid #66a9eb;transform:translate(-50%,-1px) rotate(45deg)}
.return-link:before{left:-.75px}.return-link:after{right:auto;left:calc(100% + .75px)}
/* Desktop one-screen composition; mobile remains naturally scrollable. */
@media(min-width:1100px) and (min-height:680px){
 .planning-overview{height:calc(100svh - var(--header-height));min-height:614px;display:grid;grid-template-rows:clamp(104px,14vh,140px) minmax(0,1fr) 60px;padding-bottom:10px}
 .overview-hero{min-height:0;padding:12px 3%;gap:24px}.overview-breadcrumb{margin-bottom:8px;font-size:12px}
 .overview-hero h1{font-size:clamp(27px,2.25vw,36px);margin-bottom:5px}.overview-lead{font-size:13px;line-height:1.65}
 .overview-layout{min-height:0;margin:4px 2% 10px}.overview-panel{padding:14px 18px;min-height:0}
 .panel-heading h2{font-size:22px}.panel-heading p{font-size:12px;line-height:1.5;margin-top:2px}
 .loop-panel{display:flex;flex-direction:column}
 .operation-flow{flex:1;min-height:0;margin:16px 8% 12px;grid-template-rows:minmax(70px,1fr) 32px minmax(112px,1.3fr) 48px minmax(70px,1fr)}
 .operation-flow article{padding:12px;gap:12px}.operation-flow article>img{width:44px;height:44px}
 .operation-flow h3{font-size:17px;line-height:1.4}.operation-flow p{font-size:12px;line-height:1.6}
 .operation-flow .monthly,.operation-flow .short{flex-direction:row;padding:16px 10px 30px;gap:9px}
 .operation-flow .governance,.operation-flow .release{padding:12px 90px 12px 14px}
 .operation-flow .governance .capability-open-hint,.operation-flow .release .capability-open-hint{bottom:50%;right:12px;transform:translateY(50%)}
 .operation-flow .monthly .capability-open-hint,.operation-flow .short .capability-open-hint{left:63px;bottom:10px}
 .governance-link{line-height:32px;font-size:27px}.return-link{height:24px;margin-top:8px}.return-link span{top:13px;font-size:12px}
 .outer-loop{top:38px;bottom:38px}
 .support-panel{display:grid;grid-template-rows:auto minmax(120px,1fr) 20px auto 20px auto auto;align-content:stretch}
 .support-panel .capability-grid{margin-top:10px;gap:8px}
 .capability-grid article{min-height:0;padding:10px 8px 26px;gap:7px}.capability-grid img{width:29px;height:29px}
 .capability-grid h3{font-size:14px;line-height:1.5}.capability-grid .capability-open-hint{font-size:11px;left:44px;bottom:8px}
 .vertical-link{font-size:22px;line-height:20px}
 .orchestration{padding:10px 15px;gap:17px}.orchestration>svg{width:46px;height:46px}
 .orchestration h3{font-size:18px;margin-bottom:3px}.orchestration p{font-size:12px;line-height:1.5;margin-top:2px}
 .foundation-grid{gap:8px}.foundation-grid>section{padding:10px 12px}
 .foundation-grid header{gap:8px;margin-bottom:5px}.foundation-grid h3{font-size:17px}.foundation-grid svg{width:29px;height:29px}
 .foundation-grid header p{font-size:11px}.foundation-grid p{font-size:12px;line-height:1.65}.foundation-grid small{font-size:10px;margin-bottom:2px}
 .support-note{font-size:11px;line-height:1.5;margin-top:7px}
 .overview-results{grid-template-columns:auto 1fr;padding:12px 18px;gap:20px;align-items:center}
 .overview-results h2{font-size:21px}.overview-results li{font-size:12px;gap:10px}.overview-results svg{width:26px;height:26px}
}
@media(min-width:1100px) and (max-width:1350px) and (min-height:680px){
 .overview-panel{padding:12px}.operation-flow h3{font-size:15px}.operation-flow article>img{width:34px;height:34px}
 .operation-flow .monthly,.operation-flow .short{gap:6px;padding-inline:8px}
 .operation-flow .monthly .capability-open-hint,.operation-flow .short .capability-open-hint{left:48px}
 .operation-flow .governance,.operation-flow .release{padding-right:75px}
 .operation-flow .capability-open-hint{font-size:10px}
 .capability-grid h3{font-size:12px}.capability-grid img{width:24px;height:24px}.capability-grid .capability-open-hint{left:38px}
 .foundation-grid>section{padding:8px}.foundation-grid header{gap:5px}.foundation-grid svg{width:24px;height:24px}
}
@media(min-width:1100px) and (min-height:680px) and (max-height:800px){
 .planning-overview{grid-template-rows:94px minmax(0,1fr) 56px}
 .overview-hero{padding-block:8px}
 .foundation-grid p{line-height:1.5}
 .foundation-grid>section{padding-block:7px}
 .support-note{margin-top:5px}
}
/* Full-width scenic hero matching the approved reference. */
.overview-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,#f7fbffe6 0%,#f7fbffbf 35%,#f7fbff38 66%,#f7fbff0a 100%),url("./assets/planning-decision/overview-panorama-v2.png");background-size:100% 100%,100% auto;background-position:center,center 58%;background-repeat:no-repeat}
.overview-hero>div{min-width:0}
.overview-hero h1{font-weight:750;letter-spacing:0;line-height:1.3}
.overview-cta{font-size:13px;border-width:1px;border-radius:15px;padding:10px 18px;min-height:38px;box-shadow:0 2px 7px #347db51c;background:#fffffff0}
@media(min-width:1100px) and (min-height:680px){
 .planning-overview{grid-template-rows:clamp(124px,10vw,178px) minmax(0,1fr) 60px}
 .overview-hero{display:block;padding:18px 3.2%}
 .overview-breadcrumb{font-size:12px;line-height:1.4;margin:0 0 11px}
 .overview-hero h1{font-size:clamp(27px,2.25vw,42px);margin:0 0 9px}
 .overview-lead{font-size:clamp(12px,1vw,17px);font-weight:500;line-height:1.65;max-width:65%}
 .overview-cta{position:absolute;left:61.5%;top:56%;transform:translateY(-50%);font-size:clamp(12px,.9vw,15px);padding:10px 18px}
 .overview-hero>div{width:100%}
}
@media(min-width:1100px) and (min-height:680px) and (max-height:800px){
 .planning-overview{grid-template-rows:116px minmax(0,1fr) 56px}
 .overview-hero{padding-block:12px}
 .overview-breadcrumb{margin-bottom:7px}
 .overview-hero h1{font-size:28px;margin-bottom:6px}
 .overview-lead{font-size:12px}
 .support-panel{grid-template-rows:auto minmax(110px,1fr) 18px auto 18px auto auto}
 .orchestration{padding-block:8px}
 .foundation-grid>section{padding-block:5px}
 .vertical-link{line-height:18px}
}
@media(max-width:1099px){.overview-hero{background-size:100% 100%,auto 100%;background-position:center,right center}.overview-cta{align-self:flex-start}.overview-lead{max-width:650px}}
@media(max-width:600px){.overview-hero{background-image:linear-gradient(90deg,#f7fbfff2,#f7fbffce),url("./assets/planning-decision/overview-panorama-v2.png")}}
/* Precise card alignment; override shared interactive-card padding explicitly. */
.planning-overview .operation-flow{--card-icon:48px;--card-gap:14px}
.planning-overview .operation-flow article[role=button]{display:grid;grid-template-columns:var(--card-icon) minmax(0,1fr);column-gap:var(--card-gap);align-content:center;align-items:start;padding:18px 16px;background:linear-gradient(120deg,#fff,#f9fcff);z-index:1}
.planning-overview .operation-flow article>img{width:var(--card-icon);height:var(--card-icon);margin:0;align-self:start;object-fit:contain}
.planning-overview .operation-flow article h3{margin:0 0 6px;font-weight:650;line-height:1.4}
.planning-overview .operation-flow article p{margin:0;line-height:1.65}
.planning-overview .operation-flow .governance[role=button],.planning-overview .operation-flow .release[role=button]{grid-template-columns:var(--card-icon) minmax(0,1fr) auto;align-items:center;padding:16px 20px}
.planning-overview .operation-flow .governance>img,.planning-overview .operation-flow .release>img{align-self:center}
.planning-overview .operation-flow .capability-open-hint{position:static;transform:none;grid-column:2;justify-self:start;align-self:start;margin-top:14px;line-height:1.4;white-space:nowrap;color:#397cb8;font-size:12px}
.planning-overview .operation-flow .governance .capability-open-hint,.planning-overview .operation-flow .release .capability-open-hint{position:static;grid-column:3;margin:0;transform:none;align-self:center;justify-self:end}
.planning-overview .operation-flow .monthly .capability-open-hint,.planning-overview .operation-flow .short .capability-open-hint{position:static;transform:none}
.operation-flow.has-precise-links>.governance-link,.operation-flow.has-precise-links>.balance-link,.operation-flow.has-precise-links>.return-link,.operation-flow.has-precise-links>.outer-loop{display:none}
.planning-overview .operation-flow>.precise-loop-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;stroke-width:1.4;z-index:0}
@media(min-width:1100px) and (min-height:680px){
 .planning-overview .operation-flow{--card-icon:clamp(38px,3.2vw,56px);--card-gap:12px}
 .planning-overview .operation-flow article[role=button]{padding:16px 14px}
 .planning-overview .operation-flow .governance[role=button],.planning-overview .operation-flow .release[role=button]{padding:16px 20px}
 .planning-overview .operation-flow article h3{font-size:clamp(15px,1.15vw,21px)}
 .planning-overview .operation-flow article p{font-size:clamp(12px,.88vw,16px)}
 .planning-overview .operation-flow .capability-open-hint{font-size:clamp(11px,.82vw,14px);margin-top:12px}
 .planning-overview .operation-flow .governance .capability-open-hint,.planning-overview .operation-flow .release .capability-open-hint{margin:0}
}
@media(min-width:1100px) and (max-width:1350px){
 .planning-overview .operation-flow{--card-icon:32px;--card-gap:8px}
 .planning-overview .operation-flow article[role=button]{padding:12px 10px}
 .planning-overview .operation-flow .governance[role=button],.planning-overview .operation-flow .release[role=button]{padding:12px}
 .planning-overview .operation-flow .capability-open-hint{font-size:10px;margin-top:8px}
}
@media(max-width:600px){
 .planning-overview .operation-flow{--card-icon:34px;--card-gap:8px}
 .planning-overview .operation-flow .monthly[role=button],.planning-overview .operation-flow .short[role=button]{grid-template-columns:1fr;padding:12px 8px;align-content:center}
 .planning-overview .operation-flow .monthly>div,.planning-overview .operation-flow .short>div{margin-top:8px}
 .planning-overview .operation-flow .monthly .capability-open-hint,.planning-overview .operation-flow .short .capability-open-hint{grid-column:1;margin-top:10px}
 .planning-overview .operation-flow .governance[role=button],.planning-overview .operation-flow .release[role=button]{grid-template-columns:var(--card-icon) minmax(0,1fr);padding:12px}
 .planning-overview .operation-flow .governance .capability-open-hint,.planning-overview .operation-flow .release .capability-open-hint{grid-column:2;margin-top:7px;font-size:11px}
}
/* Longer approved positioning copy stays clear of the independent CTA. */
@media(min-width:1100px) and (min-height:680px){
 .overview-hero{padding-block:14px}
 .overview-lead{max-width:58%;line-height:1.6}
 .overview-breadcrumb{margin-bottom:8px}
 .overview-hero h1{margin-bottom:6px}
}
@media(min-width:1100px) and (min-height:680px) and (max-height:800px){
 .overview-hero{padding-block:8px}
 .overview-breadcrumb{font-size:11px;margin-bottom:4px}
 .overview-hero h1{font-size:27px;margin-bottom:4px}
}
@media(prefers-reduced-motion:reduce){.planning-overview *{transition:none!important}}