.contoso-opening,.contoso-transfer{max-width:1180px;margin:28px auto;padding:26px;border:1px solid #cfd7dc;background:#f7f9f9;color:#17272b}.contoso-kicker{font:700 11px/1.2 ui-monospace,monospace;text-transform:uppercase;color:#276274;margin-bottom:13px}.contoso-opening-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.contoso-opening h2,.contoso-transfer h2{font-size:30px;margin:6px 0 12px}.contoso-opening-grid>div>span,.contoso-content-grid span,.contoso-decision span{font-size:11px;font-weight:700;text-transform:uppercase;color:#6a777b}.contoso-opening-grid p,.contoso-content-grid p{line-height:1.6}.contoso-opening aside{border-left:4px solid #b47820;background:#fff;padding:18px}.contoso-opening a,.contoso-decision a{display:inline-block;background:#155f67;color:#fff;text-decoration:none;padding:10px 14px;font-weight:700}.contoso-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contoso-content-grid article{background:#fff;border-top:3px solid #276274;padding:15px}.contoso-content-grid p{margin-bottom:0}.contoso-decision{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cfd7dc;margin-top:20px;padding-top:20px}.contoso-decision span{display:block;margin-bottom:5px}@media(max-width:800px){.contoso-opening-grid,.contoso-content-grid{grid-template-columns:1fr}.contoso-decision{align-items:flex-start;flex-direction:column}.contoso-opening,.contoso-transfer{margin:18px 12px;padding:18px}}