/* Shared additions for practical guides; both landing layouts keep their fonts. */
.guide-meta { margin: 18px 0 0; color: #5c6b82; font-size: .875rem; line-height: 1.6; }
.hero .guide-jumps { display: block; padding: 12px 14px; line-height: 1.9; }
.hero .guide-jumps::before { content: none; }
.guide-section { scroll-margin-top: 88px; }
.guide-table-wrap { max-width: 100%; overflow-x: auto; margin: 24px 0; border: 1px solid #dfe7f2; border-radius: 14px; }
.guide-table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: .95rem; line-height: 1.6; }
.guide-table caption { padding: 14px 18px; text-align: left; color: #5c6b82; background: #f5f8fc; }
.guide-table th, .guide-table td { padding: 16px 18px; text-align: left; vertical-align: top; border-top: 1px solid #dfe7f2; }
.guide-table thead { background: #eef4ff; }
.guide-table tbody th { width: 34%; font-weight: 600; }
.guide-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 40px; margin: 24px 0; padding-left: 24px; }
.guide-checklist li { padding-left: 5px; line-height: 1.7; }
.guide-checklist li::marker { color: #1d4ed8; font-weight: 700; }
.guide-note { margin: 26px 0; padding: 20px 24px; border-left: 3px solid #2563eb; border-radius: 0 12px 12px 0; background: #eef4ff; line-height: 1.75; }
.guide-next { margin: 26px 0 0; line-height: 1.8; }
.guide-next a, .guide-meta a { text-decoration: underline; text-underline-offset: 3px; }
.guide-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.guide-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid #dfe7f2; border-radius: 16px; color: #14213d; background: #fff; text-decoration: none; }
.guide-card:hover { border-color: #2563eb; }
.guide-card h3 { margin: 0 0 12px; font-size: 1.15rem; line-height: 1.4; }
.guide-card p { margin: 0 0 20px; color: #5c6b82; line-height: 1.65; font-size: 1rem; }
.guide-card span { margin-top: auto; color: #1d4ed8; font-weight: 600; }
@media (max-width: 740px) {
  .guide-checklist, .guide-cards { grid-template-columns: 1fr; }
  .guide-checklist { gap: 12px; }
  .guide-note, .guide-card { padding: 20px; }
}