/* Resources Hub — scoped to .rh-hub. Mobile-first; brand black + gold. */

/* Hide the theme's filters bar + breadcrumb that header.php prints above the
   hub. Scoped to body.rh-hub-page so only the hub views are affected. */
body.rh-hub-page .before-breadcrumb-wrap,
body.rh-hub-page #breadcrumb{ display:none !important; }

/* The AI/voice search assistant (AIFA, #aifa) is for property pages only —
   hide the whole widget (floating bubble + panel) on the resources hub. */
body.rh-hub-page #aifa{ display:none !important; }

/* The mobile property-contact bar (phone / WhatsApp / "more info") is also
   property-oriented — hide it across the resources/hub pages. */
body.rh-hub-page #mobile-cta-footer{ display:none !important; }

.rh-hub{
	--rh-gold:#bc9d70;
	--rh-gold-d:#a8884f;
	--rh-ink:#171717;
	--rh-ink-2:#262626;
	--rh-text:#3a3a3a;
	--rh-muted:#6f6f6f;
	--rh-line:#e9e6e0;
	--rh-soft:#faf8f4;
	--rh-radius:16px;
	--rh-shadow:0 1px 2px rgba(23,23,23,.05),0 8px 24px rgba(23,23,23,.06);

	color:var(--rh-text);
	max-width:1080px;
	margin:0 auto;
	font-family:inherit;
	-webkit-font-smoothing:antialiased;
}

.rh-hub *{box-sizing:border-box;}

/* ---------- Hero ---------- */
.rh-hero{
	background:radial-gradient(120% 140% at 50% -20%,#2c2c2c 0%,var(--rh-ink) 55%);
	border-radius:var(--rh-radius);
	padding:44px 20px 40px;
	text-align:center;
	color:#fff;
}
.rh-hero-inner{max-width:680px;margin:0 auto;}
.rh-eyebrow{
	margin:0 0 10px;
	font-size:.72rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--rh-gold);
	font-weight:700;
}
.rh-title{
	margin:0 0 10px;
	font-size:clamp(1.7rem,5vw,2.6rem);
	line-height:1.1;
	color:#fff;
	font-weight:700;
}
.rh-sub{
	margin:0 auto 24px;
	max-width:46ch;
	color:rgba(255,255,255,.74);
	font-size:1rem;
	line-height:1.5;
}

