/* Uses the existing FSN typography, paper and blue accent. */
/* Keep the full-width hero inside desktops with a classic scrollbar. */
html { overflow-y: scroll; }
.licensed-preview { border: 1px solid var(--line, #ddd9d2); border-radius: 8px; overflow: hidden; }
.licensed-preview__bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 26px; border-bottom:1px solid var(--line, #ddd9d2); }
.licensed-preview__bar > * { margin:0; }
.licensed-preview__body { display:grid; grid-template-columns: 1.3fr 1fr; }
.licensed-preview__scene { padding:30px; color:#aaa59b; display:flex; flex-direction:column; justify-content:center; background:#f2f0ea; }
.licensed-preview__scene svg { width:100%; height:auto; }
.licensed-preview__scene p { color:var(--secondary, #716d66); margin:8px 0 0; }
.licensed-preview__controls { padding:32px; }
.licensed-preview__tabs { display:flex; gap:24px; border-bottom:1px solid var(--line, #ddd9d2); margin-bottom:28px; }
.licensed-preview__tabs button { font:400 13px/1.4 var(--mono); color:var(--secondary, #716d66); border:0; border-bottom:2px solid transparent; background:transparent; padding:0 0 12px; cursor:pointer; min-height:44px; }
.licensed-preview__tabs button[aria-pressed=true] { color:var(--accent); border-bottom-color:var(--accent); }
.licensed-preview__controls h3 { font:300 clamp(24px,2.5vw,34px)/1.15 var(--serif); letter-spacing:-.02em; margin:0 0 16px; }
.licensed-preview__controls p:not(.mono-note) { font:400 16px/1.6 var(--sans); color:var(--body); }
.licensed-preview__controls .mono-note { margin:24px 0; color:var(--accent); }
.licensed-caption { margin-top:16px; }
.licensed-preview [hidden] { display:none; }
[data-verifier-application] .application-ack { display:grid; grid-template-columns:22px 1fr; gap:12px; margin:24px 0; align-items:start; font:400 14px/1.6 var(--sans); color:var(--body); }
[data-verifier-application] .application-ack input { width:20px; height:20px; margin-top:3px; accent-color:var(--accent); }
[data-verifier-application] .application-ack .field-error { grid-column:2; }
[data-verifier-application] [data-application-reference] { overflow-wrap:anywhere; font-family:var(--mono); }
[data-verifier-application] :disabled { opacity:.75; }
[data-verifier-application] .form-done { scroll-margin-top:110px; }
.licensed-preview button:focus-visible, [data-verifier-application] :focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@media(max-width:767px) { .licensed-preview__bar { align-items:flex-start; flex-direction:column; padding:18px; gap:8px; } .licensed-preview__body { grid-template-columns:1fr; } .licensed-preview__scene { padding:20px; } .licensed-preview__controls { padding:24px 20px; } }