/* guide-library:start — guide pages and the /guides/ hub (7 Nov 2026).
   The local release overlay serves these exact lines as /styles/guides-20261107.css. */
.guide-why { margin: 28px 0 0; font-size: 17px; line-height: 1.7; color: #d2ccd6; }
.guide-basis { margin: 12px 0 0; }
.answer-page h3.guide-note { font-size: 19px; margin: 28px 0 8px; }
.answer-page h3.guide-note + p { margin: 0; }
.guide-topics-nav h2, .guide-group h2 { font-size: clamp(24px, 2.4vw, 30px); margin: 64px 0 16px; scroll-margin-top: 100px; }
.guide-topics { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0 !important; }
.guide-topics li { margin: 0; }
.guide-topics a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 15px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; color: var(--text); }
.guide-topics a:hover { border-color: #5d3a4f; }
.guide-list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; margin: 0; padding: 0 !important; border-top: 1px solid var(--line); }
.guide-list li { margin: 0; border-bottom: 1px solid var(--line); }
.guide-list a { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 52px; padding: 12px 0; font-size: 15px; line-height: 1.4; color: #e3dfe6; }
.guide-list a span { color: var(--muted); }
.guide-list a:hover, .guide-list a:hover span { color: var(--accent); }
@media (max-width: 760px) {
  .guide-why { font-size: 16px; }
  .guide-list { grid-template-columns: 1fr; }
  .guide-topics-nav h2, .guide-group h2 { margin-top: 48px; }
}
/* guide-library:end */