/* tags: #demolistings #onepage — Lakeside B&B demo (Nautical style, Oct 18, 2026) */
:root {
  --bg: #F4F7FA; --ink: #12355B; --muted: #4A5D74; --panel: #FFFFFF; --line: rgba(18,53,91,.18);
  --primary: #12355B; --on-primary: #FFFFFF; --secondary: #D1495B; --on-secondary: #FFFFFF;
  --font-display: 'Libre Baskerville', Georgia, serif; --font-body: 'Source Sans 3', system-ui, sans-serif;
  --radius: 8px; --btn-radius: 8px; --card-border: 1px solid var(--line); --card-shadow: 0 8px 24px rgba(18,53,91,.08);
  --field-radius: 6px; --field-bg: #fff;
}
.logo .anchor { color: var(--secondary); }
.hero { position: relative; color: #fff; padding: clamp(72px, 12vw, 140px) 0 clamp(96px, 14vw, 160px); background: linear-gradient(180deg, rgba(10,30,52,0) 30%, rgba(10,30,52,.7)), radial-gradient(circle at 86% 16%, #F6C177 0 5%, transparent 5.5%), linear-gradient(180deg, #8DB7D9 0%, #4E86B5 48%, #1F4E79 49%, #12355B 100%); overflow: hidden; }
.hero h1, .hero .eyebrow { color: #fff; }
.hero .lead { color: rgba(255,255,255,.88); }
.hero .wave { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 60px; color: var(--bg); }
.hero .btn-line { --btn-line-color: #fff; }
.stripes { height: 12px; background: repeating-linear-gradient(90deg, var(--primary) 0 22px, transparent 22px 44px); opacity: .9; }
.room { padding: 0; overflow: hidden; }
.room .pic { height: 160px; }
.room .body { padding: 22px; }
.pic-1 { background: linear-gradient(160deg, #F6C177, #D1495B 70%, #12355B); }
.pic-2 { background: linear-gradient(160deg, #8DB7D9, #4E86B5 60%, #12355B); }
.pic-3 { background: linear-gradient(160deg, #EDE6DB, #A3896B 65%, #12355B); }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.split .panel { background: var(--primary); color: #fff; border-radius: var(--radius); padding: 30px; }
.split .panel h3 { color: #fff; }
.split .panel ul { margin: 0; padding-left: 20px; line-height: 1.9; }
@media (max-width: 760px) { .split { grid-template-columns: 1fr; } }
.ticks { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ticks li::before { content: '⚓'; color: var(--secondary); margin-right: 10px; }
.contact-band { background: #fff; border-top: 1px solid var(--line); }
.notfound .big { color: var(--secondary); }