/* Flowery Branch Homes - "Branch Line" (T23736). Dogwood paper, depot ink, Lanier glass, Hall County clay, iris.
   The town grew up on the 1870s Air-Line railroad beside what is now Lake Lanier, so the motif is a rail line that
   draws itself across section seams, numbered "stops" for the areas, a departure board for drive times, and a
   timetable-ruled sheet. Arvo (slab) + Urbanist. Mobile first; every animation is transform/opacity or stroke and
   stops under prefers-reduced-motion. */

@font-face { font-family: "FBH Arvo"; src: url("../fonts/fbh-arvo.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "FBH Arvo"; src: url("../fonts/fbh-arvo-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "FBH Arvo"; src: url("../fonts/fbh-arvo-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "FBH Urbanist"; src: url("../fonts/fbh-urbanist.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  --fbh-ink: #1C1A2B;
  --fbh-ink-2: #3B3850;
  --fbh-muted: #57546B;
  --fbh-forest: #24203A;
  --fbh-forest-2: #2F2A4A;
  --fbh-river: #2B6A77;
  --fbh-river-hi: #8CCBD3;
  --fbh-apple: #A8482A;
  --fbh-apple-2: #BD5634;
  --fbh-apple-hi: #F08A62;
  --fbh-gold: #E2B44F;
  --fbh-gold-2: #EEC86E;
  --fbh-paper: #F7F4EE;
  --fbh-vellum: #ECE7F1;
  --fbh-vellum-2: #DCD4E6;
  --fbh-moss: #4A6646;
  --fbh-slate: #5A4A8C;
  --fbh-iris: #5A4A8C;
  --fbh-iris-hi: #B9A9E8;
  --fbh-line: rgba(28, 26, 43, .14);
  --fbh-line-dark: rgba(247, 244, 238, .16);
  --fbh-topo: #C9C0D8;
  --fbh-display: "FBH Arvo", Rockwell, "Roboto Slab", Georgia, serif;
  --fbh-text: "FBH Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fbh-r: 6px;
  --fbh-r-lg: 10px;
  --fbh-shadow: 0 1px 2px rgba(36, 32, 58, .06), 0 12px 32px -14px rgba(36, 32, 58, .34);
  --fbh-pad: clamp(64px, 9vw, 128px);
  --fbh-ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; background: var(--fbh-paper); color: var(--fbh-ink); font-family: var(--fbh-text); font-size: 1.0625rem; line-height: 1.65; overflow-x: hidden; text-rendering: optimizeLegibility; }
img, video, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--fbh-river); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--fbh-apple); }
:focus-visible { outline: 3px solid var(--fbh-gold); outline-offset: 3px; border-radius: 4px; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--fbh-gold); color: var(--fbh-ink); }

.fbh-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.fbh-skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--fbh-gold); color: var(--fbh-ink); padding: 10px 16px; border-radius: 8px; font-weight: 700; text-decoration: none; }
.fbh-skip:focus { top: 12px; }
.fbh-js-only { display: none !important; }
.fbh-js .fbh-js-only { display: inline-flex !important; }
.fbh-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 clamp(18px, 4vw, 40px); }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > *, .fbh-main > *, .fbh-main > .wp-block-html > *, :where(.wp-site-blocks) > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.fbh-main { display: block; }

/* ---------- type ---------- */
.fbh-h1, .fbh-h2, .fbh-h3, .fbh-prose h2, .fbh-prose h3 { font-family: var(--fbh-display); font-weight: 700; letter-spacing: -.005em; line-height: 1.1; margin: 0 0 .5em; color: inherit; }
.fbh-h1 { font-size: clamp(2.3rem, 6.2vw, 4.6rem); }
.fbh-h1--page { font-size: clamp(2.05rem, 4.8vw, 3.5rem); max-width: 19ch; }
.fbh-h1 em, .fbh-h2 em { font-style: italic; font-weight: 400; }
.fbh-h2 { font-size: clamp(1.85rem, 3.9vw, 3rem); max-width: 22ch; }
.fbh-h2--sm { font-size: clamp(1.6rem, 3vw, 2.25rem); }
.fbh-h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.2; }
.fbh-lede { font-size: clamp(1.08rem, 1.5vw, 1.24rem); color: var(--fbh-ink-2); max-width: 60ch; margin: 0 0 1em; }
.fbh-kicker { display: inline-flex; align-items: center; gap: .5em; font-family: var(--fbh-text); font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--fbh-river); margin: 0 0 1rem; }
.fbh-kicker::before { content: ""; width: 10px; height: 10px; border: 2px solid currentColor; border-radius: 50%; box-sizing: border-box; }
.fbh-kicker::after { content: ""; width: 22px; height: 2px; background: currentColor; order: -1; margin-right: -.5em; display: none; }
.fbh-kicker .fbh-icon { width: 16px; height: 16px; }
.fbh-kicker--gold { color: var(--fbh-gold); }
.fbh-line { display: block; }

