/* V3.3 account layouts retained; only static availability and responsive navigation added. */
.account-availability{margin:1.25rem 0;scroll-margin-top:6rem;overflow-wrap:anywhere}
.account-availability:focus{outline:2px solid var(--jade);outline-offset:8px}
.account-unavailable-notice{font-size:.95rem;line-height:1.8;margin-bottom:1rem}
.availability-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem}
.availability-channels dt{font-weight:600;font-size:.88rem}
.availability-channels dd{margin:.3rem 0 0;font-size:.85rem;overflow-wrap:anywhere}
.auth-secondary-links{display:grid;gap:1rem;margin-top:1.5rem}
.auth-panel h2{font-size:1.5rem;margin:0 0 1.25rem}
.auth-static-fields{display:grid;gap:1rem;margin-bottom:1.5rem}
.auth-static-fields input:disabled{opacity:1;color:var(--muted);background:#f4f3ee;cursor:not-allowed}
.auth-submit{width:100%;justify-content:center}
.account-main,.auth-story,.auth-panel{min-width:0}
.auth-hospital-photo img{max-width:100%;height:auto;object-fit:contain}
.restored-hospital-image{width:100%;height:auto;object-fit:contain!important;border-radius:4px}
.gw-stage-art:has(.restored-hospital-image){align-self:center}
/* The extra login entry needs more room, especially in French and German. */
@media(min-width:1101px){.primary-navigation{gap:clamp(10px,1.2vw,22px)}}
@media(min-width:1101px) and (max-width:1600px){
 html[lang="fr"] .menu-toggle,html[lang="de"] .menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:none;font-size:13px;color:var(--jade);padding:10px 0}
 html[lang="fr"] .menu-toggle__icon,html[lang="de"] .menu-toggle__icon{display:grid;gap:5px;width:20px}
 html[lang="fr"] .menu-toggle__icon i,html[lang="de"] .menu-toggle__icon i{height:1px;background:currentColor}
 html[lang="fr"] .primary-navigation,html[lang="de"] .primary-navigation{position:absolute;top:100%;left:0;right:0;background:#fbefdc;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px var(--gutter) 20px;border-bottom:1px solid var(--line)}
 html[lang="fr"] .primary-navigation[data-open="true"],html[lang="de"] .primary-navigation[data-open="true"]{display:flex}
 html[lang="fr"] .primary-navigation>a,html[lang="de"] .primary-navigation>a{padding:12px 0;font-size:14px;border-bottom:1px solid #edf0eb}
}
@media(max-width:360px){.availability-channels{grid-template-columns:1fr}}

.auth-panel .auth-secondary-links .text-link{margin-top:0;font-size:.85rem}
.auth-panel .auth-static-fields .form-field{margin-bottom:0}