/* header of /تدریس-خصوصی */
.rth { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 18px; margin: 4px 0 20px; }
.rth-text { padding: 26px 28px; border-radius: 18px; color: #fff;
  background: radial-gradient(circle at 0% 0%, rgba(229, 88, 63, .45), transparent 45%), radial-gradient(circle at 100% 100%, rgba(31, 158, 156, .45), transparent 45%), var(--rm-ink, #16205b); }
.rth-kicker { margin: 0 0 4px; color: #ffc9bd; font-weight: 700; }
.rth h1 { margin: 0 0 8px; color: #fff; font-size: clamp(1.3rem, 2.6vw, 1.9rem); }
.rth-lead { margin: 0 0 14px; color: rgba(255, 255, 255, .85); }
.rth-facts { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; list-style: none; color: rgba(255, 255, 255, .9); }
.rth-facts b { font-size: 1.2rem; color: #fff; }
.rth-join { display: flex; flex-direction: column; gap: 8px; padding: 22px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 18px; background: var(--rm-card, #fff); }
.rth-join h2 { margin: 0; font-size: 1.15rem; }
.rth-join p { margin: 0; color: var(--rm-muted, #5d6475); font-size: .92rem; }
.rth-btn { align-self: flex-start; margin-top: auto; padding: 10px 20px; border-radius: 12px; background: var(--rm-coral, #e5583f); color: #fff !important; font-weight: 700; text-decoration: none !important; }
@media (max-width: 860px) { .rth { grid-template-columns: 1fr; } }
/* «معلم‌های اطراف من» (GetNearbyTutors, sql/044) */
.rtn { margin: 0 0 20px; padding: 18px 22px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 18px; background: var(--rm-card, #fff); }
.rtn-head h2 { margin: 0 0 4px; font-size: 1.15rem; }
.rtn-head p { margin: 0 0 8px; color: var(--rm-muted, #5d6475); font-size: .92rem; }
.rtn-go { border: 0; font: inherit; cursor: pointer; }
.rtn-body { display: grid; grid-template-columns: minmax(0, 3fr) minmax(220px, 2fr); gap: 14px; margin-top: 12px; }
.rtn-body[hidden] { display: none; }
.rtn-map { min-height: 340px; border-radius: 14px; z-index: 0; }
.rtn-list { max-height: 340px; overflow: auto; margin: 0; padding: 0; list-style: none; }
.rtn-list li a { display: block; padding: 8px 4px; border-bottom: 1px solid var(--rm-rule, #e6e3da); text-decoration: none; }
.rtn-list span { display: block; color: var(--rm-muted, #5d6475); font-size: .85rem; }
@media (max-width: 860px) { .rtn-body { grid-template-columns: 1fr; } }
