.environment-banner{position:relative;z-index:1;padding:10px 16px;background:#fff0c2;border-bottom:2px solid #997523;color:#493811;font:700 12px/1.5 system-ui,sans-serif;text-align:center;overflow-wrap:anywhere}
.role-preview{display:grid;grid-template-columns:minmax(220px,380px) minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 18px;padding:14px 16px;border:2px solid #a58a44;border-radius:12px;background:#fff8df;color:#493811}.role-preview label{margin:0}.role-preview select{background:#fff}.role-preview-copy{align-self:center;font-size:13px;line-height:1.45}.role-preview-copy strong{display:block;font-size:14px}.role-preview button{white-space:nowrap}.role-preview-active{box-shadow:0 0 0 3px rgba(165,138,68,.14)}
@media screen and (min-width:901px){.environment-banner{margin-left:235px}}
@media screen and (max-width:760px){.role-preview{grid-template-columns:1fr}.role-preview button{width:100%}}
@media print{.environment-banner{display:block!important}}