/* The free home report and the Homes search (home-report build, 20 Oct 2026): /homes and /homes/report.
   Tokens from kp.css; page pieces (pg-*) from kp-pages.css. Classes here are hr-*. On a phone (under 700px):
   16px gutters, the tab chips scroll sideways inside their own row, controls 44px. */

/* loading: a spinner with words, and a skeleton */
.hr-wait{display:flex;align-items:center;gap:8px;color:var(--kp-muted,#4B6469);font-size:12.5px;margin:4px 0 10px}
.hr-spin{width:14px;height:14px;border-radius:50%;border:2px solid #CFDCD9;border-top-color:#0E3B43;flex:none;animation:hr-spin .8s linear infinite}
@keyframes hr-spin{to{transform:rotate(360deg)}}
.hr-skel{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.hr-skel i{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,#EEF3F2 0,#F7FAF9 40%,#EEF3F2 80%);background-size:300% 100%;animation:hr-shimmer 1.4s ease-in-out infinite}
@keyframes hr-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.hr-spin,.hr-skel i{animation:none}}
.pg-go.is-busy,.kp-btn.is-busy{opacity:.75;cursor:progress}
.pg-go.is-busy:before,.kp-btn.is-busy:before{content:"";width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;display:inline-block;margin-right:6px;animation:hr-spin .8s linear infinite;vertical-align:-1px}
.kp-btn.is-busy:before{border-color:#CFDCD9;border-top-color:#0E3B43}

/* the search */
.hr-search{max-width:720px}
.hr-search.hr-compact .pg-field{height:46px}
.hr-hint{margin:6px 2px 0;font-size:12px;color:var(--kp-muted,#4B6469);min-height:0}
.hr-hint:empty{display:none}
.hr-hint.is-err{color:#7A1F14}
.hr-ddhead{display:block;padding:4px 10px 6px}
.hr-ddwait{padding:8px 10px;margin:0}

/* the Homes page */
.hr-homes{display:flex;flex-direction:column;gap:24px}
.hr-whats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.hr-what{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--kp-line,#E3ECEA);border-radius:12px;text-decoration:none;color:var(--kp-ink,#1F3A40);background:#fff}
.hr-what:hover{background:var(--kp-wash,#F2FBF7)}
.hr-what b{color:var(--kp-head,#0E3B43);font-size:13.5px}
.hr-what span{font-size:12px;color:var(--kp-muted,#4B6469)}
.hr-agent{grid-template-columns:minmax(0,1fr) auto !important}

/* the report's head */
.hr-hero .pg-in{padding-top:12px;padding-bottom:0}
.hr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:14px}
.hr-headtext{min-width:0;flex:1 1 380px}
.hr-h1{margin:2px 0 6px;font-size:24px;font-weight:800;color:var(--kp-head,#0E3B43);letter-spacing:-.4px;line-height:1.15;overflow-wrap:anywhere}
.hr-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:20px}
.hr-chips .hr-skel{width:260px}
.hr-chips .kp-chip{font-size:12px;padding:2px 9px}
.hr-chips a{color:inherit}
.hr-actions{flex:0 1 auto;max-width:520px}
.hr-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hr-btns .kp-btn-p.is-on,[data-hr-save].is-on{background:var(--kp-mint,#D5F5E8);border-color:var(--kp-mint,#D5F5E8);color:var(--kp-head,#0E3B43)}
.hr-tier{margin:6px 0 0;font-size:11.5px;color:var(--kp-muted,#4B6469);text-align:right}

/* the tab chips: one row, scrolling sideways on a phone */
.hr-tabs{display:flex;gap:6px;margin-top:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:10px}
.hr-tabs::-webkit-scrollbar{display:none}
.hr-tab{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--kp-line-3,#CFDCD9);background:#fff;color:var(--kp-head,#0E3B43);font:600 12.5px var(--kp-font);text-decoration:none;white-space:nowrap}
.hr-tab:hover{background:var(--kp-wash,#F2FBF7)}
.hr-tab[aria-selected="true"]{background:var(--kp-teal,#0E3B43);border-color:var(--kp-teal,#0E3B43);color:#fff}
.hr-tabdot{width:6px;height:6px;border-radius:6px;background:#CFDCD9}
.hr-tab.is-done .hr-tabdot{background:var(--kp-in,#2E8B74)}
.hr-tab[data-tab="overview"] .hr-tabdot{display:none}
.hr-tab:focus-visible{outline:2px solid var(--kp-coral,#CF3F2E);outline-offset:2px}

/* panels and cards */
.hr-main{padding-top:20px;padding-bottom:40px;display:flex;flex-direction:column;gap:24px}
.hr-panel{display:flex;flex-direction:column;gap:14px}
.hr-panel[hidden]{display:none !important}
.hr-ph{margin:0;font-size:17.5px;font-weight:800;color:var(--kp-head,#0E3B43)}
.hr-card{margin:0}
.hr-cardh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hr-cardh .pg-h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hr-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:4px 0 10px}
.hr-fact{background:var(--kp-bg,#F7FAF9);border-radius:10px;padding:10px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}
.hr-fact b{font-size:16px;color:var(--kp-head,#0E3B43);overflow-wrap:anywhere}
.hr-fact span{font-size:12px;color:var(--kp-muted,#4B6469)}
.hr-srcs{margin:0}
.hr-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--kp-amber-wash,#FFF5DF);color:#5C3D00;font-size:12.5px}
.hr-lock{font-size:12.5px;margin:8px 0 0;padding:8px 10px;border:1px dashed var(--kp-line-3,#CFDCD9);border-radius:10px;color:var(--kp-ink-2,#33484D)}
.hr-lockic{margin-right:6px}
.hr-soon{margin-top:10px}
.hr-table{width:100%;border-collapse:collapse;font-size:12.5px}
.hr-table th,.hr-table td{text-align:left;padding:7px 8px;border-top:1px solid var(--kp-soft,#EEF3F2);vertical-align:top}
.hr-table thead th{border-top:0;color:var(--kp-muted,#4B6469);font-weight:600;font-size:11.5px}
.hr-tw{overflow-x:auto}
.hr-cons th{width:30%;color:var(--kp-head,#0E3B43)}
.hr-st{display:inline-block;font-weight:700;font-size:11.5px;padding:1px 8px;border-radius:999px;background:#EEF3F2;color:#33484D}
.hr-st[data-s="yes"]{background:var(--kp-amber-wash,#FFF5DF);color:var(--kp-amber,#8A5A00)}
.hr-st[data-s="no"]{background:var(--kp-good-wash,#E9F7F0);color:var(--kp-good-ink,#0B6B4E)}
.hr-dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 10px;font-size:12.5px;margin:0 0 8px}
.hr-dl dt{color:var(--kp-muted,#4B6469)}
.hr-dl dd{margin:0}
.hr-list{margin:0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:4px}
.hr-apps{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}
.hr-pd{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hr-pd li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--kp-bg,#F7FAF9);border-left:3px solid var(--kp-in,#2E8B74)}
.hr-pd li[data-ok="false"]{border-left-color:var(--kp-ofsted-att,#C78A00)}
.hr-pd span{font-size:12px;color:var(--kp-muted,#4B6469)}
.hr-spark{width:100%;max-width:560px;height:auto;display:block;margin:4px 0}
.hr-range{margin-top:34px}
.hr-next{display:flex;gap:8px;flex-wrap:wrap}
.hr-price{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}
.hr-price label{font-size:12.5px;font-weight:600;color:var(--kp-head,#0E3B43)}
.hr-price input[type=text],.hr-price input:not([type]),.hr-price #hrPrice{height:34px;width:170px;border:1px solid var(--kp-line-3,#CFDCD9);border-radius:8px;padding:0 10px;font:600 14px var(--kp-font)}
.hr-price select{height:34px;border:1px solid var(--kp-line-3,#CFDCD9);border-radius:8px;padding:0 8px;font:600 13px var(--kp-font);background:#fff}
.hr-check{display:inline-flex;align-items:center;gap:6px;font-weight:500 !important}
.hr-bands td,.hr-bands th{white-space:nowrap}
.hr-errbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}

/* (i) pop-overs */
.hr-info{position:relative;display:inline-block;font-weight:400}
.hr-info summary{list-style:none;cursor:pointer;width:18px;height:18px;border-radius:50%;border:1px solid var(--kp-line-3,#CFDCD9);color:var(--kp-muted,#4B6469);font:italic 700 11px/16px Georgia,serif;text-align:center;user-select:none}
.hr-info summary::-webkit-details-marker{display:none}
.hr-info[open] summary{background:var(--kp-teal,#0E3B43);color:#fff;border-color:var(--kp-teal,#0E3B43)}
.hr-pop{position:absolute;z-index:20;left:-8px;top:24px;width:min(320px,78vw);background:#fff;border:1px solid var(--kp-line-2,#DCE6E4);border-radius:12px;box-shadow:var(--kp-shadow-2,0 10px 30px rgba(14,59,67,.14));padding:10px 12px;font:400 12px/1.5 var(--kp-font);color:var(--kp-ink,#1F3A40);text-transform:none;letter-spacing:0}

@media (min-width:1000px){
  .hr-panel[data-panel="travel"],.hr-panel[data-panel="area"],.hr-panel[data-panel="costs"],.hr-panel[data-panel="value"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .hr-panel > .hr-ph,.hr-panel > .hr-srcs,.hr-panel > .hr-legend,.hr-panel > .hr-next,.hr-panel > .hr-wait,.hr-panel > .hr-skel,.hr-panel > .hr-errbox,.hr-panel > .hr-wide{grid-column:1/-1}
}

/* overview */
.hr-ovgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hr-ov{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#fff;border:1px solid var(--kp-line,#E3ECEA);border-radius:16px;text-decoration:none;color:var(--kp-ink,#1F3A40);min-width:0}
.hr-ov:hover{border-color:var(--kp-line-3,#CFDCD9);box-shadow:var(--kp-shadow,0 18px 40px rgba(14,59,67,.10))}
.hr-ov b{font-size:17px;color:var(--kp-head,#0E3B43);line-height:1.25;overflow-wrap:anywhere}
.hr-ov > span:not(.pg-eyebrow):not(.hr-ovgo):not(.hr-skel):not(.hr-ovwait){font-size:12.5px;color:var(--kp-ink-2,#33484D);line-height:1.45}
.hr-ovgo{margin-top:auto;padding-top:6px;font-size:12px;font-weight:700;color:var(--kp-coral,#CF3F2E)}
.hr-ovwait{font-size:12px;color:var(--kp-muted,#4B6469)}
.hr-picks{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.hr-picks .kp-chip{font-size:12px;padding:3px 10px}

/* schools */
.hr-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--kp-muted,#4B6469)}
.hr-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--kp-out)}
.hr-legend i.in{background:var(--kp-in)}
.hr-legend i.na{background:transparent;border:1px dashed var(--kp-line-3)}
.hr-shead,.hr-srow{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.5fr) 96px 70px 70px;gap:12px;align-items:center}
.hr-shead{font-size:11.5px;color:var(--kp-muted,#4B6469);padding-bottom:4px}
.hr-srow{padding:10px 0;border-top:1px solid var(--kp-soft,#EEF3F2);font-size:12.5px}
.hr-sname a{font-weight:700;color:var(--kp-head,#0E3B43);text-decoration:none;font-size:13.5px}
.hr-sname a:hover{text-decoration:underline}
.hr-smeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:3px}
.hr-in{color:var(--kp-good-ink,#0B6B4E);font-weight:700;font-size:12px;margin-top:3px}
.hr-sv{display:flex;flex-direction:column;gap:3px}
.hr-sy{display:flex;flex-direction:column;gap:3px}
.hr-sd{font-weight:600;color:var(--kp-head,#0E3B43)}
.hr-verdict{align-self:flex-start;font-weight:700;font-size:12px;padding:2px 9px;border-radius:999px;background:#EEF3F2;color:#33484D}
.hr-verdict[data-v="every"]{background:var(--kp-in,#2E8B74);color:#fff}
.hr-verdict[data-v="most"]{background:var(--kp-good-wash,#E9F7F0);color:var(--kp-good-ink,#0B6B4E)}
.hr-verdict[data-v="some"]{background:var(--kp-amber-wash,#FFF5DF);color:var(--kp-amber,#8A5A00)}
.hr-verdict[data-v="not"]{background:#F2F6F5;color:#33484D}
.hr-verdict[data-v="cant"]{background:#fff;border:1px dashed var(--kp-line-3,#CFDCD9);color:var(--kp-muted,#4B6469)}

@media (max-width:900px){
  .hr-ovgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hr-whats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hr-shead{display:none}
  .hr-srow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name d" "v v" "y a";gap:8px 12px}
  .hr-sname{grid-area:name}.hr-sd{grid-area:d;text-align:right}.hr-sv{grid-area:v}.hr-sy{grid-area:y}.hr-sa{grid-area:a;text-align:right}
}
@media (max-width:699px){
  .hr-main{gap:16px;padding-top:14px}
  .hr-panel{gap:12px}
  .hr-ovgrid,.hr-whats{grid-template-columns:minmax(0,1fr)}
  .hr-h1{font-size:21px}
  .hr-actions{max-width:none;width:100%}
  .hr-btns{justify-content:flex-start}
  .hr-btns .kp-btn{flex:1 1 calc(50% - 8px)}
  .hr-tier{text-align:left}
  .hr-tab{height:44px;padding:0 15px}
  .hr-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .hr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hr-dl{grid-template-columns:90px minmax(0,1fr)}
  .hr-price #hrPrice{width:100%;flex:1 1 100%;height:44px}
  .hr-price select{height:44px}
  .hr-info summary{width:24px;height:24px;line-height:22px}
  .hr-pop{left:auto;right:-40px}
  .hr-what,.hr-ov{min-height:44px}
  .hr-picks .kp-chip{min-height:36px}
}