/* Search */
.rh-search{
	position:relative;
	display:flex;
	align-items:center;
	background:#fff;
	border-radius:999px;
	box-shadow:0 10px 30px rgba(0,0,0,.22);
	padding:0 14px;
	max-width:560px;
	margin:0 auto;
}
.rh-search-ico{display:flex;color:var(--rh-muted);flex:0 0 auto;}
.rh-search-ico svg{width:20px;height:20px;}
.rh-search-input{
	flex:1 1 auto;
	border:0;
	outline:0;
	background:transparent;
	font:inherit;
	font-size:1rem;
	color:var(--rh-ink);
	padding:15px 10px;
	min-width:0;
}
.rh-search-input::placeholder{color:#9a9a9a;}
.rh-search-clear{
	flex:0 0 auto;
	border:0;background:transparent;cursor:pointer;
	font-size:1.5rem;line-height:1;color:var(--rh-muted);
	padding:0 6px;
}
.rh-search-clear:hover{color:var(--rh-ink);}

/* Popular chips */
.rh-quick{
	margin:18px 0 0;
	display:flex;flex-wrap:wrap;gap:8px;
	align-items:center;justify-content:center;
	font-size:.85rem;
}
.rh-quick-label{color:rgba(255,255,255,.6);}
.rh-chip{
	display:inline-block;
	padding:6px 13px;
	border-radius:999px;
	background:rgba(255,255,255,.10);
	color:#fff;
	text-decoration:none;
	border:1px solid rgba(255,255,255,.14);
	transition:background .15s,border-color .15s;
}
.rh-chip:hover{background:var(--rh-gold);border-color:var(--rh-gold);color:var(--rh-ink);}

/* ---------- Section scaffolding ---------- */
.rh-static{padding-top:8px;}
.rh-hub section{margin-top:38px;}
.rh-h2{
	font-size:1.25rem;
	font-weight:700;
	color:var(--rh-ink);
	margin:0 0 18px;
}

.rh-grid{display:grid;gap:14px;}
.rh-grid-topics{grid-template-columns:1fr;}
.rh-grid-cards{grid-template-columns:1fr;}

/* ---------- Topic cards ---------- */
.rh-topic{
	position:relative;
	display:flex;align-items:center;gap:16px;
	padding:18px;
	background:#fff;
	border:1px solid var(--rh-line);
	border-radius:var(--rh-radius);
	text-decoration:none;
	color:inherit;
	transition:box-shadow .18s,border-color .18s,transform .18s;
}
.rh-topic:hover{box-shadow:var(--rh-shadow);border-color:#ded7ca;transform:translateY(-2px);}
.rh-topic-ico{
	flex:0 0 auto;
	width:46px;height:46px;border-radius:12px;
	display:flex;align-items:center;justify-content:center;
	background:var(--rh-soft);color:var(--rh-gold-d);
}
.rh-topic-ico svg{width:24px;height:24px;}
.rh-topic-body{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;}
.rh-topic-label{font-weight:700;color:var(--rh-ink);font-size:1.02rem;}
.rh-topic-desc{color:var(--rh-muted);font-size:.86rem;line-height:1.35;}
.rh-topic-count{
	flex:0 0 auto;
	font-size:.78rem;font-weight:700;color:var(--rh-gold-d);
	background:var(--rh-soft);border-radius:999px;padding:4px 10px;
}

/* ---------- Article cards ---------- */
.rh-acard{
	display:flex;flex-direction:column;
	background:#fff;border:1px solid var(--rh-line);
	border-radius:var(--rh-radius);overflow:hidden;
	text-decoration:none;color:inherit;
	transition:box-shadow .18s,border-color .18s,transform .18s;
}
.rh-acard:hover{box-shadow:var(--rh-shadow);border-color:#ded7ca;transform:translateY(-2px);}
.rh-acard-img{
	display:block;width:100%;padding-top:56%;
	background:#eee center/cover no-repeat;
}
.rh-acard-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;}
.rh-acard-title{font-weight:700;color:var(--rh-ink);font-size:1rem;line-height:1.3;}
.rh-acard-desc{color:var(--rh-muted);font-size:.86rem;line-height:1.4;}

/* ---------- FAQ ---------- */
.rh-faq-list{
	border:1px solid var(--rh-line);
	border-radius:var(--rh-radius);
	overflow:hidden;background:#fff;
}
.rh-faq-item{border-top:1px solid var(--rh-line);}
.rh-faq-item:first-child{border-top:0;}
.rh-faq-q{
	cursor:pointer;list-style:none;
	padding:16px 18px;
	font-weight:600;color:var(--rh-ink);
	display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.rh-faq-q::-webkit-details-marker{display:none;}
.rh-faq-q::after{
	content:"+";font-size:1.3rem;color:var(--rh-gold-d);
	flex:0 0 auto;line-height:1;transition:transform .2s;
}
.rh-faq-item[open] .rh-faq-q::after{content:"–";}
.rh-faq-a{padding:0 18px 18px;color:var(--rh-text);line-height:1.55;}
.rh-faq-a p{margin:0 0 .7em;}
.rh-faq-a :last-child{margin-bottom:0;}
.rh-allfaq{
	display:inline-flex;align-items:center;gap:8px;
	margin-top:16px;
	font-weight:700;color:var(--rh-gold-d);text-decoration:none;
}
.rh-allfaq svg{width:18px;height:18px;}
.rh-allfaq:hover{color:var(--rh-ink);}

/* ---------- Blog category chips (light, on white) ---------- */
.rh-bchips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px;}
.rh-bchip{
	display:inline-flex;align-items:center;gap:6px;
	padding:6px 13px;border-radius:999px;
	background:var(--rh-soft);color:var(--rh-gold-d);
	border:1px solid var(--rh-line);
	text-decoration:none;font-size:.85rem;font-weight:600;
	transition:background .15s,color .15s,border-color .15s;
}
.rh-bchip:hover{background:var(--rh-gold);color:#fff;border-color:var(--rh-gold);}
.rh-bchip .n{opacity:.55;font-weight:400;}

/* ---------- Instant search results ---------- */
.rh-results{margin-top:26px;}
.rh-hub.rh-searching .rh-static{display:none;}
.rh-results-head{
	font-size:.82rem;color:var(--rh-muted);
	text-transform:uppercase;letter-spacing:.06em;
	margin:0 0 12px;font-weight:700;
}
.rh-result{
	display:flex;flex-direction:column;gap:3px;
	padding:14px 16px;
	border:1px solid var(--rh-line);border-radius:12px;
	background:#fff;text-decoration:none;color:inherit;
	margin-bottom:10px;
	transition:border-color .15s,box-shadow .15s;
}
.rh-result:hover{border-color:#ded7ca;box-shadow:var(--rh-shadow);}
.rh-result-top{display:flex;align-items:center;gap:10px;}
.rh-result-title{font-weight:700;color:var(--rh-ink);font-size:1rem;}
.rh-result-tag{
	flex:0 0 auto;font-size:.68rem;font-weight:700;text-transform:uppercase;
	letter-spacing:.04em;color:var(--rh-gold-d);
	background:var(--rh-soft);border-radius:999px;padding:3px 9px;
}
.rh-result-desc{color:var(--rh-muted);font-size:.86rem;line-height:1.4;}
.rh-result mark{background:rgba(188,157,112,.28);color:inherit;border-radius:3px;}
.rh-noresults{color:var(--rh-muted);padding:18px 2px;}

/* ---------- Larger screens ---------- */
@media (min-width:600px){
	.rh-grid-topics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
	.rh-grid-cards{grid-template-columns:1fr 1fr;}
}
@media (min-width:900px){
	.rh-hero{padding:64px 24px 56px;}
	.rh-topic{flex-direction:column;align-items:flex-start;gap:12px;min-height:170px;}
	.rh-topic-count{position:absolute;top:18px;right:18px;}
	.rh-grid-cards{grid-template-columns:repeat(3,1fr);}
	.rh-h2{font-size:1.4rem;}
}

/* ============================================================
   Tile-first landing (support.google.com style) — minimal, fast
   to scan/tap. Compact hero + a grid of icon tiles, nothing else.
   ============================================================ */
.rh-hub--tiles .rh-hero{ padding:34px 20px 32px; }
.rh-hub--tiles .rh-static{ padding-top:22px; }

.rh-tiles{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:12px;
}
.rh-tile{
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:14px;
	padding:30px 14px;
	min-height:138px;
	background:#fff;
	border:1px solid var(--rh-line);
	border-radius:var(--rh-radius);
	text-decoration:none;
	color:var(--rh-ink);
	text-align:center;
	transition:box-shadow .18s,border-color .18s,transform .18s;
}
.rh-tile:hover,
.rh-tile:focus-visible{
	box-shadow:var(--rh-shadow);
	border-color:#ded7ca;
	transform:translateY(-3px);
	outline:none;
}
.rh-tile-ico{
	width:60px;height:60px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	background:var(--rh-soft);color:var(--rh-gold-d);
}
.rh-tile-ico svg{ width:30px;height:30px; }
.rh-tile-label{ font-weight:700;font-size:1.02rem;line-height:1.2; }

@media (min-width:600px){
	.rh-tiles{ grid-template-columns:repeat(3,1fr);gap:16px; }
}
@media (min-width:900px){
	.rh-hub--tiles .rh-hero{ padding:52px 24px 46px; }
	.rh-tiles{ grid-template-columns:repeat(5,1fr); }
	.rh-tile{ min-height:158px; }
}

/* "Browse all topics" accordion — Google "Browse help topics" pattern:
   each topic expands to reveal its article list. */
.rh-acc{ border:1px solid var(--rh-line);border-radius:var(--rh-radius);overflow:hidden;background:#fff; }
.rh-acc-item{ border-top:1px solid var(--rh-line); }
.rh-acc-item:first-child{ border-top:0; }
.rh-acc-head{
	cursor:pointer;list-style:none;
	padding:16px 20px;display:flex;align-items:center;gap:12px;
	font-weight:700;color:var(--rh-ink);font-size:1.02rem;
}
.rh-acc-head::-webkit-details-marker{ display:none; }
.rh-acc-head::after{
	content:"";margin-left:auto;flex:0 0 auto;
	width:9px;height:9px;
	border-right:2px solid var(--rh-gold-d);border-bottom:2px solid var(--rh-gold-d);
	transform:rotate(45deg);transition:transform .2s;
}
.rh-acc-item[open] .rh-acc-head::after{ transform:rotate(-135deg); }
.rh-acc-ico{ display:inline-flex;flex:0 0 auto;width:24px;height:24px;color:var(--rh-gold-d); }
.rh-acc-ico svg{ width:22px;height:22px; }
.rh-acc-body{ background:var(--rh-soft);border-left:3px solid var(--rh-gold);padding:4px 0 10px; }
.rh-acc-list{ list-style:none;margin:0;padding:0; }
.rh-acc-list a{ display:block;padding:9px 22px 9px 36px;color:var(--rh-ink);text-decoration:none;font-size:.95rem;line-height:1.4; }
.rh-acc-list a:hover{ color:var(--rh-gold-d);text-decoration:underline;background:rgba(0,0,0,.02); }
.rh-acc-more a{ font-weight:700;color:var(--rh-gold-d); }
.rh-acc-more svg{ width:15px;height:15px;vertical-align:-2px; }

/* ============================================================
   Inner topic page (/hub/{topic}/) — header + clean list.
   ============================================================ */
.rh-hub--topic .rh-hero{ padding:30px 20px 30px; }
.rh-hub--topic .rh-static{ padding-top:22px; }

.rh-crumbs{ font-size:.82rem;margin-bottom:14px;color:rgba(255,255,255,.55); }
.rh-crumbs a{ color:rgba(255,255,255,.82);text-decoration:none; }
.rh-crumbs a:hover{ color:var(--rh-gold); }
.rh-crumbs-sep{ margin:0 7px; }
.rh-crumbs-cur{ color:#fff; }

.rh-title--topic{ display:inline-flex;align-items:center;gap:12px;justify-content:center; }
.rh-title-ico{ display:inline-flex;color:var(--rh-gold); }
.rh-title-ico svg{ width:30px;height:30px; }

/* Google-support-style article list: a soft panel with a gold left accent and
   a clean column of title links (no cards, excerpts or per-row chevrons). */
.rh-list{
	list-style:none;margin:0;padding:6px 0;
	background:var(--rh-soft);
	border:1px solid var(--rh-line);
	border-left:3px solid var(--rh-gold);
	border-radius:12px;
}
.rh-row{
	display:block;
	padding:11px 22px;
	color:var(--rh-ink);
	text-decoration:none;
	font-size:.98rem;line-height:1.45;
	transition:color .12s,background .12s;
}
.rh-row:hover,
.rh-row:focus-visible{
	color:var(--rh-gold-d);
	background:rgba(0,0,0,.025);
	text-decoration:underline;
	outline:none;
}
/* Tagged rows (blog index): title + a category chip. */
.rh-row--tagged{ display:flex;align-items:center;justify-content:space-between;gap:14px; }
.rh-row--tagged:hover{ text-decoration:none; }
.rh-row--tagged .rh-row-title{ min-width:0; }
.rh-row--tagged:hover .rh-row-title{ text-decoration:underline; }
.rh-tag{
	flex:0 0 auto;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
	color:var(--rh-gold-d);background:#fff;border:1px solid var(--rh-line);
	border-radius:999px;padding:3px 10px;white-space:nowrap;
}
.rh-row--tagged:hover .rh-tag{ border-color:var(--rh-gold); }
.rh-empty{ color:var(--rh-muted);padding:28px 4px;text-align:center; }

/* Featured high-value locations (top of the Area guides tab). */
.rh-locs{ margin-top:0; }
.rh-loc-grid{ display:flex;flex-wrap:wrap;gap:10px; }
.rh-loc{
	display:inline-flex;align-items:center;
	padding:9px 16px;border-radius:999px;
	background:var(--rh-soft);border:1px solid var(--rh-line);
	color:var(--rh-ink);text-decoration:none;font-weight:600;font-size:.92rem;
	transition:background .15s,color .15s,border-color .15s;
}
.rh-loc:hover{ background:var(--rh-gold);color:#fff;border-color:var(--rh-gold); }
.rh-guides-h2{ margin-top:38px; }

@media (min-width:900px){
	.rh-hub--topic .rh-hero{ padding:44px 24px 40px; }
	.rh-title-ico svg{ width:34px;height:34px; }
}

/* ============================================================
   Single article — Google-support reading view (light column).
   ============================================================ */
.rh-article{ max-width:760px;margin:6px auto 0; }
.rh-crumbs--light{ color:var(--rh-muted);margin-bottom:18px; }
.rh-crumbs--light a{ color:var(--rh-gold-d);text-decoration:none; }
.rh-crumbs--light a:hover{ text-decoration:underline; }
.rh-crumbs--light .rh-crumbs-sep{ color:var(--rh-muted); }
.rh-crumbs--light .rh-crumbs-cur{ color:var(--rh-text); }

.rh-article-title{
	font-size:clamp(1.6rem,4.6vw,2.3rem);line-height:1.18;
	color:var(--rh-ink);font-weight:700;margin:0 0 10px;
}
.rh-article-meta{ color:var(--rh-muted);font-size:.85rem;margin:0 0 26px; }

.rh-article-body{ color:var(--rh-text);font-size:1.05rem;line-height:1.72; }
.rh-article-body > :first-child{ margin-top:0; }
.rh-article-body h2{ font-size:1.4rem;color:var(--rh-ink);margin:1.7em 0 .5em;line-height:1.25; }
.rh-article-body h3{ font-size:1.16rem;color:var(--rh-ink);margin:1.5em 0 .4em; }
.rh-article-body p{ margin:0 0 1.1em; }
.rh-article-body a{ color:var(--rh-gold-d);text-decoration:underline; }
.rh-article-body ul,.rh-article-body ol{ margin:0 0 1.1em 1.25em; }
.rh-article-body li{ margin:.35em 0; }
.rh-article-body img{ max-width:100%;height:auto;border-radius:10px; }
.rh-article-body blockquote{
	margin:1.2em 0;padding:.6em 1.1em;border-left:3px solid var(--rh-gold);
	background:var(--rh-soft);border-radius:0 8px 8px 0;
}
.rh-article-body table{ width:100%;border-collapse:collapse;margin:1.2em 0; }
.rh-article-body th,.rh-article-body td{ border:1px solid var(--rh-line);padding:8px 12px;text-align:left; }

.rh-helpful{
	margin:38px 0 0;padding:22px;text-align:center;
	background:var(--rh-soft);border:1px solid var(--rh-line);border-radius:var(--rh-radius);
}
.rh-helpful-q{ font-weight:700;color:var(--rh-ink);margin:0 0 14px; }
.rh-helpful-btns{ display:flex;gap:10px;justify-content:center; }
.rh-helpful-btn{
	cursor:pointer;border:1px solid var(--rh-line);background:#fff;color:var(--rh-ink);
	border-radius:999px;padding:8px 24px;font:inherit;font-weight:600;
	transition:border-color .15s,color .15s;
}
.rh-helpful-btn:hover{ border-color:var(--rh-gold);color:var(--rh-gold-d); }
.rh-helpful-thanks{ color:var(--rh-gold-d);font-weight:700;margin:0; }

.rh-related{ margin-top:40px; }
.rh-related h2{ font-size:1.15rem;color:var(--rh-ink);margin:0 0 14px; }
.rh-back{
	display:inline-flex;align-items:center;gap:8px;margin-top:30px;
	color:var(--rh-gold-d);text-decoration:none;font-weight:700;
}
.rh-back svg{ width:18px;height:18px;transform:rotate(180deg); }
.rh-back:hover{ color:var(--rh-ink); }

/* Table of contents ("In this article") — jump links to anchored sections. */
.rh-toc{
	margin:0 0 28px;padding:14px 20px;
	background:var(--rh-soft);border:1px solid var(--rh-line);
	border-left:3px solid var(--rh-gold);border-radius:12px;
}
.rh-toc-title{
	font-weight:700;color:var(--rh-ink);margin:0 0 8px;
	font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;
}
.rh-toc ul{ list-style:none;margin:0;padding:0; }
.rh-toc li{ margin:7px 0; }
.rh-toc a{ color:var(--rh-gold-d);text-decoration:none;font-size:.96rem;line-height:1.4; }
.rh-toc a:hover{ text-decoration:underline; }
.rh-article-body h2,
.rh-article-body h3{ scroll-margin-top:84px; }

/* Area-guide: "View N properties" CTA + a row of property cards. */
.rh-area-cta{
	display:inline-block;margin:0 0 26px;
	padding:11px 24px;border-radius:999px;
	background:var(--rh-ink);color:#fff;text-decoration:none;
	font-weight:700;font-size:.95rem;
	transition:background .15s;
}
.rh-area-cta:hover{ background:var(--rh-gold-d);color:#fff; }
.rh-area-props{ margin:42px 0 0; }
.rh-area-head{ display:flex;align-items:baseline;gap:12px;justify-content:space-between;flex-wrap:wrap; }
.rh-area-all{ font-size:.9rem;color:var(--rh-gold-d);text-decoration:none;font-weight:700;white-space:nowrap; }
.rh-area-all:hover{ text-decoration:underline; }
.rh-prop-grid{ display:grid;grid-template-columns:1fr;gap:14px;margin-top:8px; }
.rh-prop{
	display:flex;flex-direction:column;height:100%;
	background:#fff;border:1px solid var(--rh-line);border-radius:var(--rh-radius);
	overflow:hidden;text-decoration:none;color:inherit;
	transition:box-shadow .18s,border-color .18s,transform .18s;
}
.rh-prop:hover{ box-shadow:var(--rh-shadow);border-color:#ded7ca;transform:translateY(-2px); }
.rh-prop-img{ display:block;width:100%;padding-top:62%;background:#eee center/cover no-repeat; }
.rh-prop-body{ padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px; }
.rh-prop-price{ font-weight:700;color:var(--rh-gold-d);font-size:1rem; }
.rh-prop-title{ color:var(--rh-ink);font-size:.92rem;line-height:1.3; }
.rh-prop-meta{ color:var(--rh-muted);font-size:.82rem; }
@media (min-width:560px){ .rh-prop-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:860px){ .rh-prop-grid{ grid-template-columns:repeat(3,1fr); } }

/* Pagination (blog category archives). */
.rh-pagination{ display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:26px; }
.rh-pagination .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:38px;height:38px;padding:0 11px;border-radius:10px;
	border:1px solid var(--rh-line);background:#fff;color:var(--rh-ink);
	text-decoration:none;font-weight:600;font-size:.9rem;
	transition:border-color .15s,color .15s;
}
.rh-pagination a.page-numbers:hover{ border-color:var(--rh-gold);color:var(--rh-gold-d); }
.rh-pagination .page-numbers.current{ background:var(--rh-ink);color:#fff;border-color:var(--rh-ink); }
.rh-pagination .page-numbers.dots{ border-color:transparent;background:none; }