@media (min-width:768px) and (max-width:1024px) {
  :root { --sidebar:104px; }.sidebar { padding:22px 10px; }.brand { justify-content:center; }.brand > span:last-child,.nav-caption,.sidebar-note,.edition { display:none; }nav { margin-top:26px; }.nav-link { flex-direction:column; gap:2px; padding:8px 4px; font-size: 0.8125rem; }.nav-link[aria-current="page"]::after { display:none; }
  main { padding:26px 24px; }.topbar { padding:16px 24px; }.intro-grid,.content-grid,.module-grid { grid-template-columns:minmax(0,1fr) 235px; gap:16px; }.category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.panel { padding:20px; }.welcome-card,.encouragement { padding:22px; }.metric + .metric { padding-left:10px; }
}
@media (max-width:767px) {
  .app-shell { display:block; }.sidebar { position:relative; height:auto; padding:18px 16px 14px; border-right:0; border-bottom:1px solid var(--border); overflow:visible; }.brand { font-size: 1.25rem; }.brand-mark { width:40px; height:42px; }.brand small { font-size: 0.75rem; }.nav-caption,.sidebar-note,.edition { display:none; }nav { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:18px; }.nav-link { padding:7px 4px; min-height:64px; gap:1px; flex-direction:column; font-size: 0.8125rem; border-radius:12px; }.nav-link[aria-current="page"]::after { display:none; }.nav-icon { font-size: 1.375rem; }.nav-link:hover { transform:none; }.topbar { min-height:49px; padding:10px 18px; }.breadcrumb { font-size: 0.75rem; }.local-badge { font-size: 0.75rem; }main { padding:22px 16px; }.page-heading { align-items:flex-start; gap:12px; margin-bottom:20px; }h1 { font-size: 1.5625rem; }.eyebrow { font-size: 0.75rem; }.subtitle,.date { font-size: 0.75rem; }.date { padding-top:4px; }.intro-grid,.content-grid,.module-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.intro-grid { margin-bottom:16px; }.welcome-card { padding:22px; }.encouragement { padding:20px 22px; }.encouragement blockquote { font-size: 1.125rem; margin:4px 0; }.encouragement small { margin-top:4px; }.metrics { gap:8px; }.metric strong { font-size: 1.5625rem; }.metric + .metric { padding-left:12px; }.metric span { font-size: 0.75rem; }.panel { padding:20px 16px; }.category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.category-card { min-height:134px; padding:15px 8px; }.section-heading h2 { font-size: 1.125rem; }.section-heading > span { font-size: 0.75rem; }.belle-art { max-width:260px; margin:auto; }.belle-fallback { max-width:240px; margin:20px auto; }.task-preview li { padding:14px 12px; }.task-preview small { font-size: 0.75rem; }footer { padding:0 16px 24px; }
}