/* Kensington House v1.8 — full neighbourhood guide layer.
   Builds on property-page.css / property-navigation.css / neighbourhood-page.css (unchanged). */
.skip{position:absolute;left:-9999px;top:0;z-index:300;background:#263b46;color:var(--text);padding:10px 16px}
.skip:focus{left:12px;top:12px}
.guide h2{text-wrap:balance}
.guide .area-intro p{color:var(--text)}
.area-hero figcaption,.gs-figure figcaption{font-size:11px;color:var(--soft);opacity:.8;margin-top:8px}

/* contents */
.guide-toc{margin:34px 0 8px;padding:22px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:24px}
.guide-toc .eyebrow{display:block;margin-bottom:14px}
.guide-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.guide-toc a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:8px 16px;font-size:12px;line-height:1.3;transition:background .2s}
.guide-toc a:hover{background:rgba(221,220,215,.1)}
.guide-toc .n{font-size:10px;letter-spacing:1px;opacity:.75}

/* sections */
.guide-section{padding:54px 0 46px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.gs-head{max-width:760px;margin-bottom:26px}
.gs-head h2{margin-top:10px;font-size:clamp(26px,3.2vw,34px)}
.gs-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:56px;align-items:start}
.guide-section.alt .gs-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}.guide-section.alt .gs-text{order:2}
.gs-body.solo{grid-template-columns:minmax(0,1fr)}
.gs-text{max-width:68ch}
.gs-text p{margin:0 0 18px;font-size:15px;line-height:1.85}
.gs-text i{font-style:italic}
.gs-figure{margin:0;position:sticky;top:24px}
.gs-figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#405560}
.gs-note{font-size:12px!important;line-height:1.7!important;color:var(--soft);opacity:.85;border-left:1px solid var(--line);padding-left:14px;margin-top:22px!important}
.gs-top{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:4px 0}
.src{display:inline-block;font-size:10.5px;letter-spacing:.4px;line-height:1.4;white-space:nowrap;border-bottom:1px dotted rgba(221,220,215,.55);opacity:.88;margin-left:2px}
.src::before{content:"↗ "}
.src:hover{opacity:1;border-bottom-style:solid}
.gs-quote{margin:30px 0 6px;padding:4px 0 4px 22px;border-left:1px solid var(--text);font:italic clamp(20px,2.2vw,25px)/1.45 Georgia,serif;max-width:40ch}

/* market panel */
.gs-market{display:grid;gap:14px}
.gs-stats{display:grid;grid-template-columns:1fr;gap:12px}
.stat{border:1px solid var(--line);border-radius:9px;padding:16px 18px;background:rgba(221,220,215,.035)}
.stat b{display:block;font:400 30px/1.15 Georgia,serif;margin-bottom:6px}
.stat span{display:block;font-size:12.5px;line-height:1.5}
.stat small{display:block;font-size:11px;line-height:1.5;color:var(--soft);opacity:.8;margin-top:6px}
.stat.current{background:rgba(221,220,215,.09);border-color:rgba(221,220,215,.45)}
.stat.current .eyebrow{display:block;margin-bottom:10px;font-size:10px}
.stat.current dl{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:0;font-size:13px}
.stat.current dd{margin:0;text-align:right;font-family:Georgia,serif;font-size:17px}
.gs-market-head{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--soft);margin:2px 0 0}

/* about */
.guide-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;padding:48px 0 10px;scroll-margin-top:24px}
.guide-about p{margin:0 0 14px;font-size:13.5px;line-height:1.8;max-width:70ch}
.area-homes{scroll-margin-top:24px}
.area-pager{display:flex;gap:28px;flex-wrap:wrap}
.area-bottom{align-items:center}

@media(max-width:900px){
 .gs-body{grid-template-columns:minmax(0,1fr);gap:26px}
 .guide-section.alt .gs-text{order:0}
 .gs-figure{position:static;order:-1}
 .gs-figure img{aspect-ratio:16/10}
 .gs-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .guide-about{grid-template-columns:1fr;gap:10px}
}
@media(max-width:640px){
 .gs-stats{grid-template-columns:1fr}
 .guide-section{padding:38px 0 34px}
 .gs-text p{font-size:14.5px}
 .guide-toc a{padding:7px 13px;font-size:11.5px}
 .area-bottom{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.guide-toc a{transition:none}}

.guide-about .src,.mk-foot .src{white-space:normal;overflow-wrap:anywhere}
@media(max-width:640px){.src{white-space:normal}}

/* London guide photographs lead their sections at every screen width. */
.guide-section .gs-body:has(> .gs-figure),
.guide-section.alt .gs-body:has(> .gs-figure){grid-template-columns:minmax(0,1fr);gap:28px}
.guide-section .gs-body > .gs-figure{position:static;order:-1;min-width:0}
.guide-section .gs-body > .gs-figure img{aspect-ratio:16/8;width:100%}
.guide-section .gs-body:has(> .gs-figure) > .gs-text{order:0;width:100%;max-width:78ch;min-width:0}
@media(max-width:640px){.guide-section .gs-body > .gs-figure img{aspect-ratio:4/3}}