/* ---------- buttons and links ---------- */
.fbh-btn { display: inline-flex; align-items: center; justify-content: center; gap: .55em; min-height: 50px; padding: .8em 1.3em; border-radius: var(--fbh-r); border: 1.5px solid transparent; font-weight: 700; font-size: 1rem; letter-spacing: .01em; line-height: 1.1; text-decoration: none; cursor: pointer; transition: transform .25s var(--fbh-ease), background-color .2s, color .2s, box-shadow .25s; }
.fbh-btn .fbh-icon { width: 18px; height: 18px; transition: transform .25s var(--fbh-ease); }
.fbh-btn:hover .fbh-icon:last-child { transform: translateX(3px); }
.fbh-btn:active { transform: translateY(1px); }
.fbh-btn--apple { background: var(--fbh-apple); color: #fff; box-shadow: 0 8px 22px -12px rgba(168, 72, 42, .75), inset 0 -3px 0 rgba(0, 0, 0, .14); }
.fbh-btn--apple:hover { background: var(--fbh-apple-2); color: #fff; }
.fbh-btn--gold { background: var(--fbh-gold); color: var(--fbh-ink); }
.fbh-btn--gold:hover { background: var(--fbh-gold-2); color: var(--fbh-ink); }
.fbh-btn--ink { background: var(--fbh-ink); color: var(--fbh-paper); }
.fbh-btn--ink:hover { background: var(--fbh-iris); color: #fff; }
.fbh-btn--ghost { border-color: rgba(247, 244, 238, .6); color: var(--fbh-paper); background: rgba(36, 32, 58, .3); backdrop-filter: blur(6px); }
.fbh-btn--ghost:hover { background: var(--fbh-paper); color: var(--fbh-ink); }
.fbh-btn--quiet { border-color: var(--fbh-line); color: var(--fbh-ink); background: transparent; }
.fbh-btn--quiet:hover { border-color: var(--fbh-ink); color: var(--fbh-ink); }
.fbh-btn--sm { min-height: 44px; padding: .55em 1.05em; font-size: .92rem; }
.fbh-textlink { display: inline-flex; align-items: center; gap: .4em; font-weight: 700; color: var(--fbh-river); text-decoration: none; border-bottom: 1.5px solid currentColor; padding-bottom: 2px; }
.fbh-textlink .fbh-icon { width: 16px; height: 16px; transition: transform .25s var(--fbh-ease); }
.fbh-textlink:hover .fbh-icon { transform: translateX(4px); }
.fbh-link-on-dark { color: var(--fbh-paper); }
.fbh-link-on-dark:hover { color: var(--fbh-gold); }

/* ---------- rail-line seams (fbh_contours() draws a two-rail track with ties and one stop) ---------- */
.fbh-contours { position: relative; height: 40px; color: var(--fbh-topo); pointer-events: none; overflow: hidden; }
.fbh-contours svg { width: 100%; height: 100%; }
.fbh-contours .r { fill: none; stroke: currentColor; stroke-width: 1.6; vector-effect: non-scaling-stroke; stroke-dasharray: 2400; stroke-dashoffset: 0; }
.fbh-contours .t { fill: none; stroke: currentColor; stroke-width: 6; stroke-dasharray: 1.5 18; opacity: .55; stroke-dashoffset: 0; }
.fbh-contours .s { fill: var(--fbh-paper); stroke: var(--fbh-apple); stroke-width: 2.4; vector-effect: non-scaling-stroke; }
.fbh-js .fbh-contours .r { stroke-dashoffset: 2400; transition: stroke-dashoffset 2s var(--fbh-ease); }
.fbh-js .fbh-contours .r + .r { transition-delay: .12s; }
.fbh-js .fbh-contours .t { opacity: 0; transition: opacity 1.2s ease .6s; }
.fbh-js .fbh-contours .s { transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .5s var(--fbh-ease) 1.3s; }
.fbh-js .fbh-contours.is-in .r { stroke-dashoffset: 0; }
.fbh-js .fbh-contours.is-in .t { opacity: .55; }
.fbh-js .fbh-contours.is-in .s { transform: scale(1); }
.fbh-contours--dark { color: rgba(226, 180, 79, .36); }
.fbh-contours--dark .s { fill: var(--fbh-forest); stroke: var(--fbh-gold); }
.fbh-contours--footer { color: rgba(226, 180, 79, .32); height: 44px; }
.fbh-contours--footer .s { fill: var(--fbh-forest); stroke: var(--fbh-gold); }
.fbh-contours--hero { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; color: rgba(247, 244, 238, .34); }
.fbh-contours--hero .s { fill: transparent; stroke: var(--fbh-gold); }

/* ---------- header ---------- */
.fbh-header { position: fixed; inset: 0 0 auto 0; z-index: 50; color: var(--fbh-paper); transition: background-color .3s, box-shadow .3s, color .3s; }
.fbh-header__bar { display: flex; align-items: center; gap: 18px; max-width: 1320px; margin: 0 auto; padding: 14px clamp(16px, 3vw, 32px); min-height: 72px; }
body:not(.fbh-is-home) .fbh-header, .fbh-header.is-solid, .fbh-header.is-open { background: rgba(36, 32, 58, .96); box-shadow: 0 1px 0 var(--fbh-line-dark); backdrop-filter: blur(10px); }
.fbh-logo { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; margin-right: auto; min-height: 44px; }
.fbh-logo:hover { color: inherit; }
.fbh-logo-img { display: block; height: 48px; width: auto; max-width: 62vw; object-fit: contain; object-position: left center; }
@media (max-width: 420px) { .fbh-logo-img { height: 40px; } }
.fbh-wordmark__mark { flex: none; color: var(--fbh-gold); }
.fbh-wordmark { display: flex; flex-direction: column; line-height: 1; }
.fbh-wordmark__a { font-family: var(--fbh-display); font-size: 1.42rem; font-weight: 600; letter-spacing: -.01em; }
.fbh-wordmark__b { font-size: .68rem; font-weight: 700; letter-spacing: .32em; text-transform: uppercase; color: var(--fbh-gold); margin-top: 3px; }
.fbh-nav { display: none; }
.fbh-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; align-items: center; }
.fbh-nav > ul > li { position: relative; display: flex; align-items: center; }
.fbh-nav a { display: inline-block; padding: 10px 12px; color: inherit; text-decoration: none; font-weight: 600; font-size: .96rem; border-radius: 8px; }
.fbh-nav a:hover, .fbh-nav a[aria-current="page"] { color: var(--fbh-gold); }
.fbh-subtoggle { background: none; border: 0; color: inherit; width: 30px; height: 44px; display: grid; place-items: center; cursor: pointer; margin-left: -8px; }
.fbh-subtoggle .fbh-icon { width: 16px; height: 16px; transition: transform .2s; }
.fbh-subtoggle[aria-expanded="true"] .fbh-icon { transform: rotate(180deg); }
.fbh-sub { position: absolute; top: calc(100% + 4px); left: 0; min-width: 270px; display: none !important; flex-direction: column; align-items: stretch !important; gap: 0 !important; padding: 10px !important; background: var(--fbh-paper); color: var(--fbh-ink); border-radius: var(--fbh-r); box-shadow: var(--fbh-shadow); }
.fbh-subtoggle[aria-expanded="true"] + .fbh-sub, .fbh-has-sub:focus-within .fbh-sub { display: flex !important; }
.fbh-sub a { display: block; padding: 10px 12px; font-weight: 600; }
.fbh-sub a:hover { background: var(--fbh-vellum); color: var(--fbh-apple); }
.fbh-header__cta { display: none; }
.fbh-burger { width: 48px; height: 48px; display: grid; place-items: center; background: transparent; border: 1.5px solid rgba(247, 244, 238, .45); border-radius: 12px; color: inherit; cursor: pointer; }
.fbh-burger__lines, .fbh-burger__lines::before, .fbh-burger__lines::after { display: block; width: 20px; height: 2px; background: currentColor; border-radius: 2px; position: relative; transition: transform .25s, background-color .2s; }
.fbh-burger__lines::before, .fbh-burger__lines::after { content: ""; position: absolute; left: 0; }
.fbh-burger__lines::before { top: -6px; }
.fbh-burger__lines::after { top: 6px; }
.fbh-burger[aria-expanded="true"] .fbh-burger__lines { background: transparent; }
.fbh-burger[aria-expanded="true"] .fbh-burger__lines::before { transform: translateY(6px) rotate(45deg); }
.fbh-burger[aria-expanded="true"] .fbh-burger__lines::after { transform: translateY(-6px) rotate(-45deg); }
.fbh-drawer { max-height: calc(100vh - 72px); overflow-y: auto; padding: 8px clamp(16px, 3vw, 32px) 28px; border-top: 1px solid var(--fbh-line-dark); }
.fbh-drawer ul { list-style: none; margin: 0; padding: 0; }
.fbh-drawer > nav > ul > li { border-bottom: 1px solid var(--fbh-line-dark); display: flex; flex-wrap: wrap; align-items: center; }
.fbh-drawer a { display: block; padding: 14px 4px; color: var(--fbh-paper); text-decoration: none; font-size: 1.12rem; font-weight: 600; flex: 1; }
.fbh-drawer .fbh-subtoggle { width: 48px; height: 48px; margin: 0; }
.fbh-drawer .fbh-sub { position: static; display: none !important; background: transparent; box-shadow: none; padding: 0 0 10px 12px !important; width: 100%; min-width: 0; }
.fbh-drawer .fbh-subtoggle[aria-expanded="true"] + .fbh-sub { display: block !important; }
.fbh-drawer .fbh-sub a { color: var(--fbh-vellum); font-size: 1rem; padding: 10px 4px; }
.fbh-drawer__own { margin: 20px 0 0; font-size: .95rem; color: var(--fbh-vellum); }
.fbh-drawer__own a { color: var(--fbh-gold); }
.fbh-noscript-nav ul { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 90px 20px 10px; margin: 0; list-style: none; background: var(--fbh-forest); }
.fbh-noscript-nav a { color: var(--fbh-paper); }
@media (min-width: 1080px) {
  .fbh-nav { display: block; }
  .fbh-burger, .fbh-drawer { display: none !important; }
  .fbh-header__cta { display: inline-flex; }
  .fbh-noscript-nav { display: none; }
}

/* ---------- hero ---------- */
.fbh-hero { position: relative; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end; color: var(--fbh-paper); background: var(--fbh-forest); overflow: hidden; isolation: isolate; }
.fbh-hero__media { position: absolute; inset: 0; z-index: -1; }
.fbh-hero__media picture, .fbh-hero__img, .fbh-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fbh-hero__video { opacity: 0; transition: opacity 1.2s ease; }
.fbh-hero__video.is-playing { opacity: 1; }
.fbh-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(36, 32, 58, .62) 0%, rgba(36, 32, 58, .28) 55%, rgba(36, 32, 58, 0) 85%), linear-gradient(180deg, rgba(36, 32, 58, .55) 0%, rgba(36, 32, 58, .18) 28%, rgba(36, 32, 58, .35) 55%, rgba(36, 32, 58, .92) 100%); }
@media (max-width: 700px) { .fbh-hero__media::after { background: linear-gradient(180deg, rgba(36, 32, 58, .7) 0%, rgba(36, 32, 58, .55) 40%, rgba(36, 32, 58, .62) 70%, rgba(36, 32, 58, .94) 100%); } }
.fbh-hero__topo { position: absolute; inset: 0; z-index: 1; }
.fbh-hero__inner { position: relative; z-index: 2; padding-top: 120px; padding-bottom: 22px; }
.fbh-hero__copy { max-width: 760px; }
.fbh-hero__coords { font-variant-numeric: tabular-nums; }
.fbh-h1--hero { text-shadow: 0 2px 30px rgba(0, 0, 0, .35); }
.fbh-h1--hero em { color: var(--fbh-gold-2); text-shadow: 0 2px 18px rgba(0, 0, 0, .55); }
.fbh-hero__lede { font-size: clamp(1.08rem, 1.6vw, 1.3rem); max-width: 56ch; margin: 0 0 1.6rem; color: #F3F0EA; text-shadow: 0 1px 18px rgba(0, 0, 0, .4); }
.fbh-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 1.4rem; }
.fbh-hero__own { font-size: .95rem; margin: 0; color: var(--fbh-vellum); }
.fbh-hero__foot { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; padding-top: 14px; padding-bottom: 22px; border-top: 1px solid var(--fbh-line-dark); }
.fbh-hero__label { margin: 0; font-size: .82rem; color: var(--fbh-vellum); max-width: 70ch; }
.fbh-hero__cap { font-weight: 700; color: var(--fbh-paper); }
.fbh-hero__cap, .fbh-hero__credit { transition: opacity .4s; }
.fbh-hero__label.is-swapping .fbh-hero__cap, .fbh-hero__label.is-swapping .fbh-hero__credit { opacity: 0; }
.fbh-motion { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(247, 244, 238, .4); background: rgba(36, 32, 58, .35); color: var(--fbh-paper); font-size: .85rem; font-weight: 700; cursor: pointer; }
.fbh-motion .fbh-icon { width: 16px; height: 16px; }
.fbh-js .fbh-hero .fbh-line, .fbh-js .fbh-hero__lede, .fbh-js .fbh-hero__actions, .fbh-js .fbh-hero__own, .fbh-js .fbh-hero .fbh-kicker { opacity: 0; transform: translateY(18px); transition: opacity .9s var(--fbh-ease), transform .9s var(--fbh-ease); }
.fbh-js .fbh-hero.is-ready .fbh-kicker { opacity: 1; transform: none; }
.fbh-js .fbh-hero.is-ready .fbh-line { opacity: 1; transform: none; transition-delay: .12s; }
.fbh-js .fbh-hero.is-ready .fbh-line + .fbh-line { transition-delay: .26s; }
.fbh-js .fbh-hero.is-ready .fbh-hero__lede { opacity: 1; transform: none; transition-delay: .42s; }
.fbh-js .fbh-hero.is-ready .fbh-hero__actions { opacity: 1; transform: none; transition-delay: .56s; }
.fbh-js .fbh-hero.is-ready .fbh-hero__own { opacity: 1; transform: none; transition-delay: .7s; }

