:root {
  --record-ink: #20231f;
  --record-green: #287052;
  --record-green-dark: #173e32;
  --record-coral: #ef8b62;
  --record-leaf: #e7f0df;
}

.record-page { background: #fbfaf5; color: var(--record-ink); }
.record-page .city-topbar { background: rgba(251, 250, 245, .95); }
.record-hero { padding: 94px 0 82px; background: radial-gradient(circle at 84% 15%, #dce8cd 0, transparent 32%), linear-gradient(135deg, #fffdf7 0%, #edf3e7 100%); }
.record-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 60px; }
.record-kicker { color: var(--record-green); font-size: .78rem; font-weight: 900; letter-spacing: .12em; margin: 0 0 16px; }
.record-hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: 1.08; letter-spacing: -.07em; }
.record-hero h1 span, .record-detail-hero h1 span { color: var(--record-green); }
.record-lead { max-width: 680px; margin: 24px 0 0; color: #5c645a; font-size: 1.1rem; line-height: 1.85; }
.record-plan-card { min-height: 300px; padding: 34px; display: flex; flex-direction: column; justify-content: space-between; background: var(--record-green-dark); color: white; border-radius: 8px; box-shadow: 0 22px 48px rgba(23, 62, 50, .18); transform: rotate(1.5deg); }
.record-plan-card span { color: #c9dfbd; font-weight: 800; }
.record-plan-card strong { font-size: clamp(2.2rem, 5vw, 4.4rem); line-height: 1.05; letter-spacing: -.07em; }
.record-plan-card p { margin: 0; color: rgba(255,255,255,.72); }
.record-primary { color: #281d18 !important; background: var(--record-coral) !important; }
.record-secondary { color: var(--record-green-dark) !important; border: 1px solid rgba(23, 62, 50, .35); }
.record-hero .city-actions { margin-top: 30px; }
.record-card { background: white; border-color: #dfe8d9; }
.record-section-lead { margin: -12px 0 28px; color: #5c645a; }
.record-detail-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.record-guide-section { padding: 0; background: transparent; }
.record-related-actions { margin-top: 28px; }
.record-cta { background: var(--record-green-dark); }
.record-detail-hero { background: linear-gradient(135deg, #fffdf7, var(--record-leaf)); }
.record-detail-hero .detail-badge { background: #dceacb; color: var(--record-green-dark); }
.record-detail-hero p { color: #5c645a; }
@media (max-width: 820px) { .record-hero-grid, .record-detail-points { grid-template-columns: 1fr; gap: 34px; } .record-plan-card { min-height: 230px; transform: none; } }