/* /solar-panels-chester/ (16 Oct 2026): the Dee estuary map running off the right of the hero, the homes against
   England, the grant beside the price, "in them" against "outside them" for planning, one large review on the right. */

/* Hero: the map bleeds off the right edge */
.ch-hero .ak-map { padding: 0; border-radius: 26px 0 0 26px; overflow: hidden; box-shadow: var(--ak-lift); }
.ch-hero .ak-map-svg { border-radius: 0; }
.ch-hero .ak-map--badge { padding-top: 0; }
.ch-hero .ak-map-badge { top: 18px; left: 18px; }
.ch-hero .lm-sea { fill: #dbe7ef; }
@media (min-width: 1000px) { .ch-hero .ak-hero-aside { margin-top: 0; } .ch-hero .ak-hero-grid { align-items: center; } }
@media (max-width: 999px) {
  .ch-hero .ak-hero-act { order: 2; } .ch-hero .ak-hero-aside { order: 3; } .ch-hero .ak-hero-text { order: 1; }
  .ch-hero .ak-map { border-radius: 22px; }
  .ch-hero .ak-hero-aside { max-width: 520px; }
}

/* Intro: the homes card with England marked */
.ch-intro .ak-text h3 { margin-top: 30px; margin-bottom: 14px; }
.ch-homes { position: relative; padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--sky); }
.ch-homes .ak-ring { margin-bottom: 16px; }
.ch-homes-text { color: var(--ink); font-size: 1.125rem; line-height: 1.6; }
.ch-homes .ak-bars { margin-top: 24px; padding: 22px 22px 18px; border-radius: 18px; box-shadow: none; }
.ch-homes .ak-bars li { grid-template-columns: minmax(0, 6rem) minmax(0, 1fr) 3.5rem; }
.ch-homes .ak-bars figcaption { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.ch-bars-src { color: var(--ink-soft); }
@media (max-width: 520px) { .ch-homes .ak-bars li { grid-template-columns: minmax(0, 1fr) 3.5rem; } }

/* Costs: the grant beside the price, then four numbered guides */
.ch-costs-top { display: grid; gap: 22px; }
@media (min-width: 900px) { .ch-costs-top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px; align-items: stretch; } }
.ch-grant .ak-ring { margin-bottom: 14px; }
.ch-grant p { color: var(--ink) !important; font-size: 1.125rem; line-height: 1.65; }
.ch-price { display: flex; flex-direction: column; justify-content: center; }
.ch-price .ak-price-fig { color: var(--ink); }
.ch-price .btn { align-self: flex-start; }
.ch-lead { max-width: 46rem; margin-top: clamp(40px, 5vw, 56px); margin-bottom: 20px; color: var(--ink-soft); font-size: 1.125rem; line-height: 1.6; }
.ch-guides .ak-card { padding: 54px 22px 22px; }
.ch-guides .ak-card::after { left: 22px; right: auto; top: 22px; font: 500 1.25rem/1 var(--display) !important; color: var(--sun-coral) !important; }
.ch-guides .ak-card p { margin: 0; color: var(--ink-soft); }
.ch-guides .ak-card a { color: var(--ink); font-weight: 600; }

/* How it works: the words, then the three warranties in a row */
.ch-how-text { max-width: 50rem; margin-top: calc(-1 * clamp(8px, 2vw, 20px)); }
.ch-how-text p { color: var(--ink-soft); font-size: 1.125rem; line-height: 1.65; }
.ch-how-text p:first-child { color: var(--ink); font-size: 1.25rem; line-height: 1.6; }
.ch-how-text p + p { margin-top: 14px; }
.ch-how-text a { color: var(--ink); font-weight: 600; }
.ch-how .ak-warr--rings { margin-top: clamp(32px, 4vw, 48px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 18px; }
.ch-how .ak-warr--rings > div { box-shadow: 0 0 0 1px var(--line), var(--ak-shadow); }

/* Planning: what the council names, in them against outside them, then the notes */
.ch-plan-lead { max-width: 52rem; margin-top: calc(-1 * clamp(8px, 2vw, 20px)); }
.ch-plan-lead > p { color: var(--ink); font-size: 1.1875rem; line-height: 1.6; }
.ch-plan-lead .ak-chips { margin-top: 18px; }
.ch-inout { display: grid; gap: 16px; margin-top: clamp(28px, 3.4vw, 40px); }
@media (min-width: 800px) { .ch-inout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
.ch-inout > div { position: relative; padding: clamp(22px, 2.8vw, 32px); border-radius: 22px; background: var(--paper); box-shadow: var(--ak-shadow); }
.ch-in { border: 3px solid transparent; background: linear-gradient(var(--paper), var(--paper)) padding-box, var(--ak-sun) border-box !important; }
.ch-inout-label { margin-bottom: 10px; font: 600 .875rem/1.3 var(--text); letter-spacing: .06em; text-transform: uppercase; color: var(--star); }
.ch-out .ch-inout-label { color: var(--ink-soft); }
.ch-inout > div > p:last-child { font: 500 clamp(1.25rem, 1.05rem + .6vw, 1.5rem)/1.35 var(--display); color: var(--ink); }
.ch-plan-notes { display: grid; gap: 16px; margin-top: 20px; }
@media (min-width: 1000px) { .ch-plan-notes { grid-template-columns: minmax(0, 3fr) minmax(0, 5fr) minmax(0, 4fr); align-items: stretch; } }
.ch-dno-note { border: 2px solid transparent; background: linear-gradient(var(--paper), var(--paper)) padding-box, var(--ak-sun) border-box; }

/* Reviews: the large one on the right */
@media (min-width: 800px) {
  .ch-quotes .ak-reviews--feature { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .ch-quotes .ak-review--big { grid-column: 2; grid-row: 1 / span 2; }
  .ch-quotes .ak-reviews--feature .ak-review:not(.ak-review--big) { grid-column: 1; }
}
.ch-quotes .ak-review--big { justify-content: center; }
.ch-quotes .ak-review--big blockquote { margin: 0; }

/* FAQ: numbered questions */
.area-chester .ak-faq .faq { counter-reset: ch-q; max-width: 56rem; }
.area-chester .ak-faq summary { counter-increment: ch-q; padding-left: 56px; }
.area-chester .ak-faq summary::before { content: counter(ch-q, decimal-leading-zero); position: absolute; left: 0; top: 23px; font: 500 1.125rem/1.35 var(--display); color: var(--sun-coral); }
.area-chester .ak-faq details p { padding-left: 56px; }