/* /areas/lincolnshire/ (16 Oct 2026): a county overview. The hero is the map of the county on the real coastline; the
   places sit on a ruler of miles from Retford; the councils, the network and the grants show how the county divides. */

/* Hero: the county map, on the left */
.li-hero .ak-map { box-shadow: var(--ak-lift); }
@media (min-width: 1000px) { .li-hero .ak-hero-aside { margin-top: 0; } .li-hero .ak-hero-text { padding-top: 6px; } }
@media (max-width: 999px) { .li-hero .ak-hero-aside { order: 3; } .li-hero .ak-hero-act { order: 2; } }
.li-map--phone { display: none; }
@media (max-width: 599px) { .li-map--wide { display: none; } .li-map--phone { display: block; } }
/* The first extra place is the North Sea: a name on the water, without a dot */
.li-map svg > circle.lm-place:nth-of-type(2) { display: none; }
.li-map svg > text:nth-of-type(1) { font-style: italic; letter-spacing: .14em; fill: var(--ink-soft); font-weight: 500; }
.li-map .lm-label--hi[text-anchor="start"], .li-map .lm-label--base[text-anchor="start"] { transform: translateX(1px); }
.li-map .lm-label--hi[text-anchor="end"], .li-map .lm-label--base[text-anchor="end"] { transform: translateX(-1px); }

/* Where we install: a ruler of miles from Retford */
.li-ruler { position: relative; }
.li-ruler-base { display: flex; align-items: center; gap: 12px; font-weight: 600; line-height: 1.2; }
.li-ruler-base small { display: block; font-weight: 400; font-size: .875rem; color: var(--ink-soft); }
.li-ruler-dot { flex: none; width: 16px; height: 16px; border-radius: 50%; background: var(--ink); }
.li-ruler-list { list-style: none; margin: 0; padding: 0; }
.li-stop-label { display: flex; flex-direction: column; padding: 14px 18px 16px; border-radius: 16px; background: var(--paper); box-shadow: 0 0 0 1px var(--line), var(--ak-shadow); }
.li-stop-name { order: 2; font: 500 1.25rem/1.25 var(--display); color: var(--ink); text-decoration: none; }
a.li-stop-name::after { content: "\00a0\2192"; color: var(--sun-coral); }
a.li-stop-name:hover { text-decoration: underline; text-decoration-color: var(--sun-coral); }
.li-stop-miles { order: 1; align-self: flex-start; margin-bottom: 8px; padding: 3px 11px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 600; font-size: .875rem; }
.li-stop-note { order: 3; margin-top: 4px; color: var(--ink-soft); font-size: .9375rem; line-height: 1.4; }
.li-ruler-note { margin-top: 28px; color: var(--ink-soft); font-size: 1rem; }
@media (min-width: 1000px) {
  .li-ruler { height: 380px; margin-top: 4px; }
  .li-ruler::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -2px; border-radius: 2px;
    background: linear-gradient(90deg, var(--sun-coral), var(--sun-amber)) 0 0 / 90% 100% no-repeat, var(--line); }
  .li-ruler::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 14px; margin-top: -7px;
    background: repeating-linear-gradient(90deg, var(--line-strong) 0 2px, transparent 2px 20%); opacity: .8; }
  .li-ruler-base { position: absolute; left: 0; top: calc(50% + 24px); }
  .li-ruler-base .li-ruler-dot { position: absolute; left: -2px; top: -32px; width: 20px; height: 20px; border: 4px solid var(--paper); box-shadow: 0 0 0 1px var(--line-strong); }
  .li-ruler-list { position: absolute; inset: 0; z-index: 1; }
  .li-stop { position: absolute; left: var(--at); top: 50%; width: 0; height: 0; }
  .li-stop::before { content: ""; position: absolute; left: -12px; top: -12px; width: 24px; height: 24px; border-radius: 50%; border: 5px solid transparent; background: var(--ak-ring-bg); box-shadow: 0 4px 12px -6px rgba(38, 40, 42, .5); }
  .li-stop::after { content: ""; position: absolute; left: -1px; width: 2px; height: 30px; background: var(--line-strong); }
  .li-stop--above::after { bottom: 12px; } .li-stop--below::after { top: 12px; }
  .li-stop-label { position: absolute; left: -26px; width: max-content; max-width: 250px; padding: 12px 16px 14px; }
  .li-stop-note { font-size: .875rem; }
  .li-stop--above .li-stop-label { bottom: 42px; }
  .li-stop--below .li-stop-label { top: 42px; }
  .li-stop--end .li-stop-label { left: auto; right: -26px; align-items: flex-end; text-align: right; }
  .li-stop--end .li-stop-miles { align-self: flex-end; }
}
@media (max-width: 999px) {
  .li-ruler { padding-left: 34px; }
  .li-ruler::before { content: ""; position: absolute; left: 9px; top: 8px; bottom: 40px; width: 4px; border-radius: 2px; background: linear-gradient(180deg, var(--sun-coral), var(--sun-amber)); }
  .li-ruler-base { position: relative; z-index: 1; margin: 0 0 18px -34px; }
  .li-ruler-base .li-ruler-dot { width: 22px; height: 22px; border: 4px solid var(--paper); box-shadow: 0 0 0 1px var(--line-strong); }
  .li-ruler-list { display: grid; gap: 14px; max-width: 34rem; }
  .li-stop { position: relative; }
  .li-stop::before { content: ""; position: absolute; left: -36px; top: 22px; width: 22px; height: 22px; border-radius: 50%; border: 5px solid transparent; background: var(--ak-ring-bg); }
}

