/* Role-specific behavior only. Shared geometry and appearance live in app-shell.css. */
.app-shell { position: relative; z-index: 1; }
.public-brand { text-decoration: none; pointer-events: auto; }
.public-header summary { list-style: none; }
.public-header summary::-webkit-details-marker { display: none; }
.public-header [hidden] { display: none !important; }
.student-body .env-ribbon { border: 0; }
.student-user-details { min-width: 230px; max-width: calc(100vw - 32px); }
.student-user-details > strong, .student-user-details > p { display: block; margin: 12px 14px; overflow-wrap: anywhere; font-size: var(--font-size-sm); }
.student-user-details > p { color: var(--text-secondary); }
/* TODO(safari-15): Use focus-visible after the studio iPad is upgraded. */
.public-header a:focus, .public-header summary:focus { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 480px) {
    .public-header .studio-logo { height: 30px; }
    .public-header .app-title-part, .public-header .app-title-a { font-size: 20px; }
    .public-header .app-subtitle-row { display: none; }
    .public-header .title-expanded .app-title-logo { width: 30px; }
}