/* /solar-panels-liverpool/ (16 Oct 2026): the Mersey coast on the left of the hero, then a page that leads with its
   numbers in large type: the terrace share, the grant's figures, the conservation areas'. SP Energy Networks' card. */

/* Hero: the map on the left, tall */
.lv-hero .ak-map { box-shadow: var(--ak-lift); }
.lv-hero .lm-sea { fill: #dbe7ef; }
@media (min-width: 1000px) { .lv-hero .ak-hero-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .lv-hero .ak-hero-aside { margin-top: 8px; } }
@media (max-width: 999px) { .lv-hero .ak-hero-act { order: 2; } .lv-hero .ak-hero-aside { order: 3; max-width: 460px; } .lv-hero .ak-hero-text { order: 1; } }

/* Intro: the words beside one big figure */
.lv-intro-grid { display: grid; gap: 32px; }
@media (min-width: 900px) { .lv-intro-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 96px); align-items: start; } }
.lv-intro-text > p:first-child { color: var(--ink); font-size: 1.25rem; line-height: 1.6; }
.lv-intro-text h3 { margin-bottom: 16px; }
.lv-intro-text .ak-services { max-width: 30rem; }
@media (max-width: 899px) { .lv-intro-text .ak-services { max-width: none; } }
.lv-big { position: relative; margin: 0; padding: clamp(28px, 3.4vw, 44px); border-radius: 28px; overflow: hidden;
  background: url("../sun-arc.svg") right -170px top -190px / 360px 360px no-repeat, var(--sky); }
.lv-big-fig { margin: 0; font: 500 clamp(6rem, 4rem + 7vw, 9.5rem)/.9 var(--display); letter-spacing: -0.045em; color: var(--ink); }
.lv-big-fig span { font-size: .5em; letter-spacing: 0; margin-left: 4px; vertical-align: .62em; color: var(--sun-coral); }
.lv-big-label { margin-top: 14px; max-width: 20rem; font: 500 1.3125rem/1.35 var(--display); color: var(--ink); }
.lv-big-second { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line-strong); color: var(--ink-soft); font-size: 1.0625rem; }
.lv-big-second strong { margin-right: 6px; font: 500 1.75rem/1 var(--display); color: var(--ink); }
.lv-big figcaption { margin-top: 18px; color: var(--ink-soft); font-size: 1rem; line-height: 1.6; }

/* Figure strips (the grant, the conservation areas) */
.lv-figs { margin-top: calc(-1 * clamp(4px, 1vw, 12px)); padding: clamp(22px, 2.6vw, 30px) clamp(22px, 3vw, 36px); border-radius: 24px; background: var(--paper); box-shadow: var(--ak-shadow); }
.lv-figs > div { padding-top: 0; padding-bottom: 0; }
.lv-figs dd:not(.ak-stats-src) { font-size: clamp(2.25rem, 1.6rem + 2.2vw, 3.5rem); white-space: nowrap; }
@media (min-width: 601px) and (max-width: 999px) { .lv-figs dd:not(.ak-stats-src) { font-size: 2rem; } .lv-figs > div { padding-left: 16px; padding-right: 16px; } }
.lv-figs dt { max-width: 18rem; }
.lv-about { display: block; margin-bottom: 4px; font: 600 .875rem/1 var(--text); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); }
@media (max-width: 600px) { .lv-figs > div { padding: 14px 0; } .lv-figs > div:first-child { padding-top: 0; } }