/* Lincolnshire homes: three kinds of roof */
.li-homes-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
@media (min-width: 900px) { .li-homes-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.li-home { display: flex; flex-direction: column; padding: clamp(22px, 2.6vw, 30px); border-radius: var(--ak-radius); background: var(--paper); box-shadow: var(--ak-shadow); }
.li-home-tag { align-self: flex-start; margin: 0; padding: 5px 14px; border-radius: 999px; background: var(--ak-sun); font-weight: 600; font-size: .9375rem; }
.li-home-fig { display: block; margin-top: 20px; font: 500 clamp(3rem, 2.3rem + 2vw, 4rem)/1 var(--display); letter-spacing: -0.03em; color: var(--ink); }
.li-home-fig small { font: 500 1.0625rem/1 var(--text); letter-spacing: 0; color: var(--ink-soft); }
.li-home-label { display: block; margin-top: 8px; font-weight: 500; color: var(--ink); line-height: 1.4; }
.li-home-bars { margin-top: auto; padding-top: 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 12px; }
.li-home-bar { position: relative; height: 12px; border-radius: 999px; background: var(--sky); }
.li-home-bar span { position: absolute; inset: 0 auto 0 0; border-radius: 999px; background: linear-gradient(90deg, var(--sun-coral), var(--sun-amber)); }
.li-home-bar--eng span { background: var(--line-strong); }
.li-home-bar-v { font-weight: 600; font-size: .9375rem; white-space: nowrap; }
.li-home-pair { display: grid; gap: 4px; }
.li-home-pair p { display: flex; flex-direction: column; }
.li-home-pair p + p { margin-top: 10px; padding-top: 4px; }
.li-farm-ring { margin: 20px 0 16px; width: 60px; height: 60px; }
.li-farm-ring .sp-icon { width: 32px; height: 32px; }
.li-farm-text { color: var(--ink-soft); font-size: 1.0625rem; line-height: 1.6; }
.li-farm-text a { color: var(--ink); font-weight: 600; }

/* Which council handles your planning */
.li-council-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
@media (min-width: 800px) { .li-council-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.li-council { padding: clamp(24px, 2.8vw, 32px); border-radius: var(--ak-radius); background: var(--paper); box-shadow: 0 0 0 1px var(--line), var(--ak-shadow); }
.li-council-k { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-weight: 600; font-size: .9375rem; color: var(--ink-soft); }
.li-council-k::before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 3px solid transparent; background: var(--ak-ring-bg); }
.li-council p + p { color: var(--ink-soft); font-size: 1.125rem; line-height: 1.65; }
.li-council strong { font-weight: 600; color: var(--ink); }
.li-council-rules { margin-top: 30px; max-width: 48rem; color: var(--ink-soft); font-size: 1.125rem; line-height: 1.65; }
.li-change { display: grid; gap: 24px; margin-top: 28px; padding: clamp(22px, 2.8vw, 32px); border-radius: var(--ak-radius); background: var(--sky); }
@media (min-width: 960px) { .li-change { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 4vw, 56px); align-items: center; } }
.li-change-text { color: var(--ink); line-height: 1.6; }
.li-change-vis { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); align-items: center; gap: 12px 8px; }
.li-change-col { display: grid; gap: 8px; }
.li-change-k { font-weight: 600; font-size: .875rem; color: var(--ink-soft); }
.li-change-box { display: block; padding: 12px 14px; border-radius: 12px; background: var(--paper); box-shadow: var(--ak-shadow); font-weight: 600; line-height: 1.3; }
.li-change-box--new { border: 2px solid transparent; background: var(--ak-ring-bg); }
.li-change-arrow { position: relative; height: 2px; margin-top: 24px; background: var(--sun-coral); }
.li-change-arrow::after { content: ""; position: absolute; right: -2px; top: -5px; border: 6px solid transparent; border-left: 8px solid var(--sun-coral); border-right: 0; }
.li-change-stay { grid-column: 1 / -1; margin-top: 4px; padding-top: 12px; border-top: 1px dashed var(--line-strong); font-size: .9375rem; color: var(--ink-soft); }
@media (max-width: 520px) { .li-change-vis { grid-template-columns: minmax(0, 1fr); } .li-change-arrow { width: 2px; height: 26px; margin: 0 0 0 20px; } .li-change-arrow::after { right: auto; top: auto; left: -5px; bottom: -2px; border: 6px solid transparent; border-top: 8px solid var(--sun-coral); border-bottom: 0; } }

