/* /solar-panels-sheffield/ (16 Oct 2026): the map across from Retford, the hills, and the planning rules. */
.sh-hero .ak-map { padding: 0; border-radius: 24px 0 0 24px; overflow: hidden; box-shadow: var(--ak-lift); }
.sh-hero .ak-map-svg { border-radius: 0; }
@media (max-width: 999px) { .sh-hero .ak-map { border-radius: 20px; } }
.sh-hills { display: flex; gap: 16px; align-items: flex-start; margin-top: 22px; padding: 18px 20px; border-radius: 16px; background: var(--sky); }
.sh-hills p { color: var(--ink); line-height: 1.6; }
.sh-intro .ak-aside { display: grid; gap: 20px; }
.sh-intro .ak-services { margin-top: 14px; max-width: 34rem; }
.sh-costs-grid { display: grid; gap: 24px; }
@media (min-width: 900px) { .sh-costs-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 4vw, 56px); align-items: start; } }
.sh-grant .ak-ring { margin-bottom: 14px; }
.sh-grant p { color: var(--ink); }
.sh-costs-links > p { color: var(--ink-soft); font-size: 1.125rem; line-height: 1.6; margin-bottom: 18px; }
.sh-link-cards .ak-card { padding: 18px 20px; }
.sh-link-cards .ak-card p { margin: 0; color: var(--ink-soft); }
.sh-link-cards .ak-card a { font-weight: 600; color: var(--ink); }
.sh-how .ak-aside { display: grid; gap: 22px; }
.sh-plan-grid { display: grid; gap: 20px; }
@media (min-width: 900px) { .sh-plan-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; align-items: start; } }
.sh-plan-main .ak-ring { margin-bottom: 14px; }
.sh-plan-main > p:first-of-type { color: var(--ink); font-size: 1.125rem; }
.sh-plan-label { margin-top: 22px !important; margin-bottom: 12px; font-weight: 600; color: var(--ink) !important; }
.sh-plan-side { display: grid; gap: 16px; }
.sh-intro .ak-aside { position: sticky; top: 110px; }