/* Reading improvements shared by the two rental and fee guides. */
.guide-page .hero { padding-block: 48px 55px; }
.guide-page .hero h1 { font-size: clamp(36px, 4.4vw, 58px); }
.guide-page .page-grid { padding-top: 46px; }
.guide-page .guide-meta { margin: 20px 0 0; color: var(--muted); font-size: 12px; }
.reader-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.reader-nav a { padding: 6px 11px; border: 1px solid var(--line); border-radius: 7px; color: #d0e7d8; font-size: 12px; }
.reader-nav a:hover { border-color: var(--mint); color: var(--mint); }
.quick-answer { padding: 24px; margin-bottom: 42px; border: 1px solid #3f6652; border-radius: 16px; background: #11291f; }
.quick-answer > strong { font-size: 19px; }
.quick-answer p { margin: 10px 0 12px; }
.quick-answer > a { font-size: 14px; font-weight: 750; }
.guide-table-wrap { width: 100%; overflow-x: auto; margin-block: 24px 12px; border: 1px solid var(--line-bright); border-radius: 12px; }
.guide-table-wrap:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
.guide-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.guide-table caption { padding: 13px 16px; text-align: left; color: #cde6d6; background: #12281e; font-size: 12px; }
.guide-table th, .guide-table td { padding: 15px; border-top: 1px solid var(--line); white-space: nowrap; }
.guide-table thead { color: #c3decd; background: #0d1d16; }
.guide-table tbody th { color: #ecfaed; font-weight: 650; }
.guide-table th small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; font-weight: 500; }
.guide-table td { color: #bcd2c4; }
.guide-table [data-price-duration] { color: var(--lime); font-weight: 750; }
.prose .table-note { color: var(--muted); font-size: 12px; line-height: 1.8; }
.example-block { padding: 22px; margin-top: 25px; border: 1px solid var(--line); border-radius: 14px; background: #0e2118; }
.example-block h3 { margin-top: 0; }
.example-block ul { padding-left: 22px; color: #c4d8cb; }
.example-block li + li { margin-top: 12px; }
.example-block p { margin-bottom: 0; font-size: 13px; }
.formula-block { padding: 20px; border-left: 3px solid var(--mint); background: #10231b; border-radius: 0 12px 12px 0; }
.formula-block p { display: grid; gap: 3px; margin: 0; font-size: 14px; }
.formula-block p + p { margin-top: 18px; }
.formula-block span { color: #b5cbbd; }
.related-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.prose .related-guides a { display: grid; gap: 5px; padding: 19px; border: 1px solid var(--line); border-radius: 12px; background: #0e2118; }
.related-guides span { color: var(--muted); font-size: 12px; }
@media (max-width: 720px) {
  .guide-page .hero { padding-block: 34px 38px; }
  .guide-page .page-grid { padding-top: 32px; }
  .guide-page .hero h1 { font-size: clamp(32px, 8.8vw, 44px); }
  .guide-page .hero-education .resource-visual { display: none; }
  .guide-page .hero-card .check-list, .guide-page .hero-card > .card-kicker, .guide-page .hero-card > a { display: none; }
  .guide-page .hero-card .guide-live-prices { margin-top: 0; padding-top: 0; border-top: 0; }
  .guide-page .quick-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .guide-page .quick-facts div, .guide-page .quick-facts div:first-child { padding-block: 13px; border: 0; }
  .guide-page .quick-facts b { font-size: 12px; }
  .guide-page .quick-facts span { font-size: 11px; }
  .quick-answer { padding: 19px; margin-bottom: 35px; }
  .quick-answer > strong { font-size: 17px; }
  .guide-table th, .guide-table td { padding: 12px; }
  .guide-table { font-size: 12px; }
}
@media (max-width: 480px) {
  .related-guides { grid-template-columns: 1fr; }
  .reader-nav { gap: 6px; }
}