/* Sign in with Auto Secure Login page (English and Spanish). Breadcrumbs, guide tables, code and
   the FAQ list; the rules mirror the site's legal-page styles so the guide reads the same as the
   policies. Loaded only by the two sign-in pages. */
.breadcrumbs{padding-top:1.1rem;color:var(--subtle);font-size:.86rem}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.35rem;color:#5b7182}
.breadcrumbs a{color:var(--muted)}
.asl-guide table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem}
.asl-guide th,.asl-guide td{padding:.75rem;border:1px solid rgba(76,154,255,.2);vertical-align:top;text-align:left;overflow-wrap:anywhere}
.asl-guide th{color:var(--text)}
.asl-guide code,.callout code,.check-list code,.faq-list code{color:#e6f0ff;background:#061127;border:1px solid rgba(76,154,255,.2);border-radius:.35rem;padding:.1rem .3rem;overflow-wrap:anywhere}
.asl-guide p,.asl-guide li,.asl-guide td{color:var(--muted)}
.asl-guide strong,.asl-guide th{color:var(--text)}
.faq-list{display:grid;gap:.8rem}
.faq-list details{background:rgba(13,28,42,.72);border:1px solid rgba(76,154,255,.18);border-radius:.9rem}
.faq-list summary{padding:1rem 1.1rem;color:var(--text);font-weight:780;cursor:pointer}
.faq-list details[open] summary{border-bottom:1px solid rgba(76,154,255,.18)}
.faq-list details p{margin:0;padding:1rem 1.1rem 1.2rem;color:var(--muted)}
.callout img{float:right;margin:0 0 .5rem 1rem;width:96px;height:96px}
@media (max-width:640px){.callout img{float:none;margin:0 0 .8rem}}