/* Match the supplied reference exactly at full size: 365 x 103 px. */
.al-form .al-label-preview{position:relative;box-sizing:border-box;display:block;width:min(100%,365px);max-width:365px;aspect-ratio:365/103;height:auto;min-height:0;padding:0;border:1px solid #cbd1d8;border-radius:8px;box-shadow:none;background:#fff;color:#171d23}
.al-form .al-label-preview>img{position:absolute;left:5.5%;top:20%;width:15%;height:38%;max-height:none;object-fit:contain;object-position:left center}
.al-form .al-label-preview>span{position:absolute;left:26.5%;top:18%;right:29%;font:500 7px system-ui,sans-serif;letter-spacing:.13em;color:#64707d;line-height:1.2}
.al-form .al-label-preview>strong{position:absolute;left:26.5%;top:41%;right:29%;font:750 17px/1.1 system-ui,sans-serif;letter-spacing:-.15px;overflow-wrap:anywhere;max-height:42%;overflow:hidden}
.al-form .al-label-preview>small{position:absolute;left:5.5%;bottom:16%;max-width:63%;font:500 7px system-ui,sans-serif;letter-spacing:.08em;color:#65717c}
.al-form .al-label-preview>[data-al-qr]{position:absolute;right:3%;top:7%;width:24%;height:86%;display:grid;place-items:center;background:#fff;border:0;outline:0;border-radius:0;box-shadow:none;padding:0}
.al-form .al-label-preview>[data-al-qr] img{display:block;object-fit:contain;width:100%;height:100%;max-width:100%;border:0;outline:0;border-radius:0;box-shadow:none;padding:0}
.al-form .al-label-preview>[data-al-qr] img[hidden]{display:none}
.al-verification-note{display:flex;flex-wrap:wrap;gap:8px 15px;max-width:480px;align-items:center;font-size:11px;line-height:1.5;color:var(--muted);padding:13px 0 5px}.al-verification-note a{color:var(--primary);font-weight:650;display:inline-flex;gap:5px;align-items:center;min-height:28px}.al-verification-note a[hidden]{display:none}
.av313{max-width:900px;margin:0 auto;padding:12px 0 28px}.av313-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.av313-top>span{font-size:10px;font-weight:650;letter-spacing:.14em;color:var(--muted)}.av313-result{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px 42px 25px;max-width:640px;margin:auto;text-align:center;box-shadow:0 18px 55px #112d2010}.av313-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:12px}.av313-result-head img{background:#fff;padding:8px;width:96px;border-radius:7px}.av313-live{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.av313-live:before{content:'';width:6px;height:6px;border-radius:50%;background:#258264}.av313-seal{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;margin:0 auto 17px;background:#e9f5ef;color:#197657;border:1px solid #d4eadd}.av313-eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--muted)}.av313-result h1{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:9px 0 10px;color:var(--text)}.av313-result>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:380px;margin:0 auto}.av313-identity{display:flex;flex-direction:column;gap:8px;padding:25px 0 23px;margin-top:25px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0}.av313-identity>span{font-size:12px;color:var(--muted)}.av313-identity strong{font-size:36px;font-weight:750;letter-spacing:-1px;line-height:1.15;color:var(--text);overflow-wrap:anywhere}.av313-identity small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.av313-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;text-align:left;margin:26px 0}.av313-fields>div{min-width:0}.av313-fields dt{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:6px}.av313-fields dd{font-size:13px;font-weight:600;line-height:1.5;color:var(--text);margin:0;overflow-wrap:anywhere}.av313-actions{display:flex;justify-content:center;gap:10px;margin:26px 0 19px;flex-wrap:wrap}.av313-actions .btn{min-height:44px}.av313-result time{font-size:10px;color:var(--muted);line-height:1.5;display:block}.av313-privacy{text-align:center;font-size:11px;line-height:1.7;color:var(--muted);max-width:420px;margin:21px auto 0}.av313-result.warning .av313-seal{background:#fff4df;border-color:#f1ddba;color:#ad761b}.av313-result.warning .av313-live:before{background:#ad761b}.av313-result.loading .av313-seal{background:var(--soft);border-color:var(--border);color:var(--primary)}
@media(max-width:600px){.al-form .al-label-preview>strong{font-size:14px}.al-form .al-label-preview>span{font-size:6px}.al-form .al-label-preview>small{font-size:6px}.av313{padding:2px 0 14px}.av313-top{gap:8px;margin-bottom:16px}.av313-top>span{font-size:8px;max-width:130px;line-height:1.7}.av313-top>.btn{font-size:11px;padding:9px}.av313-result{border-radius:18px;padding:22px 20px}.av313-result-head{margin-bottom:24px}.av313-result h1{font-size:25px}.av313-identity strong{font-size:32px}.av313-fields{gap:20px 12px}.av313-actions{flex-direction:column}.av313-actions>.btn{width:100%;justify-content:center}.av313-privacy{font-size:10px}}

.av316-assignment{padding:20px;background:var(--soft);border:1px solid var(--border);border-radius:12px;text-align:left;margin:0 0 25px}
.av316-assignment h2{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 19px}
.av316-assignment .av313-fields{grid-template-columns:1fr;gap:16px;margin:0}.av316-assignment dt{margin-bottom:4px}

/* V317: larger logo, same 365 x 103 label and unmodified QR. */
.al-form .al-label-preview>img{
 left:3%;top:7%;width:24%;height:70%;object-fit:contain;object-position:center;
}
.al-form .al-label-preview>span{left:30%;right:28%}
.al-form .al-label-preview>strong{left:30%;right:28%;white-space:nowrap}
.al-form .al-label-preview>small{
 left:3%;bottom:12%;width:24%;max-width:24%;text-align:center;font-size:6px;
}
