/* Approved D design, limited to #concerns. */
/* D only: two contiguous color fields with a clear transition. */
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-layout{position:relative;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:0;align-items:stretch;border:1px solid #CFD6DA}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-problems{background:#E2E4E6;border:0}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head{min-height:108px;padding:20px 30px;background:#D0D4D7;border:0}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head>p{color:#525B63}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head h3{color:#454E56;font-size:22px}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list li{padding:25px 30px;gap:18px;border-bottom:1px solid #C9CED2;grid-template-columns:100px minmax(0,1fr)}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list li:last-child{border-bottom:0}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-number{color:#606970}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list p{color:#4C555D;font-size:18px;line-height:1.9;text-wrap:pretty}
#concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-arrow{position:absolute;top:50%;left:47%;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);margin:0;border:3px solid #fff;border-radius:50%;background:#36769A;color:#fff;font-size:31px;z-index:2;line-height:1}

@media(min-width:761px) and (max-width:1080px){
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list li{padding:23px 22px;grid-template-columns:88px minmax(0,1fr);gap:13px}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list p{font-size:17px}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head{padding:20px 22px}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head h3{font-size:20px}
}
@media(max-width:760px){
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-layout{display:flex;flex-direction:column;border:0}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head{min-height:89px;padding:18px 21px}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-head h3{font-size:19px}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list li{padding:22px 21px;grid-template-columns:80px minmax(0,1fr);gap:13px;min-height:132px}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-problem-list p{font-size:16px;line-height:1.85}
 #concerns.ba-complete-concerns.ba-adopted-contrast .ba-outcome-arrow{position:relative;left:auto;top:auto;align-self:center;transform:rotate(90deg);width:48px;height:48px;font-size:27px;margin:-24px 0;flex:0 0 48px}
}

#concerns.ba-adopted-contrast .ba-after-shell{container:after-outcome / inline-size;min-width:0;background:#C4E4F4}
#concerns.ba-adopted-contrast .after-d{min-height:100%}

    #concerns.ba-adopted-contrast .after-d{color-scheme:light;--navy:#173B55;--blue:#36769A;--pale:#EDF3F7;--line:#C4DAE7;--muted:#657D8D}
    #concerns.ba-adopted-contrast .after-d,#concerns.ba-adopted-contrast .after-d *{box-sizing:border-box}
    
    #concerns.ba-adopted-contrast .after-d{background:#fff;color:var(--navy);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased}
    #concerns.ba-adopted-contrast .after-d{width:min(100%,550px);margin:0 auto;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue)}
    #concerns.ba-adopted-contrast .after-d-head{display:flex;align-items:center;gap:16px;padding:16px 20px 10px}
    #concerns.ba-adopted-contrast .after-d-eyebrow{margin:0;color:var(--blue);font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em}
    #concerns.ba-adopted-contrast .after-d-head h3{margin:0;font-size:22px;line-height:1.5;letter-spacing:.03em}
    #concerns.ba-adopted-contrast .after-d-head-mark{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-left:auto;border-radius:50%;background:var(--pale)}
    #concerns.ba-adopted-contrast .after-d-head-mark svg{width:18px;height:18px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    #concerns.ba-adopted-contrast .after-d-message{margin:0 20px 14px;font-size:29px;font-weight:700;line-height:1.4;letter-spacing:.025em}
    #concerns.ba-adopted-contrast .after-d-message span{display:block}
    #concerns.ba-adopted-contrast .after-d-visual{margin:0 15px;background:#F7FAFC;border:1px solid #E2EDF3}
    #concerns.ba-adopted-contrast .after-d-visual img{display:block;width:100%;height:370px;object-fit:contain;object-position:center}
    #concerns.ba-adopted-contrast .after-d-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:14px 20px 0;padding:0;list-style:none}
    #concerns.ba-adopted-contrast .after-d-values li{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;color:var(--navy);font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}
    #concerns.ba-adopted-contrast .after-d-values svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    #concerns.ba-adopted-contrast .after-d-note{margin:9px 20px 14px;color:var(--muted);font-size:10px;line-height:1.6;text-align:center}
    @container after-outcome (max-width:420px){
      #concerns.ba-adopted-contrast .after-d-head{gap:12px;padding:15px 17px 10px}
      #concerns.ba-adopted-contrast .after-d-eyebrow{font-size:12px}
      #concerns.ba-adopted-contrast .after-d-head h3{font-size:20px}
      #concerns.ba-adopted-contrast .after-d-head-mark{flex-basis:27px;width:27px;height:27px}
      #concerns.ba-adopted-contrast .after-d-message{margin:0 17px 13px;font-size:25px;line-height:1.45;letter-spacing:.01em}
      #concerns.ba-adopted-contrast .after-d-visual{margin:0 10px}
      #concerns.ba-adopted-contrast .after-d-visual img{height:236px}
      #concerns.ba-adopted-contrast .after-d-values{gap:4px;margin:13px 17px 0}
      #concerns.ba-adopted-contrast .after-d-values li{flex-direction:column;gap:3px;font-size:12px;line-height:1.7;white-space:normal;text-align:center}
      #concerns.ba-adopted-contrast .after-d-values svg{flex-basis:14px;width:14px;height:14px}
      #concerns.ba-adopted-contrast .after-d-note{margin:9px 14px 13px;font-size:9px;line-height:1.6}
    }
  
    /* D: color the entire outcome panel, not only its image or border. */
    #concerns.ba-adopted-contrast .after-d{width:100%;max-width:none;background:#C4E4F4;border:0}
    #concerns.ba-adopted-contrast .after-d-head{min-height:108px;padding:20px 30px;gap:16px;background:#36769A}
    #concerns.ba-adopted-contrast .after-d-eyebrow{padding:6px 14px;border-radius:30px;background:#fff;color:#286383;font-size:14px;letter-spacing:.04em}
    #concerns.ba-adopted-contrast .after-d-head h3{color:#fff;font-size:28px}
    #concerns.ba-adopted-contrast .after-d-head-mark{display:none}
    #concerns.ba-adopted-contrast .after-d-message{margin:23px 30px 18px;font-size:31px;line-height:1.4;letter-spacing:.025em}
    #concerns.ba-adopted-contrast .after-d-visual{margin:0 24px;background:#fff;border:0}
    #concerns.ba-adopted-contrast .after-d-visual img{width:100%;height:330px;object-fit:contain}
    #concerns.ba-adopted-contrast .after-d-values{margin:17px 24px 0;gap:7px}
    #concerns.ba-adopted-contrast .after-d-values li{min-height:41px;padding:8px 5px;background:#fff;font-size:13px;gap:4px}
    #concerns.ba-adopted-contrast .after-d-values svg{flex-basis:16px;width:16px;height:16px}
    #concerns.ba-adopted-contrast .after-d-note{margin:9px 20px 16px;color:#426173;font-size:10px}
    @container after-outcome (max-width:420px){
      #concerns.ba-adopted-contrast .after-d-head{min-height:89px;padding:18px 21px;gap:12px}
      #concerns.ba-adopted-contrast .after-d-eyebrow{font-size:12px;padding:5px 12px}
      #concerns.ba-adopted-contrast .after-d-head h3{font-size:24px}
      #concerns.ba-adopted-contrast .after-d-message{margin:20px 21px 16px;font-size:26px;line-height:1.45}
      #concerns.ba-adopted-contrast .after-d-visual{margin:0 16px}
      #concerns.ba-adopted-contrast .after-d-visual img{height:auto;aspect-ratio:4/3;object-fit:contain}
      #concerns.ba-adopted-contrast .after-d-values{margin:15px 16px 0;gap:5px}
      #concerns.ba-adopted-contrast .after-d-values li{min-height:59px;flex-direction:column;font-size:12px;line-height:1.6;padding:7px 3px;gap:3px}
      #concerns.ba-adopted-contrast .after-d-values svg{flex-basis:15px;width:15px;height:15px}
      #concerns.ba-adopted-contrast .after-d-note{margin:10px 14px 16px;font-size:10px}
    }