/* Pencil Pal logo layout and touch-safe navigation. UI colors retain the master-2 theme. */
.brand { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:var(--brand-touchTarget); min-height:var(--brand-touchTarget); max-width:100%; padding:0; border-radius:12px; }
.brand-artwork { display:block; width:var(--brand-horizontalWidth); max-width:100%; }
.brand-artwork img { width:100%; height:auto; object-fit:contain; }
.brand-artwork .brand-dark { display:none; }
:root[data-theme=dark] .brand-artwork .brand-light { display:none; }
:root[data-theme=dark] .brand-artwork .brand-dark { display:block; }
.brand-artwork[data-variant=compact] { width:var(--brand-compactWidth); }
.brand-artwork[data-variant=stacked] { width:var(--brand-startupWidth); }
.brand > [data-variant=compact] { display:none; }
.doodle-brand { display:flex; justify-content:center; }
.brand-tag { margin-left:0; letter-spacing:1.2px; }
.sidebar { padding-top:max(28px,env(safe-area-inset-top)); }
.lesson-header { padding-top:max(12px,env(safe-area-inset-top)); padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); }
@media (max-width:1100px) {
  .lesson-header .brand > [data-variant=horizontal] { display:none; }
  .lesson-header .brand > [data-variant=compact] { display:block; }
}
@media (min-width:681px) and (max-width:900px) {
  .sidebar .brand > [data-variant=horizontal] { display:none; }
  .sidebar .brand > [data-variant=compact] { display:block; }
}
@media (max-width:680px) {
  .mobile-brand .brand > [data-variant=horizontal] { display:none; }
  .mobile-brand .brand > [data-variant=compact] { display:block; }
  .lesson-header { grid-template-columns:44px minmax(0,1fr) 124px; }
  .topbar .top-actions { min-width:0; }
  .main-shell { padding-left:max(18px,env(safe-area-inset-left)); padding-right:max(18px,env(safe-area-inset-right)); }
}