.learning-page { min-height: 100dvh; }
.learning-toolbar { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--line); background: #fff6f4; }
.learning-toolbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 60px; padding-block: max(.5rem, env(safe-area-inset-top)) .5rem; }
.learning-back { display: inline-flex; align-items: center; min-height: 44px; color: #a43759; font-weight: 700; }
.learning-main { padding-block: 3rem; }
.learning-main h1 { font-size: clamp(2rem, 6vw, 3rem); }
.learning-placeholder { margin-top: 2rem; padding: 2rem; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); }
.learning-placeholder h2 { margin: 0 0 .6rem; font-size: 1.4rem; }
.learning-placeholder p { margin: 0; color: var(--muted); }
@media (max-width: 640px) {
  .learning-main { padding-block: 2rem; }
  .learning-placeholder { padding: 1.3rem; }
}