/* ---------- sections ---------- */
.fbh-sec { position: relative; padding: var(--fbh-pad) 0; }
.fbh-sec--paper { background: var(--fbh-paper); }
.fbh-sec--vellum { background: var(--fbh-vellum); background-image: radial-gradient(circle at 1px 1px, rgba(28, 26, 43, .07) 1px, transparent 0); background-size: 22px 22px; }
.fbh-sec--ink { background: var(--fbh-forest); color: var(--fbh-paper); }
.fbh-sec--ink > .fbh-contours { position: absolute; top: 0; left: 0; right: 0; }
.fbh-sechead { margin-bottom: clamp(32px, 5vw, 56px); }
.fbh-sechead--center { text-align: center; }
.fbh-sechead--center .fbh-h2, .fbh-sechead--center .fbh-lede { margin-left: auto; margin-right: auto; }
.fbh-sechead--row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 32px; }
.fbh-sechead--split { display: grid; gap: 18px 56px; }
@media (min-width: 900px) { .fbh-sechead--split { grid-template-columns: 1.05fr 1fr; align-items: end; } }

/* ---------- reveals ---------- */
.fbh-js [data-fbh-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--fbh-ease) var(--fbh-d, 0ms), transform .8s var(--fbh-ease) var(--fbh-d, 0ms); }
.fbh-js [data-fbh-reveal].is-in { opacity: 1; transform: none; }

/* ---------- river map ---------- */
.fbh-rmap { margin: 0 0 clamp(36px, 5vw, 64px); }
.fbh-rmap__canvas { position: relative; border-radius: var(--fbh-r-lg); background: linear-gradient(160deg, #EEF1F2 0%, #E2E2EC 100%); border: 1px solid var(--fbh-line); overflow: hidden; aspect-ratio: 1000 / 620; }
.fbh-rmap__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.fbh-rmap__topo ellipse { fill: none; stroke: var(--fbh-topo); stroke-width: 1.2; }
.fbh-rmap__river { fill: none; stroke: var(--fbh-river); stroke-width: 7; stroke-linecap: round; stroke-dasharray: 1400; stroke-dashoffset: 0; }
.fbh-rmap__river--c { stroke-width: 10; }
.fbh-js .fbh-rmap__river { stroke-dashoffset: 1400; transition: stroke-dashoffset 2.4s var(--fbh-ease); }
.fbh-js .fbh-rmap__river--b { transition-delay: .25s; }
.fbh-js .fbh-rmap__river--c { transition-delay: .9s; }
.fbh-js .is-in .fbh-rmap__river { stroke-dashoffset: 0; }
.fbh-rmap__lake { fill: rgba(43, 106, 119, .32); stroke: var(--fbh-river); stroke-width: 2; }
.fbh-rmap__road { fill: none; stroke: var(--fbh-apple); stroke-width: 2.5; stroke-dasharray: 10 8; opacity: .7; }
.fbh-rmap__t { font-family: var(--fbh-display); font-style: italic; font-size: 22px; fill: var(--fbh-river); }
.fbh-rmap__t--road { fill: var(--fbh-apple); font-style: normal; font-family: var(--fbh-text); font-weight: 700; font-size: 17px; letter-spacing: .06em; }
.fbh-rmap__t--lake { font-size: 20px; }
.fbh-rmap__pin { position: absolute; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 6px; text-decoration: none; color: var(--fbh-ink); min-height: 44px; padding: 0 4px; }
.fbh-rmap__dot { width: 16px; height: 16px; border-radius: 50%; background: var(--fbh-apple); box-shadow: 0 0 0 4px rgba(168, 72, 42, .22); flex: none; transition: transform .25s; }
.fbh-rmap__lbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; background: var(--fbh-paper); padding: 3px 9px; border-radius: 999px; font-size: .82rem; font-weight: 700; white-space: nowrap; box-shadow: var(--fbh-shadow); }
.fbh-rmap__pin:hover .fbh-rmap__dot, .fbh-rmap__pin.is-match .fbh-rmap__dot { transform: scale(1.35); }
.fbh-rmap__pin.is-match .fbh-rmap__dot { background: var(--fbh-gold); box-shadow: 0 0 0 6px rgba(226, 180, 79, .35); }
.fbh-rmap figcaption { font-size: .86rem; color: var(--fbh-muted); margin-top: 10px; }
.fbh-rmap__list { margin: 14px 0 0; padding-left: 1.1em; font-size: .95rem; columns: 1; }
@media (min-width: 760px) { .fbh-rmap__lbl { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: inline-block; } .fbh-rmap__list { columns: 2; column-gap: 40px; } }

/* ---------- area survey sheets ---------- */
.fbh-sheets { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 680px) { .fbh-sheets { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .fbh-sheets { grid-template-columns: repeat(3, 1fr); } }
.fbh-sheet { position: relative; display: flex; flex-direction: column; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: var(--fbh-r-lg); overflow: hidden; box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset; transition: transform .35s var(--fbh-ease), box-shadow .35s; }
.fbh-sheet:hover { transform: translateY(-4px); box-shadow: var(--fbh-shadow); }
.fbh-sheet.is-match { outline: 3px solid var(--fbh-gold); outline-offset: 2px; }
.fbh-sheet__img { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--fbh-vellum); }
.fbh-sheet__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--fbh-ease); }
.fbh-sheet:hover .fbh-sheet__img img { transform: scale(1.05); }
.fbh-sheet__no { position: absolute; left: 14px; top: 12px; font-family: var(--fbh-display); font-size: 1.05rem; font-weight: 600; color: var(--fbh-paper); background: rgba(36, 32, 58, .78); border-radius: 999px; padding: 2px 12px; letter-spacing: .04em; }
.fbh-sheet__body { padding: 20px 22px 24px; display: flex; flex-direction: column; flex: 1; background-image: repeating-linear-gradient(0deg, transparent 0 27px, rgba(43, 106, 119, .07) 27px 28px); }
.fbh-sheet__k { margin: 0 0 4px; font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fbh-apple); }
.fbh-sheet__t { font-family: var(--fbh-display); font-size: 1.42rem; line-height: 1.15; margin: 0 0 8px; }
.fbh-sheet__t a { color: var(--fbh-ink); text-decoration: none; }
.fbh-sheet__t a:hover { color: var(--fbh-river); }
.fbh-sheet__x { margin: 0 0 12px; color: var(--fbh-ink-2); font-size: .98rem; }
.fbh-sheet__chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; padding: 0; }
.fbh-sheet__chips li { font-size: .78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: rgba(43, 106, 119, .1); color: var(--fbh-river); }
.fbh-sheet__trade { font-size: .9rem; margin: 0 0 16px; color: var(--fbh-muted); }
.fbh-sheet .fbh-textlink { margin-top: auto; align-self: flex-start; }

