/* Phone access follows the existing school palette and dialog composition. */
.logto-entry{padding-top:1rem;border-top:1px solid var(--line,#d8dfd9)}
.logto-entry .hint{margin:.5rem 0}.logto-entry>.text-button{margin-top:.2rem}
.logto-fields{display:grid;gap:1rem}.logto-fields>p{margin:0}
.logto-dialog .logto-qr{display:flex;justify-content:center;padding:.5rem 0}
.logto-dialog .logto-qr svg{max-width:100%;height:auto;background:#fff}
.logto-match-label{text-align:center;margin:.6rem 0 .2rem!important;font-size:.85rem;color:#52675e}
.logto-match{display:block;text-align:center;font:600 1.5rem/1.4 ui-monospace,monospace;letter-spacing:.12em;overflow-wrap:anywhere}
.logto-dialog [data-logto-expiry]{text-align:center;font-variant-numeric:tabular-nums}
.logto-dialog [data-logto-wait]{font-weight:600}
.logto-dialog .form-actions{flex-wrap:wrap}.logto-dialog .field-error:focus{outline:2px solid currentColor;outline-offset:4px}
.logto-workspace{padding:1rem 1.25rem;border:1px solid #d7dfd7;border-radius:12px;margin:0 0 1.25rem;background:#fafbf8}
.logto-workspace>summary{cursor:pointer;font-weight:600;min-height:24px}.logto-workspace>p{margin:.8rem 0}
.logto-application-list{display:grid;gap:.7rem;margin:1rem 0}
.logto-application{border:1px solid #d7dfd7;border-radius:10px;padding:.85rem 1rem}
.logto-application>summary{cursor:pointer;display:list-item;font-weight:600;overflow-wrap:anywhere}
.logto-state{font-size:.8rem;font-weight:400;margin-left:.75rem;text-transform:capitalize;color:#52675e}
.logto-application dl{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.4rem .8rem;font-size:.9rem}
.logto-application dt{color:#52675e}.logto-application dd{margin:0;overflow-wrap:anywhere}
.logto-application .actions{margin-top:1rem}
.logto-wide{width:min(42rem,calc(100vw - 2rem))}
@media(max-width:700px){.site-header:has([data-logto-member]){height:auto;min-height:86px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:12px}#member-nav:has([data-logto-member]){width:100%;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end}#member-nav:has([data-logto-member]) #member-name{margin-right:auto;overflow-wrap:anywhere;max-width:100%}#member-nav [data-logto-member]{min-height:44px}}
@media(max-width:540px){.logto-application dl{grid-template-columns:1fr;gap:.15rem}.logto-application dd{margin-bottom:.6rem}.logto-dialog .form-actions{align-items:stretch}.logto-dialog .form-actions .button{width:100%}.logto-match{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.logto-dialog *{scroll-behavior:auto}}

.logto-alternatives{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}.logto-alternatives .auth-switch{font-size:.9rem}