/* Costs */
.lv-costs-grid { display: grid; gap: 22px; margin-top: 22px; }
@media (min-width: 900px) { .lv-costs-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 22px; align-items: stretch; } }
.lv-grant .ak-ring { margin-bottom: 14px; }
.lv-grant p { color: var(--ink) !important; font-size: 1.0625rem; line-height: 1.65; }
.lv-price { display: flex; flex-direction: column; justify-content: center; }
.lv-price .ak-price-fig { color: var(--ink); }
.lv-price .btn { align-self: flex-start; }
.lv-guides { margin-top: clamp(40px, 5vw, 56px); }
.lv-guides > p { max-width: 46rem; margin-bottom: 18px; color: var(--ink-soft); font-size: 1.125rem; line-height: 1.6; }
@media (min-width: 800px) { .lv-guides .ak-ticks--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
.lv-guides .ak-ticks--cards li { color: var(--ink-soft); box-shadow: var(--ak-shadow); }
.lv-guides a { color: var(--ink); font-weight: 600; }

/* How it works: the warranties as a ruled list of figures, no cards */
.lv-how .ak-text > p:first-of-type { color: var(--ink); font-size: 1.25rem; }
.lv-how .ak-text a { font-weight: 600; }
.lv-how .ak-warr--cards { grid-template-columns: minmax(0, 1fr); gap: 0; }
.lv-how .ak-warr--cards > div { padding: 22px 0; border-radius: 0; background: none; box-shadow: none !important; border-top: 1px solid var(--line); display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); column-gap: 20px; }
.lv-how .ak-warr--cards > div:first-child { border-top: 3px solid transparent; border-image: linear-gradient(90deg, var(--sun-coral), var(--sun-amber)) 1; }
.lv-how .ak-warr--cards > div:last-child { border-bottom: 1px solid var(--line); }
.lv-how .ak-warr-fig { grid-row: 1 / span 2; margin: 0 !important; font-size: 1.75rem !important; }
.lv-how .ak-warr dt { grid-column: 2; }
.lv-how .ak-warr dd:not(.ak-warr-fig) { grid-column: 2; }
@media (max-width: 480px) { .lv-how .ak-warr--cards > div { grid-template-columns: minmax(0, 1fr); } .lv-how .ak-warr-fig { grid-row: auto; margin-bottom: 6px !important; } .lv-how .ak-warr dt, .lv-how .ak-warr dd:not(.ak-warr-fig) { grid-column: 1; } }

/* Planning: the figures, the words and places, and the network's own card */
.lv-plan-grid { display: grid; gap: 22px; margin-top: 22px; }
@media (min-width: 900px) { .lv-plan-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 22px; align-items: stretch; } }
.lv-plan-text { padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--paper); box-shadow: var(--ak-shadow); }
.lv-plan-text > p { color: var(--ink); font-size: 1.0625rem; line-height: 1.65; }
.lv-plan-text .ak-chips { margin-top: 18px; }
.lv-plan-text .ak-chips span { background: var(--sky); box-shadow: none; }
.lv-rules { margin-top: 22px; padding: 18px 0 0; border-radius: 0; box-shadow: none !important; border-top: 1px solid var(--line); }
.lv-dno { display: flex; flex-direction: column; justify-content: center; padding: clamp(26px, 3.2vw, 40px); border-radius: 24px; border: 3px solid transparent;
  background: url("../sun-arc.svg") right -150px bottom -170px / 320px 320px no-repeat padding-box, linear-gradient(var(--paper), var(--paper)) padding-box, var(--ak-sun) border-box; box-shadow: var(--ak-shadow); }
.lv-dno .ak-ring { margin-bottom: 20px; }
@media (max-width: 899px) { .lv-dno { background: linear-gradient(var(--paper), var(--paper)) padding-box, var(--ak-sun) border-box; } }
.lv-dno p { font: 500 clamp(1.25rem, 1.05rem + .6vw, 1.5rem)/1.4 var(--display); color: var(--ink); }

/* Reviews: three across, the middle one dropped */
@media (min-width: 800px) { .lv-quotes .ak-reviews--grid { align-items: start; padding-bottom: 36px; } .lv-quotes .ak-review:nth-child(2) { transform: translateY(36px); } }
.lv-quotes .ak-review { padding: 24px 24px 18px; }
.lv-quotes .ak-review blockquote p { font-size: 1.1875rem; }

/* FAQ: the first question across both columns */
@media (min-width: 900px) { .area-liverpool .ak-faq--cards .faq details:first-child { grid-column: 1 / -1; } }

/* Nearby: the heading beside the places */
.lv-near .ak-aside { display: flex; flex-direction: column; gap: 4px; }
@media (min-width: 900px) { .lv-near .ak-text h2 { margin: 0; } .lv-near .ak-aside { padding-top: 8px; } }