/* ---------- tools (shared) ---------- */
.fbh-tool { position: relative; }
.fbh-tool__head { max-width: 760px; margin-bottom: 28px; }
.fbh-tool__lede { font-size: 1.1rem; margin: 0; }
.fbh-tool__nojs, .fbh-tool__fine { font-size: .9rem; color: var(--fbh-muted); }
.fbh-sec--ink .fbh-tool__lede { color: #DCD5C5; }
.fbh-sec--ink .fbh-kicker { color: var(--fbh-gold); }
.fbh-prose .fbh-tool, .fbh-tool--checker, .fbh-tool--cost { margin: 2.4rem 0; }
.fbh-prose .fbh-tool--finder { background: var(--fbh-forest); color: var(--fbh-paper); border-radius: var(--fbh-r-lg); padding: clamp(22px, 4vw, 44px); }
.fbh-prose .fbh-tool--finder .fbh-kicker { color: var(--fbh-gold); }
.fbh-prose .fbh-tool--finder .fbh-h2 { color: var(--fbh-paper); }
.fbh-prose .fbh-tool--finder .fbh-tool__lede, .fbh-prose .fbh-tool--finder p, .fbh-prose .fbh-tool--finder li { color: #DCD5C5; }
.fbh-prose .fbh-tool--finder .fbh-match p, .fbh-prose .fbh-tool--finder .fbh-match li { color: var(--fbh-ink-2); }

/* finder */
.fbh-finder__qs { display: grid; gap: 22px; }
.fbh-q { border: 0; margin: 0; padding: 0; min-width: 0; }
.fbh-q__legend { font-family: var(--fbh-display); font-size: 1.24rem; font-weight: 600; margin-bottom: 12px; padding: 0; }
.fbh-q__n { display: inline-block; font-family: var(--fbh-text); font-size: .74rem; font-weight: 700; letter-spacing: .1em; color: var(--fbh-forest); background: var(--fbh-gold); border-radius: 999px; padding: 3px 9px; margin-right: 6px; vertical-align: middle; }
.fbh-q__opts { display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 600px) { .fbh-q__opts { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .fbh-q__opts { grid-template-columns: repeat(4, 1fr); } }
.fbh-choice { position: relative; display: block; cursor: pointer; }
.fbh-choice input { position: absolute; opacity: 0; inset: 0; }
.fbh-choice__box { display: flex; flex-direction: column; gap: 4px; height: 100%; min-height: 60px; padding: 14px 16px; border-radius: var(--fbh-r); border: 1.5px solid var(--fbh-line-dark); background: rgba(247, 244, 238, .05); transition: border-color .2s, background-color .2s, transform .2s; }
.fbh-choice__box .fbh-icon { width: 22px; height: 22px; color: var(--fbh-gold); }
.fbh-choice__l { font-weight: 700; }
.fbh-choice__h { font-size: .84rem; color: #CFC7B5; }
.fbh-choice:hover .fbh-choice__box { border-color: rgba(226, 180, 79, .7); }
.fbh-choice input:checked + .fbh-choice__box { border-color: var(--fbh-gold); background: rgba(226, 180, 79, .16); }
.fbh-choice input:focus-visible + .fbh-choice__box { outline: 3px solid var(--fbh-gold); outline-offset: 2px; }
.fbh-finder__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 26px; }
.fbh-finder__bar .fbh-btn--quiet { color: var(--fbh-paper); border-color: var(--fbh-line-dark); }
.fbh-finder__note { flex-basis: 100%; margin: 0; font-size: .86rem; color: #CFC7B5; }
.fbh-finder__out { margin-top: 30px; outline: none; }
.fbh-result { display: grid; gap: 14px; }
.fbh-result__h { font-family: var(--fbh-display); font-size: 1.5rem; margin: 0 0 4px; }
.fbh-match { display: grid; gap: 12px; grid-template-columns: auto 1fr; align-items: start; padding: 18px 20px; border-radius: var(--fbh-r); background: var(--fbh-paper); color: var(--fbh-ink); animation: fbh-rise .6s var(--fbh-ease) both; }
.fbh-match:nth-child(3) { animation-delay: .1s; }
.fbh-match:nth-child(4) { animation-delay: .2s; }
.fbh-match__score { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 1.05rem; color: var(--fbh-forest); background: conic-gradient(var(--fbh-gold) calc(var(--p) * 1%), var(--fbh-vellum) 0); position: relative; }
.fbh-match__score::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--fbh-paper); }
.fbh-match__score span { position: relative; }
.fbh-match__t { font-family: var(--fbh-display); font-size: 1.3rem; margin: 0 0 4px; }
.fbh-match__t a { color: var(--fbh-ink); }
.fbh-match ul { margin: 6px 0 10px; padding-left: 1.1em; font-size: .95rem; }
.fbh-match__acts { display: flex; flex-wrap: wrap; gap: 10px 18px; }
@keyframes fbh-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* checker */
.fbh-checker { background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: var(--fbh-r-lg); padding: clamp(18px, 3vw, 30px); display: grid; gap: 4px; }
.fbh-checker__qs { display: grid; gap: 18px; }
@media (min-width: 820px) { .fbh-checker__qs { grid-template-columns: repeat(2, 1fr); gap: 20px 32px; } }
.fbh-cq { border: 0; margin: 0; padding: 0; min-width: 0; }
.fbh-cq legend { font-weight: 700; margin-bottom: 8px; padding: 0; }
.fbh-cq__opts { display: flex; flex-wrap: wrap; gap: 8px; }
.fbh-pill { position: relative; cursor: pointer; }
.fbh-pill input { position: absolute; opacity: 0; inset: 0; }
.fbh-pill span { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--fbh-line); background: var(--fbh-paper); font-size: .94rem; font-weight: 600; transition: background-color .2s, border-color .2s, color .2s; }
.fbh-pill input:checked + span { background: var(--fbh-river); border-color: var(--fbh-river); color: #fff; }
.fbh-pill input:focus-visible + span { outline: 3px solid var(--fbh-gold); outline-offset: 2px; }
.fbh-checker__count { margin: 14px 0 0; font-weight: 700; color: var(--fbh-river); }
.fbh-checker__list { margin-top: 26px; display: grid; gap: 28px; }
.fbh-phase__t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-family: var(--fbh-display); font-size: 1.35rem; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--fbh-ink); }
.fbh-phase__t small { font-family: var(--fbh-text); font-size: .85rem; font-weight: 600; color: var(--fbh-muted); }
.fbh-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: chk; }
.fbh-check { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 16px 18px; background: #FCFAF6; border: 1px solid var(--fbh-line); border-left: 4px solid var(--fbh-river); border-radius: 10px; transition: opacity .3s, background-color .3s; }
.fbh-check[hidden] { display: none; }
.fbh-check.is-done { opacity: .62; background: var(--fbh-vellum); }
.fbh-check.is-done .fbh-check__t { text-decoration: line-through; }
.fbh-check__tick { display: grid; place-items: center; width: 44px; height: 44px; }
.fbh-check__tick input { width: 22px; height: 22px; accent-color: var(--fbh-river); cursor: pointer; }
.fbh-check__t { font-size: 1.08rem; margin: 2px 0 4px; font-family: var(--fbh-text); font-weight: 700; }
.fbh-check__why { margin: 0 0 6px; color: var(--fbh-ink-2); }
.fbh-check__who, .fbh-check__src { margin: 0; font-size: .9rem; display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.fbh-check__who .fbh-icon, .fbh-check__src .fbh-icon { width: 15px; height: 15px; align-self: center; color: var(--fbh-river); }
.fbh-checker__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 8px; }

/* cost worksheet */
.fbh-cost { display: grid; gap: 22px; }
@media (min-width: 980px) { .fbh-cost { grid-template-columns: 1.5fr 1fr; align-items: start; } .fbh-cost__out { position: sticky; top: 96px; } }
.fbh-cost__form { display: grid; gap: 18px; }
.fbh-cgroup { border: 1px solid var(--fbh-line); border-radius: var(--fbh-r); padding: 16px 18px 18px; margin: 0; background: #FCFAF6; min-width: 0; }
.fbh-cgroup legend { font-weight: 700; padding: 0 6px; font-family: var(--fbh-display); font-size: 1.1rem; }
.fbh-cgroup__grid { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 560px) { .fbh-cgroup__grid { grid-template-columns: repeat(2, 1fr); } }
.fbh-field { display: flex; flex-direction: column; gap: 5px; }
.fbh-field__l { font-size: .9rem; font-weight: 700; }
.fbh-field__in { display: flex; align-items: center; border: 1.5px solid var(--fbh-line); border-radius: 10px; background: #fff; overflow: hidden; }
.fbh-field__in:focus-within { border-color: var(--fbh-river); box-shadow: 0 0 0 3px rgba(43, 106, 119, .18); }
.fbh-field__in input { flex: 1; min-width: 0; border: 0; padding: 12px; min-height: 46px; background: transparent; outline: none; font-variant-numeric: tabular-nums; }
.fbh-field__unit { padding: 0 10px; color: var(--fbh-muted); font-weight: 700; font-size: .92rem; }
.fbh-field__h { font-size: .8rem; color: var(--fbh-muted); }
.fbh-cost__out { background: var(--fbh-forest); color: var(--fbh-paper); border-radius: var(--fbh-r-lg); padding: 24px; }
.fbh-cost__label { margin: 0; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--fbh-gold); }
.fbh-cost__big { font-family: var(--fbh-display); font-size: clamp(2.4rem, 5vw, 3.2rem); margin: 4px 0 14px; font-variant-numeric: tabular-nums; }
.fbh-cost__rows { margin: 0 0 16px; display: grid; gap: 8px; }
.fbh-cost__rows div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--fbh-line-dark); font-size: .94rem; }
.fbh-cost__rows dt { color: #DCD5C5; }
.fbh-cost__rows dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.fbh-cost__rows [hidden] { display: none; }
.fbh-cost__fine { font-size: .82rem; color: #CFC7B5; }

/* ---------- toolbox cards ---------- */
.fbh-toolgrid { display: grid; gap: 18px; }
@media (min-width: 860px) { .fbh-toolgrid { grid-template-columns: repeat(3, 1fr); } }
.fbh-toolcard { display: flex; flex-direction: column; gap: 10px; padding: 26px; border-radius: var(--fbh-r-lg); background: #FCFAF6; border: 1px solid var(--fbh-line); color: var(--fbh-ink); text-decoration: none; transition: transform .3s var(--fbh-ease), box-shadow .3s, border-color .3s; }
.fbh-toolcard:hover { transform: translateY(-4px); box-shadow: var(--fbh-shadow); border-color: var(--fbh-river); color: var(--fbh-ink); }
.fbh-toolcard__icon { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--fbh-river); color: var(--fbh-paper); }
.fbh-toolcard__icon .fbh-icon { width: 26px; height: 26px; }
.fbh-toolcard__t { font-family: var(--fbh-display); font-size: 1.4rem; font-weight: 600; line-height: 1.15; }
.fbh-toolcard__x { color: var(--fbh-ink-2); }
.fbh-toolcard__go { margin-top: auto; display: inline-flex; gap: 6px; align-items: center; font-weight: 700; color: var(--fbh-apple); }
.fbh-toolcard__go .fbh-icon { width: 16px; height: 16px; }

/* ---------- band ---------- */
.fbh-band { position: relative; min-height: clamp(420px, 70vh, 640px); display: flex; align-items: flex-end; color: var(--fbh-paper); overflow: hidden; isolation: isolate; background: var(--fbh-forest); }
.fbh-band__media { position: absolute; inset: -8% 0; z-index: -1; will-change: transform; }
.fbh-band__img { width: 100%; height: 100%; object-fit: cover; }
.fbh-band::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(36, 32, 58, .82) 0%, rgba(36, 32, 58, .5) 45%, rgba(36, 32, 58, 0) 75%), linear-gradient(180deg, rgba(36, 32, 58, 0) 40%, rgba(36, 32, 58, .8) 100%); }
.fbh-band__copy { padding-top: 60px; padding-bottom: clamp(40px, 6vw, 72px); }
.fbh-band__k { font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--fbh-gold); margin: 0 0 8px; }
.fbh-band__quote { font-family: var(--fbh-display); font-style: italic; font-size: clamp(1.6rem, 3.6vw, 2.7rem); line-height: 1.18; max-width: 26ch; margin: 0 0 22px; }
.fbh-band__credit { font-size: .78rem; color: var(--fbh-vellum); margin: 16px 0 0; }

