/* Area pages v3 (/short-let-management/<area>). The page loads landing.css (built from src/home.html) and reuses the
   landing page's own hero card, proof strip, How it works, compare, FAQ, area cards, final section and sticky bar.
   This file only adds what is specific to the area pages. */

/* ---------- hero: the landing hero with this area's photo, a breadcrumb in the pill and a homes card under the copy ---------- */
.ar-hero4 .h6-panel::before{background-image:var(--ar-img);background-position:center}
@media (max-width:1100px){.ar-hero4 .hl-top{background-image:var(--ar-img-sm);background-position:center}}
.ar-hero4 h1{font-size:clamp(40px,4.6vw,66px);line-height:1.02}
.ar-hero4 h1.ar-h1-long{font-size:clamp(36px,3.7vw,54px)}
.ar-hero4 .h4-sub{max-width:560px}
.ar-crumb{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px}
.ar-crumb a{color:inherit;text-decoration:none}
.ar-crumb a:hover{color:var(--purple)}
.ar-crumb span[aria-hidden]{color:#A9A7B4}
.ar-crumb [aria-current]{color:var(--purple)}
.ar-rv{display:flex;align-items:center;gap:14px;color:#1D1D1F;text-decoration:none;transition:box-shadow .2s,transform .2s}
.ar-rv:hover{transform:translateY(-2px)}
.ar-rv-ph{flex:none;display:flex}
.ar-rv-ph img{width:52px;height:52px;border-radius:12px;object-fit:cover;border:2px solid #fff;background:var(--ph)}
.ar-rv-ph img+img{margin-left:-16px}
.ar-rv-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ar-rv-t b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.ar-rv-t span{font-size:13.5px;line-height:1.35;color:#5B5B66}
.ar-rv-go{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#F2F1F7;color:#1D1D1F;transition:background .2s,color .2s}
.ar-rv-go svg{width:16px;height:16px}
.ar-rv:hover .ar-rv-go{background:var(--purple);color:#fff}

/* ---------- area sections: same rhythm as the landing page ---------- */
.ar-sec{--r:24px;padding:84px 0}
@media (min-width:1101px) and (min-height:640px){main > section.ar-sec{padding-top:56px;padding-bottom:56px}}
main > section.ar-homes,main > section.ar-rules,main > section.ar-others{background:var(--card)}
main > section.ar-local,main > section.ar-explain{background:var(--bg)}
.ar-sec h2{margin:14px 0 0}
.ar-head{margin-bottom:34px}
.ar-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.ar-head-row>p{max-width:420px;margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}

/* homes */
.ar-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.ar-home{display:block;color:inherit;text-decoration:none}
.ar-home .ph{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--ph)}
.ar-home img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ar-home:hover img{transform:scale(1.03)}
.ar-home b{display:block;margin-top:12px;font-size:15.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ar-home span{display:block;margin-top:3px;font-size:14px;color:var(--muted)}
@media (min-width:1101px) and (min-height:640px){.ar-list{gap:22px 20px}.ar-home .ph{aspect-ratio:auto;height:clamp(110px,calc((100svh - 77px - 400px) / 2),220px)}.ar-home b{margin-top:10px;-webkit-line-clamp:1}}
@media (min-width:1101px){.ar-home span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* shorter desktop screens: one row of four homes at full size (the rest stay in the page for search) */
@media (min-width:1101px) and (max-height:959px){.ar-home:nth-child(n+5){display:none}.ar-home .ph{height:auto;aspect-ratio:4/3}.ar-home b{-webkit-line-clamp:2}}
.ar-empty{grid-column:1/-1;margin:0;font-size:16px;color:var(--ink-2)}
.ar-empty a{font-weight:800;color:var(--purple)}

/* where / who */
.ar-local-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.ar-towns{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 20px;padding:0;list-style:none}
.ar-towns li{display:flex;align-items:center;gap:6px;padding:10px 15px 10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-size:15px;font-weight:700}
.ar-towns svg{width:16px;height:16px;color:var(--purple)}
.ar-lede{margin:18px 0 0;max-width:520px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.ar-fits{margin:0 0 10px;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.ar-fits b{color:var(--ink)}
.ar-note{margin:0;font-size:14.5px;color:var(--muted)}
.ar-card{padding:30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:0 24px 50px rgba(60,40,90,.07)}
.ar-card h3{margin:0 0 18px;font-size:20px;font-weight:800}
.ar-why{display:flex;flex-direction:column;gap:14px;margin:0 0 20px;padding:0;list-style:none}
.ar-why li{display:flex;align-items:flex-start;gap:12px;font-size:16px;font-weight:700;line-height:1.45}
.ar-ck{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--purple);color:#fff}
.ar-ck svg{width:13px;height:13px}
.ar-small{margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}

/* rules */
.ar-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ar-rule{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:24px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line)}
.ar-ric{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--purple-soft);color:var(--purple)}
.ar-ric svg{width:22px;height:22px}
.ar-rule h3{margin:0 0 6px;font-size:17.5px;font-weight:800}
.ar-rule p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.ar-rule-grid .ar-rule:first-child:nth-last-child(odd){grid-column:1/-1}
@media (min-width:1101px) and (max-height:820px){.ar-rules .ar-head{margin-bottom:22px}.ar-rule-grid{gap:12px}.ar-rule{padding:16px 20px}.ar-rule p{font-size:14.5px;line-height:1.55}main > section.ar-rules{padding-top:36px;padding-bottom:36px}}

/* other areas: the landing page's area cards, four across. The section is #homes, as on the landing page, so the sticky bar hides over it. */
#homes.ar-others .hm-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(150px,calc((100svh - 77px - 330px) / 2),230px);gap:12px}
.ar-others .hm-card:last-child{grid-column:auto}
.ar-others .hm-txt b{font-size:16.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ar-others .hm-txt em{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ar-guest{margin:22px 0 0;font-size:15px;color:var(--ink-2)}
.ar-guest a{font-weight:800;color:var(--purple)}

/* ---------- smaller screens ---------- */
@media (max-width:1100px){
  .ar-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ar-local-in{grid-template-columns:minmax(0,1fr)}
  #homes.ar-others .hm-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
}
@media (max-width:760px){
  .ar-sec{padding:60px 0}
  .ar-head-row{flex-direction:column;align-items:flex-start;gap:12px}
  .ar-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .ar-rule-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  #homes.ar-others .hm-cards{grid-auto-rows:170px;gap:10px}
  .ar-others .hm-card .hm-go{display:none}
}
@media (max-width:600px){
  .ar-list{grid-template-columns:minmax(0,1fr)}
  .ar-card{padding:22px}
  .ar-rule{grid-template-columns:minmax(0,1fr);padding:20px}
}

/* ---------- v4 local sections: at a glance, who books, where, the year, the week, nearby, sources ---------- */
main > section.ar-sec.bg-w{background:var(--card)}
main > section.ar-sec.bg-g{background:var(--bg)}
.bg-w .pl-d,.bg-w .pl-hood-list li,.bg-w .pl-cal,.bg-w .pl-fact{background:var(--bg-2)}

/* at a glance */
.pl-glance-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.pl-glance-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.pl-glance-copy h2{margin:0}
.pl-lede{margin:0;max-width:520px;font-size:17.5px;line-height:1.65;color:var(--ink-2)}
.pl-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.pl-fact{padding:22px 22px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.pl-fact dt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}
.pl-fact dd{display:flex;flex-direction:column;gap:4px;margin:8px 0 0}
.pl-fact b{font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.pl-fact span{font-size:14px;line-height:1.45;color:var(--muted)}

/* who books */
.pl-dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pl-d{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.pl-di{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:2px;border-radius:12px;background:var(--purple-soft);color:var(--purple)}
.pl-di svg{width:22px;height:22px}
.pl-d h3{margin:0;font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.01em}
.pl-d p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}

/* where */
.pl-hoods-in{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,5vw,72px);align-items:center}
.pl-hoods-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pl-hoods-copy h2{margin:0}
.pl-hoods-copy p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.pl-hood-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pl-hood-list li{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.pl-hpin{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--purple-soft);color:var(--purple)}
.pl-hpin svg{width:18px;height:18px}
.pl-hood-list b{display:block;margin-bottom:3px;font-size:15.5px;font-weight:800;line-height:1.3}
.pl-hood-list div span{font-size:14px;line-height:1.5;color:var(--ink-2)}

/* the year */
.pl-cal{padding:24px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.pl-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.pl-months li{position:relative;display:flex;align-items:flex-end;justify-content:center;height:78px;padding-bottom:10px;border-radius:12px;background:var(--bg);font-size:13px;font-weight:800;color:var(--muted)}
.pl-months li.on{background:var(--purple);color:#fff}
.pl-months li.on::before{content:"";position:absolute;top:12px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fff}
.pl-base{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 16px;padding:12px 16px;border-radius:14px;background:var(--purple-soft);font-size:14.5px;line-height:1.4;color:var(--ink)}
.pl-base svg{width:18px;height:18px;color:var(--purple)}
.pl-base b{color:var(--purple);font-weight:800}
.pl-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.pl-events li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.pl-events time{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}
.pl-events b{font-size:15px;font-weight:800;line-height:1.3}

/* the week: short lets explained */
.pl-week-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.pl-week-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.pl-week-copy h2{margin:0}
.pl-week-copy>p{margin:0;font-size:17px;line-height:1.65;color:var(--ink-2)}
.pl-ticks{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.pl-ticks li{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:700}
.pl-week-copy .pl-honest{padding:14px 16px;border-radius:14px;background:var(--purple-soft);font-size:15px;font-weight:700;color:var(--ink)}
.pl-wk{padding:24px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 50px rgba(60,40,90,.07)}
.pl-wk-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.pl-wk-top b{font-size:16px;font-weight:800}
.pl-wk-top span{font-size:12.5px;color:var(--muted)}
.pl-wk-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.pl-wk-grid .d{padding:8px 0;border-radius:10px;background:var(--bg);text-align:center;font-size:12.5px;font-weight:800;color:var(--muted)}
.pl-bar{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:800;line-height:1.3}
.pl-bar small{font-size:12px;font-weight:600;opacity:.85}
.pl-bar.a{grid-column:1/5;background:var(--purple);color:#fff}
.pl-bar.b{grid-column:5/8;background:#1D1D1F;color:#fff}
.pl-wk-steps{display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);list-style:none}
.pl-wk-steps li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.pl-wk-steps b{color:var(--ink);font-weight:800}

/* nearby: the landing page's photo cards */
#homes.pl-near:not(.pl-near-all) .hm-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(170px,calc(100svh - 77px - 360px),260px);gap:12px}
#homes.pl-near:not(.pl-near-all) .hm-card:last-child{grid-column:auto}
.pl-near:not(.pl-near-all) .hm-txt b{font-size:16.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pl-near:not(.pl-near-all) .hm-txt em{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* town chips that have their own guide */
.ar-towns li.has-guide{padding:0;border-color:var(--purple)}
.ar-towns li.has-guide a{display:flex;align-items:center;gap:6px;padding:10px 12px 10px 12px;color:inherit;text-decoration:none}
.pl-guide{margin-left:4px;padding:2px 8px;border-radius:20px;background:var(--purple-soft);font-size:11.5px;font-weight:800;color:var(--purple)}
.ar-towns li.has-guide:hover{background:var(--purple-soft)}
.pl-guides-line a{font-weight:800;color:var(--purple)}

/* five rules: three across, then two */
@media (min-width:1101px){.ar-rule-grid[data-n="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.ar-rule-grid[data-n="5"] .ar-rule,.ar-rule-grid[data-n="5"] .ar-rule:first-child:nth-last-child(odd){grid-column:span 2}.ar-rule-grid[data-n="5"] .ar-rule:nth-child(n+4){grid-column:span 3}}
.pl-hood-list li:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:1101px) and (max-height:820px){.pl-drivers h2,.ar-rules h2{font-size:clamp(32px,3.4vw,46px)}.pl-drivers .ar-head,.ar-rules .ar-head{margin-bottom:22px}main > section.pl-drivers{padding-top:36px;padding-bottom:36px}}
/* sources */
main > section.pl-src{min-height:0;padding:28px 0 36px;scroll-snap-align:none}
.pl-src{background:var(--card);border-top:1px solid var(--line)}
.pl-src h2{margin:0 0 12px;font-size:15px;font-weight:800;letter-spacing:0;line-height:1.4}
.pl-src ul{margin:0;padding:0;list-style:none;columns:3;column-gap:28px}
.pl-src li{break-inside:avoid;margin:0 0 8px;font-size:13.5px;line-height:1.45}
.pl-src a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.pl-src a:hover{color:var(--purple)}

/* short desktop screens: keep each section on one screen */
@media (min-width:1101px) and (max-height:820px){
  .pl-d{padding:16px 18px;gap:6px}.pl-di{width:36px;height:36px}.pl-di svg{width:19px;height:19px}.pl-d p{font-size:14px;line-height:1.5}
  .pl-fact{padding:16px 18px}.pl-fact b{font-size:17px}
  .pl-hood-list li{padding:14px}.pl-hood-list div span{font-size:13.5px}
  .pl-months li{height:56px}.pl-cal{padding:18px}.pl-events li{padding:10px 14px}
  .pl-wk{padding:18px}.pl-wk-steps{margin-top:12px;padding-top:12px;gap:6px}
  .pl-week-copy{gap:12px}.pl-week-copy>p{font-size:16px}
}
@media (max-width:1100px){
  .pl-glance-in,.pl-hoods-in,.pl-week-in{grid-template-columns:minmax(0,1fr)}
  .pl-dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #homes.pl-near:not(.pl-near-all) .hm-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
  .pl-src ul{columns:2}
}
@media (max-width:700px){
  .pl-dgrid,.pl-hood-list,.pl-facts{grid-template-columns:minmax(0,1fr)}
  .pl-months{grid-template-columns:repeat(6,minmax(0,1fr))}.pl-months li{height:52px}
  .pl-events{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pl-wk-grid .d{font-size:11px}.pl-bar{padding:10px;font-size:12.5px}.pl-bar small{font-size:11px}
  .pl-wk-steps li{grid-template-columns:64px minmax(0,1fr);font-size:14px}
  #homes.pl-near:not(.pl-near-all) .hm-cards{grid-auto-rows:170px;gap:10px}
  .pl-near:not(.pl-near-all) .hm-card .hm-go{display:none}
  .pl-src ul{columns:1}
}
/* fit on the shortest desktop screens (705-760px tall) */
@media (min-width:1101px) and (max-height:820px){.ar-local .ar-note{display:none}.ar-towns{margin:18px 0 14px}.ar-towns li{padding:8px 12px 8px 10px}.ar-towns li.has-guide{padding:0}.ar-towns li.has-guide a{padding:8px 10px}}
@media (min-width:1101px) and (max-height:760px){.pl-wk-steps{display:none}.pl-d p{font-size:13.5px}.pl-dgrid{gap:10px}.ar-rule{padding:14px 16px}.ar-rule p{font-size:14px;line-height:1.5}.pl-week-copy .pl-honest{padding:10px 14px}}
.pl-about{max-width:880px;margin:14px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.pl-about b{color:var(--ink)}

/* ---------- round 2 ---------- */
/* hero photo as a real image on desktop (indexable, loads first); phones keep the background on the headline block */
.ar-hero-img{display:none}
@media (min-width:1101px){
  .ar-hero4 .h6-panel::before{background-image:none}
  .ar-hero-img{display:block;position:absolute;grid-column:1/-1;grid-row:1/2;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;border-radius:22px;z-index:-1}
}
/* rules: three cards in a row */
@media (min-width:1101px){.ar-rule-grid[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-rule-grid[data-n="3"] .ar-rule:first-child:nth-last-child(odd){grid-column:auto}}
.ar-rule-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.ar-rule p a{font-weight:800;color:var(--purple);text-decoration:none;white-space:nowrap}
.ar-rule p a:hover{text-decoration:underline}
/* council tax tables */
.pl-tw{overflow-x:auto;border-radius:20px;border:1px solid var(--line);background:var(--card)}
.pl-ct{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.4}
.pl-ct th,.pl-ct td{padding:9px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-2)}
.pl-ct thead th{position:sticky;top:0;background:var(--bg-2);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pl-ct tbody tr:last-child th,.pl-ct tbody tr:last-child td{border-bottom:0}
.pl-ct tbody th{font-weight:800}
.pl-ct tbody th a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--line)}
.pl-ct tbody th a:hover{border-color:var(--purple)}
.pl-ct td{color:var(--ink-2)}
.pl-ct td b{color:var(--ink)}
.pl-ct tr.on{background:var(--purple-soft)}
.pl-councils-all .pl-tw+.pl-sub{margin-top:26px}
.pl-sub{margin:0 0 12px;font-size:18px;font-weight:800;letter-spacing:-.01em}
.pl-sub a{color:inherit;text-decoration:none}
.pl-sub a:hover{color:var(--purple)}
.pl-rules-all .ar-rule-grid+.pl-sub{margin-top:26px}
@media (min-width:1101px) and (max-height:820px){.pl-ct th,.pl-ct td{padding:7px 14px;font-size:14px}}
@media (max-width:700px){.pl-ct{font-size:13.5px}.pl-ct th,.pl-ct td{padding:8px 10px}.pl-ct th:nth-child(2),.pl-ct td:nth-child(2){display:none}}
/* guide page: ten town cards, five across */
.pl-guide-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(150px,calc((100svh - 77px - 330px) / 2),230px);gap:12px}
.pl-guide-cards .hm-card:last-child{grid-column:auto}
.pl-guide-cards .hm-txt b{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:1100px){.pl-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}}
@media (max-width:700px){.pl-guide-cards{grid-auto-rows:170px;gap:10px}.pl-guide-cards .hm-go{display:none}}

@media (min-width:1101px) and (max-height:820px){.pl-councils:not(.pl-councils-all) h2{font-size:clamp(32px,3.4vw,46px)}.pl-councils:not(.pl-councils-all) .ar-head{margin-bottom:18px}.pl-councils:not(.pl-councils-all) .pl-ct th,.pl-councils:not(.pl-councils-all) .pl-ct td{padding:5px 14px;font-size:13.5px}main > section.pl-councils:not(.pl-councils-all){padding-top:32px;padding-bottom:32px}}
/* hero photo sits in a <picture> (phones get a 1px placeholder); keep the image a direct grid child */
.h6-panel>picture{display:contents}
/* round 4: short desktop screens */
@media (min-width:1101px) and (max-height:820px){main > section.ar-sec.pl-areas{padding-top:32px;padding-bottom:32px}.pl-areas .ar-head{margin-bottom:14px}}
@media (min-width:1101px) and (max-height:720px){main > section.ar-sec.pl-week{padding-top:36px;padding-bottom:36px}.pl-d{padding:13px 16px}.pl-d p{font-size:13.5px;line-height:1.45}.pl-dgrid{gap:10px}}

/* ---------- compact rhythm (trial: pages carrying .pl-compact) ----------
   Sections size to their content instead of filling the screen, with one even rhythm of padding. */
@media (min-width:1101px) and (min-height:640px){
  html:has(.pl-compact){scroll-snap-type:none}
  main:has(.pl-compact) > section:not(.hero4):not(.proof-sec):not(.pl-src){min-height:0;justify-content:flex-start;scroll-snap-align:none;padding-top:clamp(56px,7.5vh,80px);padding-bottom:clamp(56px,7.5vh,80px)}
  main:has(.pl-compact) > section.ar-sec,main:has(.pl-compact) > section#how,main:has(.pl-compact) > section#faq,main:has(.pl-compact) > section.cmp-sec,main:has(.pl-compact) > section.final-sec{padding-top:clamp(56px,7.5vh,80px);padding-bottom:clamp(56px,7.5vh,80px)}
  /* who books: icon beside the title, not on a row of its own */
  main:has(.pl-compact) .pl-d{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:6px;align-content:start}
  main:has(.pl-compact) .pl-di{grid-row:1/3;width:40px;height:40px;margin:0}
  main:has(.pl-compact) .pl-d h3{align-self:center;text-wrap:wrap}
  /* one or two homes: heading beside the cards, not above an empty row */
  main:has(.pl-compact) #ar-homes .wrap:not(:has(.ar-list > :nth-child(3))){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
  main:has(.pl-compact) #ar-homes .wrap:not(:has(.ar-list > :nth-child(3))) .ar-head-row{flex-direction:column;align-items:flex-start;gap:14px;margin:0}
  main:has(.pl-compact) #ar-homes .wrap:not(:has(.ar-list > :nth-child(3))) .ar-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pl-compact{display:none}
.pl-near-line{margin-top:18px}
.pl-near-line+.ar-guest{margin-top:6px}
/* the year: all events on one row on desktop */
@media (min-width:1101px){.pl-events{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}

/* Owner result on the town page where the home is (panel markup and styles come from the landing page) */
.ar-result{margin-top:56px}
.ar-result-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px}
.ar-result-head h3{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.ar-result .rc-panel{box-shadow:0 20px 50px rgba(60,40,90,.07)}
.ar-result-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.ar-result-note a{font-weight:800;color:var(--purple);text-decoration:none;white-space:nowrap}
.ar-result-note a:hover{text-decoration:underline}
@media (max-width:760px){.ar-result{margin-top:40px}}