.recovery-main { padding-block: clamp(36px, 7vw, 92px); }
.recovery-heading { text-align: center; max-inline-size: 650px; margin: 0 auto 30px; }
.recovery-heading h1 { margin: 12px 0; font-size: clamp(2.3rem, 5.5vw, 4.2rem); }
.recovery-heading p, .recovery-panel > p { color: var(--muted); }
.recovery-icon { display: inline-grid; place-items: center; inline-size: 52px; block-size: 52px; border: 1px solid var(--line); border-radius: 12px; color: var(--purple); }
.recovery-icon .icon { width: 24px; height: 24px; }
.recovery-panel { inline-size: min(100%, 500px); margin-inline: auto; padding: clamp(18px, 4vw, 32px); border: 1px solid var(--line); border-radius: 12px; background: var(--site-panel); overflow-wrap: anywhere; }
.recovery-panel[hidden] { display: none; }
.recovery-results { inline-size: min(100%, 850px); }
.recovery-panel h2 { margin: 0 0 6px; font-size: clamp(1.35rem, 4vw, 1.8rem); }
.recovery-panel .recovery-email { margin: 0 0 12px; color: var(--muted); text-align: start; }
[dir=rtl] .recovery-email { text-align: right; }
.recovery-form { display: grid; gap: 10px; }
.recovery-form label { font-weight: 600; }
.recovery-form input:not([type=hidden]) { inline-size: 100%; min-block-size: 46px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--ink); font: inherit; }
.recovery-form #recovery-code { max-inline-size: 15ch; letter-spacing: .25em; font-variant-numeric: tabular-nums; }
.recovery-form .button { justify-self: start; margin-block-start: 8px; }
.recovery-reset { margin-block-start: 18px; }
.recovery-panel .recovery-notice { border-inline-start: 3px solid var(--purple); padding: 9px 12px; margin: 0 0 16px; color: var(--ink); }
.recovery-panel .recovery-notice--error { border-inline-start-color: #ba5663; }
.recovery-licenses { padding: 0; margin: 20px 0 0; list-style: none; }
.recovery-licenses dl { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); gap: 12px 18px; padding: 14px 0; margin: 0; border-top: 1px solid var(--line); }
.recovery-licenses dt { font-size: .8rem; color: var(--muted); margin-block-end: 4px; }
.recovery-licenses dd { margin: 0; font-size: .9rem; }
.recovery-licenses code { color: var(--ink); font-size: .86rem; unicode-bidi: isolate; }
@media (min-width: 1101px) { .am-license-recovery .home-footer--complete .footer-main { grid-template-columns: 1.3fr 1fr 1fr; } }
@media (max-width: 650px) { .recovery-licenses dl { grid-template-columns: 1fr 1fr; } .recovery-licenses dl div:first-child { grid-column: 1 / -1; } }