/* ---------- checks cards + rules watch ---------- */
.fbh-plangrid { display: grid; gap: 18px; }
@media (min-width: 720px) { .fbh-plangrid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .fbh-plangrid { grid-template-columns: repeat(3, 1fr); } }
.fbh-plancard { position: relative; display: flex; flex-direction: column; padding: 24px; background: var(--fbh-paper); border-radius: var(--fbh-r-lg); border: 1px solid var(--fbh-line); }
.fbh-plancard__n { position: absolute; right: 18px; top: 12px; margin: 0; font-family: var(--fbh-display); font-size: 2.6rem; line-height: 1; color: var(--fbh-vellum-2); }
.fbh-plancard__k { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--fbh-apple); }
.fbh-plancard__k .fbh-icon { width: 18px; height: 18px; }
.fbh-plancard p { margin: 0 0 10px; }
.fbh-plancard__src { font-size: .84rem; color: var(--fbh-muted); }
.fbh-plancard .fbh-textlink { margin-top: auto; align-self: flex-start; }
.fbh-watch { margin-top: 28px; padding: 18px 22px; border-radius: var(--fbh-r); background: #FFF8E6; border: 1px solid #E7C979; border-left: 5px solid var(--fbh-gold); }
.fbh-watch__k { display: flex; align-items: center; gap: 8px; font-weight: 700; margin: 0 0 4px; color: #6B4A08; }
.fbh-watch p { margin: 0; }
.fbh-watch .fbh-icon { width: 18px; height: 18px; }

/* ---------- FAQ ---------- */
.fbh-faqsec__grid { display: grid; gap: 30px; }
@media (min-width: 980px) { .fbh-faqsec__grid { grid-template-columns: .9fr 1.1fr; gap: 64px; } }
.fbh-faq { display: grid; gap: 10px; }
.fbh-faq__item { background: var(--fbh-paper); border: 1px solid var(--fbh-line); border-radius: var(--fbh-r); }
.fbh-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 20px; min-height: 56px; }
.fbh-faq__item summary::-webkit-details-marker { display: none; }
.fbh-faq__q { font-family: var(--fbh-text); font-size: 1.04rem; font-weight: 700; margin: 0; }
.fbh-faq__item summary .fbh-icon { flex: none; transition: transform .25s; color: var(--fbh-river); }
.fbh-faq__item[open] summary .fbh-icon { transform: rotate(180deg); }
.fbh-faq__a { padding: 0 20px 18px; }
.fbh-faq__a p { margin: 0 0 8px; }
.fbh-faq__src { font-size: .86rem; color: var(--fbh-muted); }
.fbh-note { margin-top: 18px; padding: 14px 18px; border-left: 3px solid var(--fbh-river); background: rgba(43, 106, 119, .06); font-size: .92rem; border-radius: 0 10px 10px 0; }
.fbh-note p { margin: 0; }

/* ---------- posts ---------- */
.fbh-postgrid { display: grid; gap: 22px; }
@media (min-width: 760px) { .fbh-postgrid { grid-template-columns: repeat(3, 1fr); } }
.fbh-postcard__link { display: flex; flex-direction: column; height: 100%; color: var(--fbh-ink); text-decoration: none; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: var(--fbh-r-lg); overflow: hidden; transition: transform .3s var(--fbh-ease), box-shadow .3s; }
.fbh-postcard__link:hover { transform: translateY(-4px); box-shadow: var(--fbh-shadow); color: var(--fbh-ink); }
.fbh-postcard__img { aspect-ratio: 16 / 10; overflow: hidden; }
.fbh-postcard__img img { width: 100%; height: 100%; object-fit: cover; }
.fbh-postcard__date { margin: 18px 20px 0; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fbh-river); }
.fbh-postcard__title { font-family: var(--fbh-display); font-size: 1.28rem; line-height: 1.2; margin: 6px 20px 8px; }
.fbh-postcard__link p { margin: 0 20px 14px; color: var(--fbh-ink-2); font-size: .96rem; }
.fbh-postcard__go { margin: auto 20px 20px; display: inline-flex; gap: 6px; align-items: center; font-weight: 700; color: var(--fbh-apple); }
.fbh-postcard__go .fbh-icon { width: 16px; height: 16px; }

