/* Preview identity must remain readable at narrow widths and after scrolling. */
body[data-portal-preview="true"] .portal-preview-banner{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf3ef;border-bottom:1px solid #d5e0d8;color:#244a37;padding:10px 24px}
body[data-portal-preview="true"] .portal-preview-banner>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
body[data-portal-preview="true"] .portal-preview-banner strong{font-size:13px;white-space:normal}
body[data-portal-preview="true"] .portal-preview-banner span{font-size:13px;overflow-wrap:anywhere;max-width:none;overflow:visible;color:#244a37}
body[data-portal-preview="true"] .portal-preview-banner small{flex-basis:100%;font-size:11px;color:#52665a;line-height:1.4}
body[data-portal-preview="true"] .portal-preview-banner button{flex-shrink:0;min-height:44px;border:1px solid #a7bdb0;background:#fff;color:#244a37}
body[data-portal-preview="true"] .portal-preview-banner button:focus-visible{outline:2px solid #244a37;outline-offset:3px}
@media(min-width:1100px){body.pt-app[data-portal-preview="true"] .portal-preview-banner{padding-left:var(--pt-gutter)}}
@media(max-width:600px){body[data-portal-preview="true"] .portal-preview-banner{padding:10px 14px;align-items:flex-start;gap:10px}body[data-portal-preview="true"] .portal-preview-banner>div{display:block}body[data-portal-preview="true"] .portal-preview-banner :is(strong,span,small){display:block}body[data-portal-preview="true"] .portal-preview-banner button{font-size:12px;padding:8px}}