/* Skill lessons reuse the site shell and project article layout. */
.skill-lesson .guide-section p,
.skill-lesson .guide-section li { font-size: 18px; line-height: 1.65; }
.skill-lesson .guide-content p { max-width: 68ch; }
.skill-lesson .tool-photo { padding: 16px; background: #fff; border-radius: 10px; }
.skill-lesson .tool-photo img { width: 100%; max-height: 180px; object-fit: contain; }
.skill-lesson .print-button,
.skill-lesson .project-actions > a { min-height: 44px; display: inline-flex; align-items: center; }
.skill-lesson .guide-toc-mobile summary,
.skill-lesson .guide-toc-mobile a { min-height: 44px; }
.skill-lesson .guide-toc-mobile a { display: flex; align-items: center; }
.skill-lesson .answer { padding: 14px 18px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.skill-lesson .answer summary { cursor: pointer; min-height: 44px; align-content: center; font-weight: 700; }
.skill-lesson .answer div { padding-top: 12px; }
.skill-lesson .assessment-note { margin-top: 16px; color: var(--muted); }
@media print {
  @page { size: auto; margin: 15mm; }
  .skill-lesson .guide-section p,
  .skill-lesson .guide-section li { font-size: 11pt; line-height: 1.4; }
  .skill-lesson .tool-photo { float: right; width: 35%; padding: 0; margin: 0 0 8px 14px; }
  .skill-lesson .tool-photo img { max-height: 32mm; }
  .skill-lesson #identify::after { content: ''; display: block; clear: both; }
  .skill-lesson .project-meta { display: none; }
  .skill-lesson .steps > li { margin-bottom: 10px; break-inside: avoid; }
  .skill-lesson .guide-section li { break-inside: avoid; }
  .skill-lesson .guide-section { margin-bottom: 8px; padding-bottom: 6px; }
  .skill-lesson .answer { color: #111; background: #fff; border-color: #888; break-inside: avoid; }
  .skill-lesson .answer::details-content { content-visibility: visible; }
  .skill-lesson .answer summary { min-height: 0; }
  .skill-lesson .answer div { padding-top: 6px; }
  .skill-lesson .assessment-note { color: #333; }
  .skill-lesson .lesson-ending { break-inside: avoid; }
  .skill-lesson #next ul { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 0; list-style: none; }
  .skill-lesson #next li { margin: 0; }
  .skill-lesson #next { margin-bottom: 6px; padding-bottom: 6px; }
  .skill-lesson #show { break-inside: avoid; }
}