/* ---------- seller module ---------- */
.fbh-sell { background: var(--fbh-gold); color: var(--fbh-ink); padding: clamp(40px, 6vw, 64px) 0; background-image: repeating-radial-gradient(circle at 100% 0, transparent 0 22px, rgba(28, 26, 43, .07) 22px 23px); }
.fbh-sell__inner { display: grid; gap: 22px; align-items: center; }
@media (min-width: 900px) { .fbh-sell__inner { grid-template-columns: 1.4fr auto; } }
.fbh-sell .fbh-kicker { color: var(--fbh-ink); }
.fbh-sell__x { margin: 0; max-width: 62ch; }
.fbh-sell__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- brokerage CTA ---------- */
.fbh-parent { position: relative; background: var(--fbh-forest); color: var(--fbh-paper); padding: 0 0 var(--fbh-pad); }
.fbh-parent > .fbh-contours { margin-bottom: clamp(30px, 5vw, 60px); }
.fbh-parent__inner { display: grid; gap: 32px; align-items: center; }
@media (min-width: 900px) { .fbh-parent__inner { grid-template-columns: .95fr 1.05fr; gap: 64px; } }
.fbh-parent__media { margin: 0; }
.fbh-parent__media figcaption { font-size: .78rem; color: var(--fbh-vellum); margin-top: 8px; }
.fbh-parent__copy p { color: #E4DDCD; }
.fbh-parent__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 10px; }
.fbh-parent__more { font-size: .95rem; }
.fbh-frame { border-radius: var(--fbh-r-lg); overflow: hidden; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55); }
.fbh-frame img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* ---------- footer ---------- */
.fbh-footer { background: #17142A; color: var(--fbh-vellum); padding: 0 0 26px; font-size: .95rem; }
.fbh-footer a { color: var(--fbh-paper); }
.fbh-footer a:hover { color: var(--fbh-gold); }
.fbh-footer__top { display: grid; gap: 30px; padding-top: 34px; padding-bottom: 34px; }
@media (min-width: 900px) { .fbh-footer__top { grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; } }
.fbh-footer .fbh-logo { color: var(--fbh-paper); margin-bottom: 12px; }
.fbh-footer__tag { font-family: var(--fbh-display); font-style: italic; font-size: 1.12rem; color: var(--fbh-paper); margin: 0 0 10px; }
.fbh-footer__indep, .fbh-footer__coords { font-size: .86rem; margin: 0 0 10px; color: #BDB5A3; }
.fbh-footer__coords { letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--fbh-gold); }
.fbh-footer__h { font-family: var(--fbh-text); font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: var(--fbh-gold); margin: 0 0 12px; }
.fbh-footer__col ul { list-style: none; margin: 0; padding: 0; }
.fbh-footer__col a { display: inline-block; padding: 7px 0; text-decoration: none; }
.fbh-footer__parent { border-top: 1px solid var(--fbh-line-dark); padding-top: 24px; padding-bottom: 18px; }
.fbh-footer__parent p { margin: 0 0 8px; }
.fbh-footer__own { font-weight: 700; color: var(--fbh-paper); }
.fbh-footer__contact { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.fbh-footer__contact .fbh-icon { width: 16px; height: 16px; color: var(--fbh-gold); }
.fbh-footer__eho { font-size: .86rem; color: #BDB5A3; }
.fbh-footer__legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; border-top: 1px solid var(--fbh-line-dark); padding-top: 18px; font-size: .84rem; color: #BDB5A3; }
.fbh-footer__legal p { margin: 0; }
.fbh-footer__legal ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; }
.fbh-footer__legal a { display: inline-block; padding: 6px 0; }

/* ---------- page head ---------- */
.fbh-head { position: relative; background: var(--fbh-forest); color: var(--fbh-paper); padding-top: 110px; background-image: linear-gradient(180deg, #24203A 0%, #2F2A4A 100%); }
.fbh-head__inner { display: grid; gap: 30px; padding-bottom: 30px; align-items: center; }
@media (min-width: 980px) { .fbh-head--photo .fbh-head__inner { grid-template-columns: 1.15fr .85fr; gap: 56px; } }
.fbh-head .fbh-kicker { color: var(--fbh-gold); }
.fbh-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 18px; padding: 0; font-size: .86rem; color: #CFC7B5; }
.fbh-crumbs li + li::before { content: "/"; margin-right: 4px; opacity: .6; }
.fbh-crumbs a { color: #E4DDCD; display: inline-block; padding: 4px 0; }
.fbh-tldr { margin: 18px 0 14px; padding: 18px 20px; border-radius: var(--fbh-r); background: rgba(247, 244, 238, .07); border: 1px solid var(--fbh-line-dark); border-left: 4px solid var(--fbh-gold); max-width: 68ch; }
.fbh-tldr__label { margin: 0 0 4px; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--fbh-gold); }
.fbh-tldr__text { margin: 0; font-size: 1.08rem; color: #F3F0EA; }
.fbh-head__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: .86rem; color: #CFC7B5; }
.fbh-head__media { margin: 0; }
.fbh-frame--tilt { transform: rotate(1.2deg); border: 8px solid #F5F1E7; border-radius: 6px; }
.fbh-head__media figcaption { font-size: .78rem; color: #CFC7B5; margin-top: 12px; }
.fbh-head__place { color: var(--fbh-paper); font-weight: 700; }
.fbh-head > .fbh-contours { color: rgba(226, 180, 79, .3); }

/* ---------- prose ---------- */
.fbh-prose { padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(48px, 7vw, 88px); }
.fbh-prose > .wp-block-post-content, .fbh-prose > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.fbh-prose .wp-block-post-content > * { max-width: 760px; }
.fbh-prose .wp-block-post-content > .fbh-tool, .fbh-prose .wp-block-post-content > .fbh-sheets, .fbh-prose .wp-block-post-content > .fbh-rmap, .fbh-prose .wp-block-post-content > .wp-block-shortcode > .fbh-tool { max-width: none; }
.fbh-prose--page .wp-block-post-content { max-width: 1100px; margin: 0 auto; }
.fbh-prose--page .wp-block-post-content > p, .fbh-prose--page .wp-block-post-content > h2, .fbh-prose--page .wp-block-post-content > h3, .fbh-prose--page .wp-block-post-content > ul, .fbh-prose--page .wp-block-post-content > ol, .fbh-prose--page .wp-block-post-content > figure.wp-block-table, .fbh-prose--page .wp-block-post-content > .fbh-factline, .fbh-prose--page .wp-block-post-content > .fbh-factbox, .fbh-prose--page .wp-block-post-content > .fbh-faq, .fbh-prose--page .wp-block-post-content > .fbh-fig, .fbh-prose--page .wp-block-post-content > .fbh-places, .fbh-prose--page .wp-block-post-content > .fbh-note, .fbh-prose--page .wp-block-post-content > .fbh-watch, .fbh-prose--page .wp-block-post-content > .fbh-official, .fbh-prose--page .wp-block-post-content > .fbh-contact__card, .fbh-prose--page .wp-block-post-content > .fluentform, .fbh-prose--page .wp-block-post-content > .fbh-callout { max-width: 760px; margin-left: auto; margin-right: auto; }
.fbh-prose h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin-top: 2.2em; }
.fbh-prose h3 { font-size: clamp(1.22rem, 2vw, 1.42rem); margin-top: 1.8em; }
.fbh-prose p, .fbh-prose li { color: #2C2A40; }
.fbh-prose ul, .fbh-prose ol { padding-left: 1.3em; }
.fbh-prose li { margin-bottom: .4em; }
.fbh-prose li::marker { color: var(--fbh-river); }
.fbh-prose strong { color: var(--fbh-ink); }
.fbh-prose .wp-block-table { margin: 1.6em auto; overflow-x: auto; }
.fbh-prose table { width: 100%; border-collapse: collapse; font-size: .96rem; background: #FCFAF6; border-radius: 10px; overflow: hidden; }
.fbh-prose th { text-align: left; background: var(--fbh-ink); color: var(--fbh-paper); padding: 12px 14px; font-weight: 700; }
.fbh-prose td { padding: 12px 14px; border-top: 1px solid var(--fbh-line); vertical-align: top; }
.fbh-callout { padding: 18px 22px; border-radius: var(--fbh-r); background: var(--fbh-vellum); border-left: 4px solid var(--fbh-apple); margin: 1.6em auto; }
.fbh-callout p { margin: 0 0 .5em; }
.fbh-callout p:last-child { margin: 0; }
.fbh-factline { padding: 14px 18px; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: 10px; }
.fbh-factline__src, .fbh-checks__src { font-size: .86rem; color: var(--fbh-muted); }
.fbh-factbox { margin: 1.6em auto; padding: 20px 22px; border-radius: var(--fbh-r); background: #FCFAF6; border: 1px solid var(--fbh-line); }
.fbh-factbox__t { margin: 0 0 10px !important; font-weight: 700; font-family: var(--fbh-display); font-size: 1.15rem; }
.fbh-checks { list-style: none; padding: 0 !important; margin: 0; display: grid; gap: 10px; }
.fbh-factbox .fbh-checks li { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin: 0; }
.fbh-factbox .fbh-checks .fbh-icon { color: var(--fbh-river); margin-top: 3px; }
.fbh-fig { margin: 2em auto; }
.fbh-fig img { border-radius: var(--fbh-r); width: 100%; }
.fbh-fig figcaption { font-size: .84rem; color: var(--fbh-muted); margin-top: 8px; }
.fbh-credit { font-size: .78rem; opacity: .9; }
.fbh-places { list-style: none; padding: 0 !important; display: grid; gap: 12px; margin: 1.4em auto; }
.fbh-place { padding: 16px 18px; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: 10px; margin: 0 !important; }
.fbh-place__name { margin: 0 0 4px !important; font-family: var(--fbh-text) !important; font-size: 1.05rem !important; }
.fbh-place__type { margin: 0 0 4px; font-size: .84rem; font-weight: 700; color: var(--fbh-river); }
.fbh-place__note { margin: 0 0 4px; }
.fbh-place__src { margin: 0; font-size: .84rem; color: var(--fbh-muted); }
.fbh-official { font-size: .92rem; color: var(--fbh-muted); border-top: 1px solid var(--fbh-line); padding-top: 14px; margin-top: 2.4em; }
.fbh-ainote { font-size: .92rem; color: var(--fbh-muted); font-style: italic; }
.fbh-related { padding-bottom: var(--fbh-pad); }
.fbh-badge { display: inline-flex; align-items: center; gap: 4px; font-size: .78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.fbh-badge .fbh-icon { width: 14px; height: 14px; }
.fbh-badge--ok { background: rgba(78, 90, 49, .14); color: var(--fbh-moss); }
.fbh-badge--wait { background: #FFF1D1; color: #6B4A08; }
.fbh-tickets { display: grid; gap: 12px; margin: 1.4em auto; max-width: 760px; }
.fbh-ticket { display: grid; grid-template-columns: 84px 1fr; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: 12px; overflow: hidden; }
.fbh-ticket__stub { background: var(--fbh-river); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; }
.fbh-ticket__mon, .fbh-ticket__dow { font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fbh-ticket__day { font-family: var(--fbh-display); font-size: 2rem; line-height: 1.1; }
.fbh-ticket__body { padding: 14px 16px; }
.fbh-ticket__name { margin: 0 0 6px !important; font-size: 1.12rem !important; }
.fbh-ticket__meta { list-style: none; padding: 0 !important; margin: 8px 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .9rem; }
.fbh-ticket__meta li { display: flex; gap: 5px; align-items: center; margin: 0; }
.fbh-ticket__meta .fbh-icon { width: 15px; height: 15px; color: var(--fbh-river); }
.fbh-ticket__sum, .fbh-ticket__src { margin: 0 0 4px; font-size: .92rem; }
.fbh-ticket__src { color: var(--fbh-muted); font-size: .84rem; }
.fbh-ticket--over { opacity: .6; }
.fbh-empty { color: var(--fbh-muted); }

/* archive */
.fbh-archive { padding-top: clamp(40px, 6vw, 72px); padding-bottom: var(--fbh-pad); }
.fbh-archive__list { list-style: none; padding: 0; display: grid; gap: 18px; max-width: 820px; margin: 0 auto; }
.fbh-archive__list > li { padding: 22px 24px; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: var(--fbh-r-lg); }
.fbh-archive__list .wp-block-post-title { font-family: var(--fbh-display); font-size: 1.45rem; margin: 4px 0 8px; }
.fbh-archive__list .wp-block-post-title a { color: var(--fbh-ink); text-decoration: none; }
.fbh-archive__list .wp-block-post-date { font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--fbh-river); }
.wp-block-query-pagination { display: flex; gap: 12px; justify-content: center; margin-top: 28px; }
.wp-block-search { max-width: 760px; margin: 0 auto 28px; }
.wp-block-search__inside-wrapper { display: flex; gap: 8px; }
.wp-block-search__input { flex: 1; min-height: 48px; padding: 10px 14px; border: 1.5px solid var(--fbh-line); border-radius: 10px; }
.wp-block-search__button { min-height: 48px; padding: 0 18px; border-radius: 10px; border: 0; background: var(--fbh-ink); color: var(--fbh-paper); font-weight: 700; cursor: pointer; }
.wp-block-search__label { display: block; font-weight: 700; margin-bottom: 6px; }

/* credits */
.fbh-creditlist { list-style: none; padding: 0 !important; display: grid; gap: 16px; max-width: 900px; margin: 0 auto; }
.fbh-creditrow { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 14px; background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: 12px; margin: 0 !important; }
.fbh-creditrow__img img { border-radius: 8px; aspect-ratio: 4 / 3; object-fit: cover; }
.fbh-creditrow p { margin: 0 0 4px; font-size: .92rem; }
.fbh-creditrow__what { font-weight: 700; }
.fbh-creditrow__alt { color: var(--fbh-muted); }

/* contact + form */
.fbh-contact__card { padding: 22px 24px; background: var(--fbh-forest); color: var(--fbh-paper); border-radius: var(--fbh-r-lg); margin: 1.6em auto; }
.fbh-contact__card a { color: var(--fbh-gold); }
.fbh-contact__card p { color: var(--fbh-paper) !important; margin: 0 0 6px; }
.fbh-contact__own { font-weight: 700; font-family: var(--fbh-display); font-size: 1.2rem; }
.fbh-contact__line { display: flex; align-items: center; gap: 8px; }
.fbh-contact__line .fbh-icon { color: var(--fbh-gold); }
.fluentform { background: #FCFAF6; border: 1px solid var(--fbh-line); border-radius: var(--fbh-r-lg); padding: clamp(18px, 3vw, 30px); }
.fluentform .ff-el-group { margin-bottom: 16px; }
.fluentform .ff-el-input--label label { font-weight: 700; display: block; margin-bottom: 6px; }
.fluentform input[type="text"], .fluentform input[type="email"], .fluentform input[type="tel"], .fluentform textarea, .fluentform select { width: 100%; min-height: 48px; padding: 12px 14px; border: 1.5px solid var(--fbh-line); border-radius: 10px; background: #fff; }
.fluentform textarea { min-height: 130px; }
.fluentform .ff-btn-submit { min-height: 50px; padding: 12px 26px; border: 0; border-radius: 999px; background: var(--fbh-apple) !important; color: #fff !important; font-weight: 700; cursor: pointer; }
.fluentform .ff-btn-submit:hover { background: var(--fbh-apple-2) !important; }

/* ---------- "the line" schematic map (lake shore, rail line, I-985, Spout Springs Rd) ---------- */
.fbh-lmap .fbh-rmap__canvas { background: linear-gradient(160deg, #F4F1F8 0%, #E9E5F0 100%); }
.fbh-lmap .fbh-rmap__lake { fill: rgba(43, 106, 119, .26); stroke: var(--fbh-river); stroke-width: 2; }
.fbh-lmap__cove { fill: none; stroke: var(--fbh-river); stroke-width: 9; stroke-linecap: round; opacity: .3; }
.fbh-lmap__ties line { stroke: var(--fbh-ink); stroke-width: 2; opacity: .35; }
.fbh-lmap__rail { stroke: var(--fbh-ink) !important; stroke-width: 3 !important; stroke-dasharray: 1100; }
.fbh-lmap__i985 { stroke: var(--fbh-apple); stroke-width: 6; stroke-dasharray: none; opacity: .85; }
.fbh-lmap__spout { stroke: var(--fbh-iris); stroke-width: 3.5; stroke-dasharray: 12 8; opacity: .8; }
.fbh-lmap__town { fill: var(--fbh-gold); stroke: var(--fbh-ink); stroke-width: 3; }
.fbh-lmap__exit { fill: var(--fbh-paper); stroke: var(--fbh-apple); stroke-width: 3; }
.fbh-lmap__t--rail { fill: var(--fbh-ink); font-style: normal; font-family: var(--fbh-text); font-weight: 700; font-size: 16px; letter-spacing: .1em; text-transform: uppercase; }
.fbh-lmap__dir { font-family: var(--fbh-text); font-size: 15px; font-weight: 700; fill: var(--fbh-muted); letter-spacing: .04em; }
.fbh-lmap .fbh-rmap__dot { border-radius: 3px; transform: rotate(45deg); background: var(--fbh-iris); box-shadow: 0 0 0 4px rgba(90, 74, 140, .22); }
.fbh-lmap .fbh-rmap__pin:hover .fbh-rmap__dot, .fbh-lmap .fbh-rmap__pin.is-match .fbh-rmap__dot { transform: rotate(45deg) scale(1.35); }
.fbh-lmap .fbh-rmap__pin.is-match .fbh-rmap__dot { background: var(--fbh-gold); }

/* ---------- area sheets as numbered stops on the line ---------- */
.fbh-sheet { border-top: 0; }
.fbh-sheet::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; z-index: 2; background: repeating-linear-gradient(90deg, var(--fbh-ink) 0 14px, transparent 14px 20px); opacity: .85; }
.fbh-sheet__no { font-family: var(--fbh-text); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; border-radius: 4px; background: var(--fbh-paper); color: var(--fbh-ink); padding: 4px 10px; }
.fbh-sheet__no::before { content: "Stop "; }
.fbh-sheet__k { color: var(--fbh-iris); }
.fbh-sheet__chips li { border-radius: 4px; background: rgba(90, 74, 140, .1); color: var(--fbh-iris); }

/* ---------- tool 4: drive-time departure board ---------- */
.fbh-board { background: #15131F; border-radius: var(--fbh-r-lg); padding: clamp(16px, 3vw, 28px); box-shadow: inset 0 0 0 1px rgba(247, 244, 238, .08), var(--fbh-shadow); }
.fbh-board__pick { display: flex; flex-wrap: wrap; min-width: 0; max-width: 100%; align-items: center; gap: 10px 14px; margin: 0 0 18px; color: var(--fbh-vellum); font-weight: 700; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; }
.fbh-board__pick select { min-height: 48px; width: 100%; max-width: 360px; min-width: 0; padding: 8px 40px 8px 14px; border-radius: var(--fbh-r); border: 1.5px solid rgba(226, 180, 79, .6); background: #221F30 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23E2B44F' stroke-width='2'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center; color: var(--fbh-paper); font-size: 1rem; font-weight: 600; letter-spacing: 0; text-transform: none; appearance: none; -webkit-appearance: none; }
.fbh-board__panels { display: grid; gap: 22px; }
.fbh-board__from { margin: 0 0 10px; font-family: var(--fbh-display); font-size: 1.3rem; color: var(--fbh-paper); }
.fbh-board__from span { font-family: var(--fbh-text); font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--fbh-gold); margin-right: 8px; }
.fbh-board__rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(247, 244, 238, .12); }
.fbh-board__row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px 18px; align-items: baseline; padding: 12px 2px; border-bottom: 1px solid rgba(247, 244, 238, .12); color: var(--fbh-vellum); }
.fbh-board__to { font-weight: 600; min-width: 0; }
.fbh-board__min { font-family: var(--fbh-display); color: var(--fbh-gold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fbh-board__min b { display: inline-block; min-width: 2.2ch; text-align: right; font-size: 1.55rem; font-weight: 700; padding: 0 4px; margin-right: 2px; border-radius: 3px; background: #221F30; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05); }
.fbh-board__mi { font-size: .86rem; color: rgba(236, 231, 241, .7); white-space: nowrap; font-variant-numeric: tabular-nums; }
.fbh-board__go { margin: 14px 0 0; }
.fbh-board__cta { margin: 18px 0 0; }
.fbh-tool--board .fbh-tool__fine { margin-top: 14px; }
.fbh-sec--ink .fbh-tool--board .fbh-tool__fine { color: rgba(236, 231, 241, .74); }
.fbh-sec--ink .fbh-tool--board .fbh-tool__fine a { color: var(--fbh-gold); }
.fbh-board__panel.is-flip .fbh-board__min b { animation: fbh-flip .55s var(--fbh-ease) both; }
.fbh-board__panel.is-flip .fbh-board__row:nth-child(2) .fbh-board__min b { animation-delay: .06s; }
.fbh-board__panel.is-flip .fbh-board__row:nth-child(3) .fbh-board__min b { animation-delay: .12s; }
.fbh-board__panel.is-flip .fbh-board__row:nth-child(4) .fbh-board__min b { animation-delay: .18s; }
.fbh-board__panel.is-flip .fbh-board__row:nth-child(5) .fbh-board__min b { animation-delay: .24s; }
.fbh-board__panel.is-flip .fbh-board__row:nth-child(n+6) .fbh-board__min b { animation-delay: .3s; }
@keyframes fbh-flip { 0% { transform: perspective(200px) rotateX(-90deg); opacity: 0; } 100% { transform: none; opacity: 1; } }
@media (max-width: 420px) { .fbh-board__row { grid-template-columns: minmax(0, 1fr) auto; } .fbh-board__mi { grid-column: 1 / -1; } }
.fbh-sec--ink .fbh-board { background: #15131F; }

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0ms !important; }
  .fbh-js [data-fbh-reveal], .fbh-js .fbh-hero .fbh-line, .fbh-js .fbh-hero__lede, .fbh-js .fbh-hero__actions, .fbh-js .fbh-hero__own, .fbh-js .fbh-hero .fbh-kicker { opacity: 1; transform: none; }
  .fbh-js .fbh-contours .r, .fbh-js .fbh-rmap__river { stroke-dashoffset: 0; }
  .fbh-js .fbh-contours .t { opacity: .55; }
  .fbh-js .fbh-contours .s { transform: none; }
  .fbh-hero__video { display: none; }
  .fbh-band__media { transform: none !important; }
}

/* ---------- print (the checklist is meant to be printed) ---------- */
@media print {
  .fbh-header, .fbh-footer, .fbh-parent, .fbh-sell, .fbh-hero__media, .fbh-contours, .fbh-checker__actions, .fbh-skip, .fbh-head__media, .fbh-official { display: none !important; }
  body { background: #fff; }
  .fbh-head { background: #fff; color: #000; padding-top: 0; }
  .fbh-head .fbh-tldr__text, .fbh-head .fbh-tldr__label, .fbh-crumbs { color: #000; }
  .fbh-check { break-inside: avoid; border-left-color: #000; }
  [data-fbh-reveal] { opacity: 1 !important; transform: none !important; }
}

/* T23736 polish */
a[href^="tel:"] { white-space: nowrap; }
@media (min-width: 680px) { .fbh-toolgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .fbh-toolgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 860px) and (max-width: 1099px) { .fbh-toolgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.fbh-tool--board .fbh-board .fbh-board__from { color: var(--fbh-paper); margin: 0 0 10px; }
.fbh-tool--board .fbh-board .fbh-board__row, .fbh-tool--board .fbh-board .fbh-board__to { color: var(--fbh-vellum); }
.fbh-tool--board .fbh-board__rows { list-style: none; margin: 0; padding: 0; }
.fbh-tool--board .fbh-board__row { margin: 0; }