/* Records report landing pages (12 Oct 2026): Property and Planning Records, Rural Land and Water Records.
   Loaded after landsure.css and landsure-products.css. Everything is under .rc so no other page is touched.
   Each page sets its report's own colour on <main>: .rc-ppr (yellow, ink text) or .rc-rlr (charcoal, white text).
   The markup comes from scripts/build-records-pages.py. */
.rc{--rc-band:#F1C84B;--rc-on:#0B1118;--rc-on-soft:rgba(11,17,24,.78);--rc-mark:#F1C84B;--rc-mark-on:#0B1118;--rc-tint:#FFF7DC;--rc-line:#E9D68E;}
.rc.rc-rlr{--rc-band:#16171B;--rc-on:#fff;--rc-on-soft:rgba(255,255,255,.78);--rc-mark:#16171B;--rc-mark-on:#fff;--rc-tint:#F1F2F4;--rc-line:#D5D8DD;}

/* ---------- top banner ---------- */
.rc-hero{position:relative;background:var(--rc-band);color:var(--rc-on);padding:150px 0 0;overflow:hidden;overflow:clip;}
.rc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding-bottom:86px;}
.rc-kicker{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-on);margin:0 0 20px;padding:9px 13px;border:1.5px solid var(--rc-on);border-radius:999px;}
.rc-hero .h1{color:var(--rc-on);font-size:clamp(38px,4.2vw,62px);max-width:620px;margin:0;}
.rc-hero-sub{font-size:19px;line-height:1.6;font-weight:500;color:var(--rc-on-soft);max-width:560px;margin:22px 0 0;}
.rc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:26px 0 0;}
.rc-price b{font:800 46px/1 Montserrat,sans-serif;letter-spacing:-.03em;color:var(--rc-on);}
.rc-price span{font-size:14.5px;font-weight:600;line-height:1.5;color:var(--rc-on-soft);max-width:330px;}
.rc-cta{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 0;}
.rc .rc-btn-solid{background:#0B1118;color:#fff;box-shadow:0 18px 34px rgba(11,17,24,.28);}
.rc .rc-btn-solid:hover{background:#1c2733;transform:translateY(-3px);}
.rc .rc-btn-line{background:transparent;color:var(--rc-on);border:2px solid var(--rc-on);box-shadow:none;}
.rc .rc-btn-line:hover{transform:translateY(-3px);}
.rc.rc-rlr .rc-btn-solid{background:#fff;color:#0B1118;box-shadow:0 18px 34px rgba(0,0,0,.35);}
.rc.rc-rlr .rc-btn-solid:hover{background:#e9edf0;}
/* three pages, fanned */
.rc-fan{position:relative;aspect-ratio:1/0.86;max-width:640px;margin:0 auto;width:100%;}
.rc-fan img{position:absolute;display:block;height:auto;border-radius:10px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.34);}
.rc-fan .f1{width:52%;left:24%;top:0;z-index:3;}
/* Rural: the report cover is the banner's own charcoal, so each page gets a hairline edge to stand off it, and the
   banner and closing band carry faint mid-grey contour lines (topo-contours.svg, drawn, not a map of any place) */
.rc.rc-rlr .rc-fan img{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 30px 70px rgba(0,0,0,.6);}
.rc.rc-rlr .rc-hero,.rc.rc-rlr .rc-close{background:#16171B url("topo-contours.svg") center/cover no-repeat;}
.rc-fan .f2{width:44%;left:0;top:13%;z-index:2;transform:rotate(-7deg);}
.rc-fan .f3{width:44%;right:0;top:13%;z-index:1;transform:rotate(7deg);}
/* fact strip that sits across the bottom edge of the banner */
.rc-facts{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:#081F32;border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(8,31,50,.12);}
.rc-fact{padding:24px 26px;border-right:1px solid #E3EBEF;}
.rc-fact:last-child{border-right:none;}
.rc-fact b{display:block;font:800 17px/1.3 Montserrat,sans-serif;color:#081F32;}
.rc-fact span{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:#4F6674;}

/* ---------- shared section bits ---------- */
.rc .rc-sec{padding:96px 0;}
.rc .rc-sec.alt{background:#F4F8FA;}
.rc .rc-sec.white{background:#fff;}
.rc-head{max-width:820px;margin:0 auto;text-align:center;}
.rc-head .p-lead{margin:16px auto 0;max-width:720px;}
.rc-rule{display:block;width:64px;height:6px;border-radius:3px;background:var(--rc-mark);margin:0 auto 22px;}

/* ---------- what you get: picture cards ---------- */
.rc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:52px 0 0;}
.rc-card{background:#fff;border:1px solid #DDE8EE;border-radius:24px;overflow:hidden;box-shadow:var(--sh-card);display:flex;flex-direction:column;}
.rc-card .pic{display:block;aspect-ratio:3/2;background:#EEF3F6;border-bottom:5px solid var(--rc-mark);overflow:hidden;}
.rc-card .pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.rc-card .pic.top img{object-position:center top;}
/* a wide chart: shown whole on white, not cropped to fill */
.rc-card .pic.fit{background:#fff;padding:16px 18px;}
.rc-card .pic.fit img{object-fit:contain;}
.rc-card .tx{padding:22px 24px 26px;}
.rc-card h3{font:800 19px/1.3 Montserrat,sans-serif;color:#081F32;margin:0 0 9px;}
.rc-card p{font-size:15px;line-height:1.65;color:#4F6674;margin:0;}

/* ---------- when it is useful ---------- */
.rc-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px 0 0;}
.rc-use{background:var(--rc-tint);border:1px solid var(--rc-line);border-radius:22px;padding:28px 26px;}
.rc-use .n{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--rc-mark);color:var(--rc-mark-on);font:800 16px/1 Montserrat,sans-serif;margin:0 0 16px;}
.rc-use h3{font:800 19px/1.3 Montserrat,sans-serif;color:#081F32;margin:0 0 9px;}
.rc-use p{font-size:15px;line-height:1.65;color:#3f5a66;margin:0;}

/* ---------- what is inside ---------- */
.rc-inside{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:48px auto 0;max-width:1060px;}
.rc-part{background:#fff;border:1px solid #DDE8EE;border-left:6px solid var(--rc-mark);border-radius:18px;padding:24px 26px;}
.rc-part h3{font:800 17px/1.3 Montserrat,sans-serif;color:#081F32;margin:0 0 12px;}
.rc-part ul{margin:0;padding:0;list-style:none;}
.rc-part li{position:relative;padding:0 0 0 20px;margin:0 0 9px;font-size:14.5px;line-height:1.6;color:#3f5a66;}
.rc-part li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--rc-mark);}
.rc-part li:last-child{margin-bottom:0;}

/* ---------- sample pages: ten across two rows ---------- */
.rc .p-samples.rc-ten{grid-template-columns:repeat(5,1fr);gap:20px;}
.rc .p-samples.rc-ten .cap{font-size:11.5px;}

/* ---------- price ---------- */
.rc-ptable-wrap{max-width:900px;margin:44px auto 0;overflow-x:auto;background:#fff;border:1px solid #DDE8EE;border-radius:24px;box-shadow:var(--sh-card);}
.rc-ptable{width:100%;border-collapse:collapse;}
.rc-ptable th{text-align:left;padding:18px 26px;font:700 11.5px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#5E7280;border-bottom:5px solid var(--rc-mark);}
.rc-ptable td{padding:22px 26px;border-bottom:1px solid #E7EEF2;font-size:16px;line-height:1.55;color:#2c4652;vertical-align:middle;}
.rc-ptable tr:last-child td{border-bottom:none;}
.rc-ptable td:first-child{font-weight:600;color:#081F32;}
.rc-ptable td.amt{font:800 30px/1 Montserrat,sans-serif;letter-spacing:-.02em;color:#081F32;white-space:nowrap;}
.rc-fine{max-width:900px;margin:22px auto 0;font-size:14px;line-height:1.65;color:#3f5a66;}
.rc-fine p{margin:0 0 8px;}

/* ---------- how to order ---------- */
.rc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px 0 0;counter-reset:rcstep;}
.rc-step{position:relative;background:#fff;border:1px solid #DDE8EE;border-radius:22px;padding:30px 26px 28px;}
.rc-step::before{counter-increment:rcstep;content:counter(rcstep);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--rc-mark);color:var(--rc-mark-on);font:800 20px/1 Montserrat,sans-serif;margin:0 0 18px;}
.rc-step h3{font:800 19px/1.3 Montserrat,sans-serif;color:#081F32;margin:0 0 9px;}
.rc-step p{font-size:15px;line-height:1.65;color:#4F6674;margin:0;}
.rc-center{display:flex;justify-content:center;margin:36px 0 0;}
.rc-sec .rc-center .rc-btn-solid{background:#0B1118;color:#fff;}

/* ---------- limits ---------- */
.rc-limits{max-width:940px;margin:0 auto;display:grid;gap:18px;}
.rc-limit{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #DDE8EE;border-radius:18px;padding:22px 24px;}
.rc-limit.red{border-color:#F0C9C3;background:#FFF6F4;}
.rc-limit .ic{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 22px/1 Montserrat,sans-serif;background:#082A3D;color:#fff;}
.rc-limit.red .ic{background:#D84A3A;}
.rc-limit p{margin:0;font-size:15px;line-height:1.7;color:#2c4652;}
.rc-limit.red p{color:#A5321F;}
.rc-limit.red a{color:#A5321F;text-decoration:underline;}

/* ---------- questions ----------
   landsure-products.css shows every answer on desktop (so the text is in the page for search engines) in a
   two-column block at 10px. These pages have eight questions, so the same block is set at a readable size. */
@media (min-width:1025px){
  .rc .p-faq{max-width:1100px;column-gap:22px;margin-top:44px;}
  .rc .p-fitem{margin-bottom:14px;border-radius:14px;}
  .rc .p-fq{padding:18px 22px 6px;font-size:16px;font-weight:700;line-height:1.35;}
  .rc .p-fa-inner{padding:0 22px 20px;font-size:14.5px;line-height:1.65;}
}

/* ---------- other reports ---------- */
.rc-others{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:980px;margin:44px auto 0;}
.rc-other{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #DDE8EE;border-radius:22px;padding:28px 26px;text-decoration:none;color:inherit;box-shadow:var(--sh-card);transition:transform .25s ease,box-shadow .25s ease;}
.rc-other:hover{transform:translateY(-4px);box-shadow:var(--sh-float);}
.rc-other .lab{font:700 11.5px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#1C776A;}
.rc-other h3{font:800 21px/1.25 Montserrat,sans-serif;color:#081F32;margin:0;}
.rc-other p{font-size:15px;line-height:1.6;color:#4F6674;margin:0;}
.rc-other .go{margin-top:auto;padding-top:8px;font:800 14.5px/1 Montserrat,sans-serif;color:#1C776A;}

/* ---------- closing band ---------- */
.rc-close{background:var(--rc-band);color:var(--rc-on);padding:84px 0;text-align:center;}
.rc-close .h2{color:var(--rc-on);margin:0 auto;max-width:820px;}
.rc-close p{font-size:17px;line-height:1.6;color:var(--rc-on-soft);max-width:640px;margin:16px auto 0;}
.rc-close .rc-cta{justify-content:center;}

/* ---------- smaller screens ---------- */
@media (max-width:1100px){
  .rc-hero-grid{grid-template-columns:1fr;gap:44px;padding-bottom:64px;}
  .rc-fan{max-width:520px;}
  .rc-cards{grid-template-columns:repeat(2,1fr);}
  .rc-facts{grid-template-columns:repeat(2,1fr);}
  .rc-fact:nth-child(2){border-right:none;}
  .rc-fact:nth-child(-n+2){border-bottom:1px solid #E3EBEF;}
  .rc .p-samples.rc-ten{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:820px){
  .rc-hero{padding-top:120px;}
  .rc .rc-sec{padding:68px 0;}
  .rc-uses,.rc-steps,.rc-inside,.rc-others{grid-template-columns:1fr;}
  .rc .p-samples.rc-ten{grid-template-columns:repeat(2,1fr);gap:14px;}
  .rc-close{padding:64px 0;}
}
@media (max-width:600px){
  .rc-cards{grid-template-columns:1fr;}
  .rc-facts{grid-template-columns:1fr;border-radius:18px 18px 0 0;}
  .rc-fact{border-right:none;border-bottom:1px solid #E3EBEF;padding:18px 20px;}
  .rc-fact:last-child{border-bottom:none;}
  .rc-price b{font-size:40px;}
  .rc-hero-sub{font-size:17px;}
  .rc-cta .btn{width:100%;justify-content:center;}
  .rc-ptable th,.rc-ptable td{padding:16px 16px;}
  .rc-ptable td{font-size:14.5px;}
  .rc-ptable td.amt{font-size:24px;}
}
