/* Shared destinations: Home, course shortcuts, and Library files/folders. */
[data-material-surface] {
  min-width: 0;
  border: 0;
  border-radius: var(--desktop-surface-radius, 10px);
  background: var(--card);
  box-shadow: var(--bui-shadow-card, 0 1px 2px rgb(0 0 0 / 6%), 0 4px 12px rgb(0 0 0 / 5%));
  transition: background-color 150ms, box-shadow 150ms;
}
:is(a, button)[data-material-surface]:hover { background: var(--accent); }
[data-material-surface]:focus-visible { outline: 2px solid var(--ring); outline-offset: 3px; }
[data-material-surface][data-selected="true"] {
  outline: 1px solid var(--primary);
  background: var(--primary-soft, var(--accent));
}
[data-material-surface][data-selected="true"]:focus-visible { outline-width: 2px; }
[data-material-surface="featured"] { background: color-mix(in srgb, var(--primary) 6%, var(--card)); }
[data-material-surface="reading"] { box-shadow: var(--bui-shadow-hairline, 0 0 0 1px var(--border)); }
@media (prefers-reduced-motion: reduce) { [data-material-surface] { transition: none; } }