/* Approved 2026-09-22 artwork. Only the planning overview opts in. */
.planning-polished{--header-height:64px}
.planning-polished .planning-overview{--ink:#091b43;--muted:#637da1;--blue:#0869ff;--line:#cce3fc;background:linear-gradient(120deg,#fff,#f5fbff);padding-bottom:18px}
.planning-polished .overview-hero{background-position:center,center 64%;background-image:linear-gradient(90deg,#f7fbffdc,#f7fbff80 44%,#f7fbff00 77%),url('./assets/planning-decision/overview-panorama-v2.png')}
.planning-polished .overview-layout{grid-template-columns:minmax(0,44fr) minmax(74px,7fr) minmax(0,48fr);margin:6px 1.8% 14px}
.planning-polished .overview-panel{background:linear-gradient(120deg,#ffffff,#f3faff);border-radius:7px;border-color:#c9e2fc;padding:16px 18px}
.planning-polished .panel-heading h2{font-size:clamp(19px,1.38vw,25px);font-weight:650}
.planning-polished .panel-heading p{font-size:clamp(11px,.76vw,13px);line-height:1.65;margin-top:3px}
.planning-polished .relationship{padding:0 12px;gap:22px;font-size:12px;color:#091b43}
.planning-polished .relationship span{height:20px}
.planning-polished .operation-flow{--card-icon:clamp(40px,3.5vw,60px);--card-gap:12px;margin:14px 6% 14px;grid-template-columns:minmax(0,1fr) 8% minmax(0,1fr)}
.planning-polished .operation-flow article[role=button]{border-radius:6px;background:linear-gradient(110deg,#fff,#f8fcff);border-color:#cde5ff;box-shadow:0 8px 20px #2876bb08;padding:16px;align-content:center}
.planning-polished .operation-flow article h3{font-size:clamp(15px,1.17vw,20px);line-height:1.4;margin-bottom:6px;font-weight:650}
.planning-polished .operation-flow article p{font-size:clamp(12px,.89vw,15px);line-height:1.65}
.planning-polished .operation-flow .governance[role=button],.planning-polished .operation-flow .release[role=button]{padding:16px 18px}
.planning-polished .operation-flow .capability-open-hint{color:#1164ca;font-size:clamp(11px,.76vw,13px);margin-top:16px}
.planning-polished .operation-flow .governance .capability-open-hint,.planning-polished .operation-flow .release .capability-open-hint{margin-top:0}
.planning-polished .support-panel .capability-grid{gap:8px;margin-top:14px}
.planning-polished .capability-grid article[role=button]{display:grid;grid-template-columns:clamp(32px,2.6vw,44px) minmax(0,1fr);grid-template-rows:auto auto;align-content:space-between;column-gap:12px;row-gap:6px;min-height:0;padding:10px 12px;border-color:#cde3fc;border-radius:6px;background:linear-gradient(120deg,#fff,#fcfeff)}
.planning-polished .capability-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px;grid-row:1/3;align-self:start}
.planning-polished .capability-grid h3{font-size:clamp(12px,.91vw,16px);font-weight:600;line-height:1.45;align-self:start}
.planning-polished .capability-grid .capability-open-hint{position:static;grid-column:2;justify-self:end;font-size:clamp(10px,.74vw,13px);color:#1164ca;line-height:1.4}
.planning-polished .orchestration{padding:12px 20px;gap:20px;background:linear-gradient(105deg,#cfe7ff,#e5f3ff 65%,#d2e9ff);border-radius:6px}
.planning-polished .orchestration h3{font-size:clamp(17px,1.15vw,21px);font-weight:650;margin-bottom:4px}
.planning-polished .orchestration p{font-size:clamp(11px,.75vw,13px);line-height:1.65}
.planning-polished .orchestration>svg{width:52px;height:52px;stroke-width:2.2}
.planning-polished .foundation-grid{gap:8px}
.planning-polished .foundation-grid>section{padding:12px 16px;border-radius:5px;border-color:#cce3fc;background:linear-gradient(120deg,#fff,#f9fcff)}
.planning-polished .foundation-grid header{gap:12px;margin-bottom:10px}
.planning-polished .foundation-grid svg{width:36px;height:36px;stroke-width:2}
.planning-polished .foundation-grid h3{font-size:clamp(16px,1.03vw,19px);font-weight:600}
.planning-polished .foundation-grid header p{font-size:clamp(11px,.75vw,13px);line-height:1.5}
.planning-polished .foundation-grid>section>p{font-size:clamp(12px,.79vw,14px);line-height:1.7}
.planning-polished .foundation-grid small{display:none}
.planning-polished .support-note{font-size:clamp(10px,.7vw,12px);margin:7px 0 0;line-height:1.5}
.planning-polished .overview-results{margin:0 1.8%;padding:12px 18px;border-radius:6px;border-color:#cce3fc;grid-template-columns:310fr 1270fr;gap:0;align-items:center}
.planning-polished .overview-results h2{font-size:clamp(18px,1.3vw,23px);font-weight:650}
.planning-polished .overview-results li{border-left:1px solid #c4d9ef;gap:14px;font-size:clamp(11px,.83vw,15px);font-weight:550}
.planning-polished .overview-results svg{width:29px;height:29px;stroke-width:2}
@media(min-width:1100px) and (min-height:680px){
 .planning-polished .planning-overview{height:calc(100svh - var(--header-height));min-height:616px;display:grid;grid-template-rows:20% minmax(0,1fr) 60px;padding-bottom:18px}
 .planning-polished .overview-hero{padding:14px 3%;display:flex;align-items:center}
 .planning-polished .overview-breadcrumb{font-size:11px;margin-bottom:8px}
 .planning-polished .overview-hero h1{font-size:clamp(28px,2.42vw,43px);line-height:1.25;margin-bottom:10px;font-weight:700}
 .planning-polished .overview-lead{max-width:56%;font-size:clamp(12px,1vw,17px);line-height:1.6}
 .planning-polished .overview-cta{left:61.6%;top:65%;font-size:clamp(12px,.88vw,15px);padding:10px 18px;border-radius:14px}
 .planning-polished .operation-flow{grid-template-rows:minmax(76px,1fr) 34px minmax(125px,1.52fr) 48px minmax(76px,1fr);min-height:0}
 .planning-polished .support-panel{grid-template-rows:auto minmax(144px,1.35fr) 24px minmax(82px,.72fr) 16px minmax(125px,1.03fr) auto}
 .planning-polished .vertical-link{font-size:23px;line-height:22px}
}
@media(min-width:1100px) and (max-width:1390px){
 .planning-polished .operation-flow{--card-icon:36px;--card-gap:8px}
 .planning-polished .operation-flow article[role=button]{padding:12px}
 .planning-polished .operation-flow article h3{font-size:14px}
 .planning-polished .operation-flow .governance[role=button],.planning-polished .operation-flow .release[role=button]{grid-template-columns:var(--card-icon) minmax(0,1fr);padding:12px}
 .planning-polished .operation-flow .governance .capability-open-hint,.planning-polished .operation-flow .release .capability-open-hint{grid-column:2;justify-self:start;margin-top:4px}
 .planning-polished .foundation-grid>section{padding:10px}
 .planning-polished .foundation-grid header{gap:7px}.planning-polished .foundation-grid svg{width:28px;height:28px}
}
@media(min-width:1100px) and (max-height:800px){
 .planning-polished .planning-overview{grid-template-rows:120px minmax(0,1fr) 48px;padding-bottom:10px}
 .planning-polished .overview-panel{padding:10px 14px}
 .planning-polished .overview-hero h1{font-size:28px;margin-bottom:6px}
 .planning-polished .overview-lead{font-size:12px}
 .planning-polished .operation-flow{margin-top:10px;margin-bottom:10px;grid-template-rows:minmax(65px,1fr) 24px minmax(100px,1.4fr) 36px minmax(65px,1fr)}
 .planning-polished .operation-flow .capability-open-hint{margin-top:6px}
 .planning-polished .support-panel{grid-template-rows:auto minmax(112px,1fr) 18px auto 16px auto auto}
 .planning-polished .support-panel .capability-grid{margin-top:8px}
 .planning-polished .capability-grid article[role=button]{padding:7px;gap:5px}
 .planning-polished .orchestration{padding:8px 12px;gap:12px}
 .planning-polished .orchestration>svg{width:36px;height:36px}
 .planning-polished .orchestration p{font-size:10px;line-height:1.5}
 .planning-polished .foundation-grid>section{padding:8px}.planning-polished .foundation-grid header{margin-bottom:6px}
 .planning-polished .foundation-grid>section>p{font-size:11px;line-height:1.5}
 .planning-polished .overview-results{padding:8px 14px}
}
@media(max-width:1099px){
 .planning-polished .overview-layout{grid-template-columns:1fr;margin-inline:3%}
 .planning-polished .overview-hero{display:block;padding:22px 4%}
 .planning-polished .overview-cta{display:inline-flex;margin-top:16px}
 .planning-polished .relationship{flex-direction:row;padding:14px}
 .planning-polished .operation-flow{min-height:480px}
 .planning-polished .capability-grid article[role=button]{min-height:88px}
 .planning-polished .overview-results{grid-template-columns:1fr;gap:16px}
}
@media(max-width:600px){
 .planning-polished .operation-flow{margin-inline:24px;--card-icon:34px;--card-gap:8px}
 .planning-polished .operation-flow article[role=button]{padding:12px 8px}
 .planning-polished .operation-flow .governance[role=button],.planning-polished .operation-flow .release[role=button]{grid-template-columns:34px minmax(0,1fr);padding:12px 8px}
 .planning-polished .operation-flow .governance .capability-open-hint,.planning-polished .operation-flow .release .capability-open-hint{grid-column:2}
 .planning-polished .overview-panel{padding:16px 12px}
 .planning-polished .capability-grid article[role=button]{padding:10px 8px;column-gap:6px;grid-template-columns:28px minmax(0,1fr)}
 .planning-polished .orchestration{padding:12px;gap:12px}
 .planning-polished .orchestration>svg{width:36px;height:36px}
 .planning-polished .foundation-grid>section{display:block;padding:14px}
 .planning-polished .foundation-grid header{margin-bottom:10px}
 .planning-polished .foundation-grid>section>p{padding-left:48px;font-size:12px}
 .planning-polished .overview-results li{border:0;gap:8px}
}

/* Marked supporting copy: slightly smaller, stronger weight; headings unchanged. */
.planning-polished .panel-heading p,
.planning-polished .operation-flow article p,
.planning-polished .orchestration p,
.planning-polished .foundation-grid p{font-weight:600}
@media(min-width:1100px){
 .planning-polished .panel-heading p{font-size:clamp(10px,.684vw,11.7px)}
 .planning-polished .operation-flow article p{font-size:clamp(11px,.801vw,13.5px)}
 .planning-polished .orchestration p{font-size:clamp(10px,.675vw,11.7px)}
 .planning-polished .foundation-grid header p{font-size:clamp(10px,.675vw,11.7px)}
 .planning-polished .foundation-grid>section>p{font-size:clamp(11px,.711vw,12.6px)}
}