/* Two network operators, side by side, with Gainsborough on the boundary */
.li-dnos { display: grid; gap: 14px; }
@media (min-width: 860px) { .li-dnos { grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr); gap: 0; align-items: stretch; } }
.li-dno { padding: clamp(24px, 2.8vw, 34px); border-radius: var(--ak-radius); background: var(--paper); box-shadow: var(--ak-shadow); }
.li-dno-k { display: inline-flex; gap: 6px; align-items: center; margin: 0; padding: 5px 14px; border-radius: 999px; background: var(--sky); font-weight: 600; font-size: .9375rem; }
.li-dno-k span { color: var(--sun-coral); font-weight: 700; }
.li-dno h3 { margin-top: 16px; font-size: clamp(1.375rem, 1.2rem + .6vw, 1.625rem); line-height: 1.2; }
.li-dno p:last-child { margin-top: 10px; color: var(--ink-soft); font-size: 1.0625rem; line-height: 1.6; }
.li-boundary { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 8px 0; }
.li-boundary-line { flex: 1 1 auto; min-height: 24px; border-left: 2px dashed var(--line-strong); }
.li-boundary-pin { padding: 6px 12px; border-radius: 999px; background: var(--ak-sun); font-weight: 600; font-size: .875rem; white-space: nowrap; box-shadow: 0 8px 18px -10px rgba(38, 40, 42, .55); }
@media (max-width: 859px) { .li-boundary { flex-direction: row; padding: 0 8px; } .li-boundary-line { min-height: 0; height: 0; border-left: 0; border-top: 2px dashed var(--line-strong); } }
.li-dno-note { display: flex; align-items: center; justify-content: center; gap: 16px; max-width: 48rem; margin: 26px auto 0; }
.li-dno-note p { color: var(--ink); font-size: 1.0625rem; line-height: 1.6; }

/* Grants: who funds which area */
.li-grants-grid { display: grid; gap: 40px; }
@media (min-width: 960px) { .li-grants-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); column-gap: clamp(48px, 6vw, 88px); align-items: center; } }
.li-closed { margin-top: 20px !important; }
.li-closed-tag { display: inline-block; padding: 4px 12px; border-radius: 999px; border: 1.5px dashed var(--line-strong); font-weight: 600; font-size: .875rem; color: var(--ink-soft); }
.li-closed + p { margin-top: 10px; }
.li-cover { padding: clamp(24px, 3vw, 34px); border-radius: var(--ak-radius); border: 3px solid transparent; box-shadow: var(--ak-lift);
  background: url("../sun-arc.svg") right -150px top -170px / 300px 300px no-repeat padding-box, linear-gradient(var(--paper), var(--paper)) padding-box, var(--ak-sun) border-box; }
.li-cover-title { font: 500 1.5rem/1.2 var(--display); }
.li-cover-group { margin-top: 20px; }
.li-cover-group + .li-cover-group { padding-top: 20px; border-top: 1px solid var(--line); }
.li-cover-k { margin-bottom: 10px; font-weight: 600; font-size: .9375rem; color: var(--ink-soft); }
.li-cover ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.li-cover li { padding: 6px 14px; border-radius: 999px; background: var(--sky); font-weight: 500; font-size: .9375rem; }

/* Reviews: one big quote, then two */
.li-reviews .ak-reviews--pair { margin-top: 20px; }
@media (max-width: 799px) { .area-lincolnshire .ak-related--cards .related { grid-template-columns: minmax(0, 1fr); } }