.focus-demo-actions{display:grid;gap:16px;padding:8px;margin:12px 0}.focus-demo-button{display:block;width:100%;min-height:46px;border:1px solid #567262;border-radius:4px;background:#fff;color:#234b3a;padding:9px 14px;font:600 13px/1.8 var(--sans);text-align:left;box-sizing:border-box}.focus-demo-actions button{cursor:pointer}.focus-demo-actions button:hover{background:#edf4ed}.focus-demo-actions button:focus{outline:3px solid #164fb2;outline-offset:4px;box-shadow:0 0 0 3px #fff}.focus-selection-result{font-size:12px;line-height:1.9;border-top:1px solid #c6d1c9;margin:20px 0 12px;padding-top:10px;min-height:50px}.focus-static-note{font-size:10px;line-height:1.9;color:#545e5f;margin:12px 0 0}.focus-comparison .mock-instruction{min-height:96px}.focus-static-actions{margin-bottom:28px}
@media(max-width:720px){.focus-comparison .mock-instruction{min-height:0}.focus-demo-button{font-size:14px}.focus-selection-result{font-size:13px}.focus-static-note{font-size:11px}}
@media(forced-colors:active){.focus-demo-actions button:focus{outline-color:Highlight;box-shadow:none}}
@media print{.focus-demo-actions{gap:10pt;padding:5pt;margin:8pt 0}.focus-demo-button{min-height:0;padding:6pt 8pt;font-size:9pt}.focus-comparison .mock-instruction{min-height:60pt}.focus-static-note{font-size:7pt}.focus-selection-result{min-height:0;font-size:8pt}}