#initiative-dialog {
  width:min(1120px,calc(100% - 48px));
  max-width:none;
  max-height:calc(100dvh - 48px);
  padding:0;
  border-radius:16px;
  background:#fffefa;
  overflow:auto;
  overscroll-behavior:contain;
}
.dialog-toolbar {
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 30px;
  border-bottom:1px solid #e4dfea;
  background:#fffefaf5;
  backdrop-filter:blur(16px);
}
.dialog-context{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.dialog-context .eyebrow{font-size:12px;letter-spacing:1.3px}
.dialog-context .detail-status{margin:0;font-size:10px;color:#716778}
.dialog-toolbar #close-dialog{height:40px;width:40px;font-size:26px}
.dialog-content{padding:34px 38px 24px}
.initiative-spotlight{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;padding-bottom:30px}
.spotlight-copy,.spotlight-visual{min-width:0}
#initiative-dialog h2{font-size:35px;letter-spacing:-1.2px;line-height:1.15;margin:0;max-width:100%;font-weight:500}
#detail-tagline{font-size:26px;color:var(--purple);font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.25;letter-spacing:-.4px;margin:17px 0 0}
#detail-value{font-size:14px;line-height:1.7;color:#655c6e;margin-top:16px;max-width:430px}
#detail-highlights{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:11px}
#detail-highlights li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.45}
#detail-highlights li::before{content:'↗';display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;font-size:15px;color:#6651a5;background:#f0ebf6;border-radius:7px}
#detail-apps{margin-top:22px}
#detail-graphic{background:linear-gradient(130deg,#f4eff9,#faf8f3);border:1px solid #e7e0ed;border-radius:12px;overflow:hidden;min-height:180px}
.graphic-caption{font-size:8px;letter-spacing:1.1px;text-align:right;color:#817789;margin-top:10px}
#detail-deep-dive{border-top:1px solid #e3dcea}
#detail-deep-dive summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 4px;color:var(--ink)}
#detail-deep-dive summary::-webkit-details-marker{display:none}
#detail-deep-dive summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:3px}
#detail-deep-dive summary strong{font-size:14px;font-weight:500;display:block}
#detail-deep-dive summary small{font-size:11px;line-height:1.5;color:#817789;display:block;margin-top:5px}
.detail-expand{font-size:25px;color:var(--purple);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f0ebf6;transition:transform .2s}
#detail-deep-dive[open] .detail-expand{transform:rotate(45deg)}
.detail-deep-content{padding-top:30px}
.detail-explanation-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:40px}
.detail-block{margin:0}
.detail-block h3,.detail-example h3,.detail-benefits>h3{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--purple);margin:0 0 12px;font-weight:550}
.detail-block p{font-size:13px;line-height:1.85;color:#5e5765}
.detail-example{background:#f0edf5;border-left:2px solid #9e89be;padding:20px 22px;border-radius:0 8px 8px 0}
.detail-example p{font-size:13px;line-height:1.8;color:#5d5268}
#detail-steps{padding:0;margin:20px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:steps}
#detail-steps li{font-size:10px;color:#71657e;line-height:1.6;position:relative;counter-increment:steps;padding-top:19px}
#detail-steps li::before{content:'0' counter(steps);position:absolute;top:0;left:0;font-size:8px;color:#8a789d}
#detail-steps li+li{border-left:1px solid #e2dbe9;padding-left:12px}
#detail-steps li+li::before{left:12px}
.detail-benefits{margin-top:32px;padding-top:27px;border-top:1px solid #e9e3ee}
#detail-outcomes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#detail-outcomes h4{font-size:14px;line-height:1.5;letter-spacing:-.1px;margin:0 0 7px;font-weight:500}
#detail-outcomes p{font-size:12px;line-height:1.75;color:#68606f}
.detail-deep-content>.detail-note{border:0;border-top:1px solid #e6deec;background:none;border-radius:0;padding:16px 0 0;margin-top:25px;font-size:10px;color:#756b7f;line-height:1.8}
@media(max-width:900px){
  .dialog-content{padding:28px}
  .initiative-spotlight{gap:28px;grid-template-columns:1.1fr 1fr}
  #initiative-dialog h2{font-size:31px}
  #detail-tagline{font-size:23px}
  #detail-value{font-size:13px}
  #detail-highlights li{font-size:13px}
  .detail-explanation-grid{gap:28px}
}
@media(max-width:680px){
  #initiative-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}
  .dialog-toolbar{padding:12px 18px;gap:12px}
  .dialog-context{gap:4px;flex-direction:column;align-items:start}
  .dialog-context .eyebrow{font-size:11px}
  .dialog-context .detail-status{font-size:9px}
  .dialog-content{padding:26px 23px 22px}
  .initiative-spotlight{grid-template-columns:1fr;gap:28px;padding-bottom:24px}
  #initiative-dialog h2{font-size:30px;letter-spacing:-1px}
  #detail-tagline{font-size:24px;margin-top:15px}
  #detail-value{font-size:13px}
  #detail-highlights{margin-top:20px;gap:10px}
  #detail-highlights li{font-size:13px}
  #detail-graphic{min-height:150px}
  #detail-deep-dive summary{padding-top:20px}
  #detail-deep-dive summary small{font-size:10px}
  .detail-explanation-grid{grid-template-columns:1fr;gap:24px}
  #detail-outcomes{grid-template-columns:1fr;gap:21px}
  .detail-example{padding:18px}
}
@media(max-width:350px){
  .dialog-content{padding:22px 18px}
  #initiative-dialog h2{font-size:27px}
  #detail-tagline{font-size:22px}
  #detail-highlights li{font-size:12px}
  #detail-deep-dive summary small{font-size:9px}
}
@media print{#initiative-dialog{display:none!important}}
