/* Round-1 shared styles: header, nav, back-to-top, agent strip, listing cards */
:root{--dr-red:#bb2024;--dr-yellow:#ffde15;--dr-dirt:#7a4e2d;--dr-sand:#f4ead8;--dr-ink:#2b2522}
body{margin:0;font-family:'Montserrat',sans-serif;color:var(--dr-ink)}
.dr-nav{position:sticky;top:0;z-index:50;background:var(--dr-ink);border-bottom:4px solid var(--dr-red)}
.dr-nav-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.dr-nav a.dr-brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:'Alfa Slab One',serif;font-size:15px;letter-spacing:.5px;padding:6px 0}
.dr-nav a.dr-brand img{width:36px;height:auto}
.dr-links{display:flex;gap:2px;flex-wrap:wrap}
.dr-links a{color:#f1e7d4;text-decoration:none;font-weight:600;font-size:15px;padding:16px 12px;border-bottom:3px solid transparent}
.dr-links a:hover{color:var(--dr-yellow)}
.dr-links a.current{color:var(--dr-yellow);border-bottom-color:var(--dr-yellow)}
.dr-menu-btn{display:none;background:none;border:2px solid #f1e7d4;color:#f1e7d4;border-radius:6px;font-size:16px;padding:6px 10px}
@media(max-width:900px){.dr-menu-btn{display:block}.dr-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--dr-ink)}.dr-links.open{display:flex}.dr-links a{padding:14px 20px;border-bottom:1px solid #4a403a}}
.dr-hero{position:relative;background:#fff url('drre_mountains_band.png') repeat-x center bottom/auto 100%;min-height:230px;border-bottom:6px solid var(--dr-dirt)}
.dr-hero-inner{max-width:1280px;margin:auto;display:flex;align-items:center;gap:28px;padding:18px 20px 70px}
.dr-hero-logo{width:200px;height:auto;flex:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
.dr-hero-text{background:rgba(255,255,255,.55);border-radius:8px;padding:8px 14px;box-shadow:0 1px 6px rgba(0,0,0,.10)}
.dr-hero .dr-title{font-family:'Alfa Slab One',serif;color:var(--dr-red);font-size:clamp(20px,2.1vw,28px);line-height:1;margin:0;letter-spacing:1px;font-weight:400}
.dr-hero .dr-tag{font-family:'Bitter',serif;font-size:clamp(14px,1.1vw,16px);margin:4px 0 8px;color:var(--dr-ink)}
.dr-hero .dr-page{display:inline-block;background:var(--dr-yellow);color:var(--dr-ink);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:1.5px;padding:3px 10px;border-radius:3px;margin-bottom:6px}
.dr-cta{display:flex;gap:10px;flex-wrap:wrap}
.dr-btn{display:inline-block;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:6px;font-size:16px;border:2px solid var(--dr-ink)}
.dr-btn.primary{background:var(--dr-red);color:#fff;border-color:var(--dr-red)}
.dr-btn.primary:hover{background:#951a1d}
.dr-btn.secondary{background:var(--dr-yellow);color:var(--dr-ink)}
@media(max-width:700px){.dr-hero-inner{flex-direction:column;text-align:center;gap:10px;padding:14px 14px 60px}.dr-hero-logo{width:130px}.dr-cta{justify-content:center}.dr-hero{min-height:0}}
#dr-top{position:fixed;right:18px;bottom:18px;z-index:60;width:52px;height:52px;border-radius:50%;border:3px solid #fff;background:var(--dr-red);color:#fff;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s}
#dr-top.show{opacity:1;pointer-events:auto}
/* agent strip */
.dr-agents{background:var(--dr-sand);padding:22px 12px;text-align:center;border-bottom:1px solid #e2d3b8}
.dr-agents h2{font-family:'Alfa Slab One',serif;font-weight:400;color:var(--dr-dirt);margin:0 0 14px;font-size:26px}
.dr-agent-row{display:flex;gap:18px;overflow-x:auto;justify-content:center;flex-wrap:wrap;max-width:1280px;margin:auto}
.dr-agent{width:110px;text-decoration:none;color:var(--dr-ink)}
.dr-agent img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--dr-yellow);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.dr-agent span{display:block;font-weight:700;font-size:14px;margin-top:6px}
.dr-agent-hint{margin:-6px 0 14px;color:var(--dr-ink);font-size:15px;font-style:italic}
.dr-agent:focus-visible{outline:3px solid var(--dr-red);outline-offset:3px;border-radius:8px}
.dr-agent:hover img{border-color:var(--dr-red)}
@media(max-width:700px){.dr-agent-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px;overflow:visible}.dr-agent{width:auto;min-width:0}.dr-agent img{width:78px;height:78px}.dr-agent span{font-size:13px;overflow-wrap:anywhere}}
html,body{max-width:100%;overflow-x:hidden}img,video,iframe,table{max-width:100%}
/* listing cards */
.dr-wrap{max-width:1280px;margin:auto;padding:20px}
.dr-section-title{font-family:'Alfa Slab One',serif;font-weight:400;color:var(--dr-red);font-size:30px;margin:6px 0}
.dr-mls-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--dr-sand);border:2px dashed var(--dr-dirt);border-radius:10px;padding:14px 18px;margin-bottom:22px}
.dr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.dr-card{background:#fffdf7;border:1px solid #d8c8a8;border-radius:4px;box-shadow:2px 3px 0 #d8c8a8;display:flex;flex-direction:column;overflow:hidden;background-image:repeating-linear-gradient(#fffdf7 0 27px,#e6eef7 27px 28px)}
.dr-card .ph{position:relative;aspect-ratio:3/2;background:#ddd}
.dr-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.dr-card .badge{position:absolute;left:10px;top:10px;background:var(--dr-ink);color:var(--dr-yellow);font-size:12px;font-weight:800;padding:3px 8px;border-radius:3px;text-transform:uppercase}
.dr-card .body{padding:10px 16px 14px;border-top:3px solid var(--dr-red);background:transparent}
.dr-card .price{font-family:'Alfa Slab One',serif;font-size:26px;color:var(--dr-red)}
.dr-card h3{margin:2px 0;font-size:17px}
.dr-card .addr{font-size:13px;color:#5b524c}
.dr-card .facts{font-size:13px;font-weight:700;margin:6px 0}
.dr-card .desc{font-size:14px;line-height:1.5;margin:6px 0}
.dr-card .feat{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.dr-card .feat span{background:var(--dr-sand);border:1px solid #d8c8a8;font-size:11px;padding:2px 6px;border-radius:10px}
.dr-card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 16px;border-top:1px dashed #c9b693;font-size:13px}
.dr-card .foot a{color:var(--dr-red);font-weight:700}
.dr-note{font-size:12px;color:#6b625c;margin-top:18px}
.dr-mls-frame{width:100%;height:85vh;min-height:600px;border:1px solid #ccc;border-radius:6px}
/* communities */
.dr-quick{position:sticky;top:52px;z-index:40;background:var(--dr-yellow);border-bottom:2px solid var(--dr-ink);display:flex;gap:6px;overflow-x:auto;padding:8px 12px;white-space:nowrap;justify-content:center}
.dr-quick a{color:var(--dr-ink);font-weight:700;text-decoration:none;font-size:14px;padding:5px 10px;border-radius:14px;background:#fff8c4;border:1px solid var(--dr-ink)}
.dr-quick a:hover{background:var(--dr-red);color:#fff}
@media(max-width:900px){.dr-quick{justify-content:flex-start}}
html{scroll-padding-top:110px;scroll-behavior:smooth}
.content_grid{padding:0 24px;max-width:1280px;margin:auto}
.footer{padding:0 16px;box-sizing:border-box}
/* round1b: anchors land below sticky nav (and quick-link bar on Communities) */
[id]{scroll-margin-top:72px}
.dr-has-quick [id]{scroll-margin-top:130px}
/* Round 1c: headline box ~1/3 banner width, left side */
.dr-hero-inner{justify-content:flex-start;gap:16px}
.dr-hero-logo{width:120px}
.dr-hero-text{flex:0 1 auto;max-width:calc(33vw - 150px);min-width:260px;background:rgba(255,255,255,.45);padding:8px 12px}
.dr-hero .dr-title{font-size:clamp(17px,1.5vw,22px);line-height:1.1}
.dr-hero .dr-tag{font-size:13px;margin:3px 0 6px}
.dr-hero .dr-page{font-size:11px;padding:2px 8px;margin-bottom:4px}
.dr-hero .dr-btn{padding:6px 11px;font-size:13px}
.dr-hero .dr-cta{gap:6px}
@media(max-width:700px){.dr-hero-inner{flex-direction:row;text-align:left;align-items:flex-start;gap:10px;padding:10px 10px 56px}.dr-hero-logo{width:70px}.dr-hero-text{max-width:62%;min-width:0;padding:6px 8px}.dr-hero .dr-title{font-size:16px}.dr-hero .dr-tag{font-size:12px}.dr-hero .dr-btn{padding:5px 8px;font-size:12px}.dr-hero .dr-cta{justify-content:flex-start}}
@media(max-width:700px){.dr-hero .dr-tag{display:none}.dr-hero-text{max-width:58%}.dr-hero .dr-cta{flex-wrap:nowrap}.dr-hero .dr-btn{padding:4px 7px;font-size:11px;white-space:nowrap}.dr-hero .dr-title{font-size:15px}.dr-hero .dr-page{display:none}}
@media(max-width:700px){.dr-hero-text{max-width:64%}.dr-hero .dr-cta{flex-wrap:wrap;gap:5px}}
/* Round 1e: ~1 inch (96px) gap between logo and headline box */
.dr-hero-inner{gap:96px}
@media(max-width:700px){.dr-hero-inner{gap:20px}.dr-hero-text{max-width:60%}}
/* Round 1f: headline box on the RIGHT, top-aligned with the logo */
.dr-hero-inner{justify-content:space-between;align-items:flex-start;gap:24px}
.dr-hero-text{margin-left:auto;max-width:33%;min-width:280px}
@media(max-width:700px){.dr-hero-inner{gap:12px}.dr-hero-text{max-width:64%;min-width:0}}
/* Round 1f: agent anchors land on the whole agent entry */
.entry[id]{scroll-margin-top:0}
.agent_photo_left,.agent_photo_right{height:auto}

/* Listings import (Oct 28 2026): filter buttons */
.dr-filter{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.dr-filter button{font:inherit;font-size:14px;padding:8px 14px;border:2px solid #7a4a24;border-radius:20px;background:#fff;color:#4a2d16;cursor:pointer}
.dr-filter button span{opacity:.75;font-size:12px}
.dr-filter button[aria-pressed="true"]{background:#7a4a24;color:#fff}
.dr-filter button:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}
.dr-filter-count{font-size:13px;margin:4px 0 12px;color:#4a2d16}
#dr-cards .dr-card[hidden]{display:none}
@media (max-width:700px){.dr-filter button{font-size:13px;padding:6px 10px}}

/* Round 1g: logo much bigger - fills banner height (version A) */
.dr-hero{z-index:5}
.dr-hero-logo{width:260px;margin:-14px 0 -70px}
@media(max-width:700px){.dr-hero-logo{width:112px;margin:-6px 0 -40px}.dr-hero-text{max-width:62%}}

/* Round 1g-B: larger logo overflowing banner */
.dr-hero-logo{width:320px;margin:-14px 0 -130px;position:relative;z-index:6}
@media(max-width:700px){.dr-hero-logo{width:112px;margin:-6px 0 -40px}}
