.layout-demo{margin:28px 0;padding:24px;border:1px solid #c3cfe0;border-radius:14px;background:#edf1f7;color:#263e64}.layout-demo figcaption{font-size:14px;margin-bottom:20px;color:#52617a}.layout-demo span,.layout-demo small{display:block;font-size:14px}.layout-demo strong{display:block;line-height:1.3}.before-hero{padding:22px;background:#dce8f6;border-radius:8px}.before-hero strong{font-size:34px;margin:6px 0}.before-hero b{font-size:24px}.before-bottom,.support-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.before-bottom>div,.support-metrics>div{padding:16px;background:#faf9f6;border-radius:8px}.before-bottom strong{font-size:20px;margin:6px 0}.demo-period{font-size:13px!important;margin:18px 0 0!important}.demo-heading{display:grid;gap:4px}.demo-heading strong{font-size:21px}.main-metric{padding:20px;margin-top:20px;background:#dce7f5;border-radius:8px}.main-metric strong{font-size:36px;margin:8px 0}.support-metrics strong{font-size:25px;margin:8px 0}.demo-observation{font-size:16px!important;border-left:3px solid #5279b8;padding:10px 14px;margin:18px 0 0!important}.layout-scheme{display:grid;gap:12px;margin:24px 0;font-size:15px;text-align:center}.layout-scheme>div,.scheme-pair>span{padding:16px;border:1px solid #bfcbdd;border-radius:6px;background:#eff2f7}.layout-scheme .scheme-focus{background:#dce7f5;font-weight:600}.layout-scheme .scheme-pair{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:none}@media(max-width:600px){.layout-demo{padding:16px;margin:24px 0}.before-bottom,.support-metrics,.layout-scheme .scheme-pair{grid-template-columns:1fr}.main-metric{padding:16px}.main-metric strong{font-size:29px}.before-hero strong{font-size:29px}}