/* TheLearnDen guides + printables. Generated by scripts/build-guide-pages.mjs /
   scripts/build-checklist-pages.mjs — do not edit by hand. */
.guide-page { max-width: 780px; margin: 0 auto; padding: clamp(1rem, 3vw, 2.5rem) 0 3rem; }
.guide-page h1 { max-width: 22ch; }
.guide-page section { margin-top: 2rem; }
.guide-page h2 { margin-top: 2rem; }
.guide-page h3 { margin-top: 1.4rem; }
.guide-meta { color: var(--ink-soft, #a5aec0); font-size: .95rem; margin-top: .4rem; }
.guide-page ul, .guide-page ol { padding-left: 1.35rem; }
.guide-page li { margin: .3rem 0; }
.guide-actions { display: flex; flex-wrap: wrap; gap: .7rem 1rem; align-items: center; margin: 1.2rem 0; }
.guide-print { padding: .55rem 1.1rem; border: 1px solid var(--line, #354156); border-radius: 999px;
  background: var(--card, #212936); color: var(--ink, #edeef2); font: inherit; cursor: pointer; }
.guide-print:hover { border-color: var(--accent, #3fd0bf); }
.guide-card-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 1rem; padding: 0; list-style: none; }
.guide-card-list li { margin: 0; padding: 1rem 1.2rem; border: 1px solid var(--line, #354156);
  border-radius: var(--radius, 18px); background: var(--card, #212936); }
.guide-card-list h3 { margin-top: 0; }
.guide-card-list p { margin: .4rem 0 0; color: var(--ink-soft, #a5aec0); }
.checklist { list-style: none; padding: 0; margin: 1.2rem 0; }
.checklist li { display: flex; align-items: center; gap: .75rem; margin: 0; padding: .5rem .2rem;
  border-bottom: 1px solid var(--line, #354156); }
.cl-box { flex: 0 0 auto; width: 1.05rem; height: 1.05rem; border: 2px solid var(--ink-soft, #a5aec0);
  border-radius: .28rem; }
.checklist .cl-unlinked { color: var(--ink, #edeef2); }
.guide-faq h3 { margin-top: 1.5rem; }
.guide-related { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--line, #354156); }
.guide-related ul { display: flex; flex-wrap: wrap; gap: .55rem 1.1rem; padding-left: 1.15rem; }
@media print {
  .topbar, footer, #bottomnav, #bg-canvas, .sheet, .overlay, .skip-link, .no-print,
  .guide-actions, .guide-related { display: none !important; }
  body { background: #fff !important; color: #000 !important; font-size: 12pt; }
  #app { max-width: none; padding: 0; }
  main { padding: 0; }
  .guide-page, .guide-page h1, .guide-page h2, .guide-page p, .guide-page a,
  .checklist li, .checklist .cl-unlinked { color: #000 !important; }
  .guide-page a { text-decoration: none; }
  .checklist li { border-bottom: 1px solid #bbb; break-inside: avoid; }
  .cl-box { border-color: #000; }
  @page { margin: 1.6cm; }
}