/* Built by tools/css/build.py from css/src/ for page type "markets.northern-michigan". Do not edit: edit the source files. */
@layer tokens,board;
/* ── base/elements.css ── */
@layer board{

/* The scrollbar's track is always reserved, so pages with and without a scrollbar centre the same and
   locking scroll (the open drawer) doesn't shift the page; the same as roamstays.com. */
html{scrollbar-gutter:stable}
body{margin:0;background:var(--roam-ref-palette-cream);color:var(--roam-ref-palette-forest);font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-body);line-height:var(--roam-ref-leading-snug);-webkit-font-smoothing:antialiased}
a{color:var(--roam-ref-palette-teal-670);text-underline-offset:4px}
a:hover{color:var(--roam-ref-palette-forest)}
::selection{background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
:focus-visible{outline:2px solid var(--roam-ref-palette-gold);outline-offset:3px}
/* Text for screen readers only, e.g. the destination after a "Learn More" link's visible words. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
label{display:block;font-size:var(--roam-sys-type-label);font-weight:var(--roam-ref-weight-semibold);margin-bottom:var(--roam-ref-spacing-6);color:var(--roam-ref-palette-forest-720)}
input,select{width:100%;box-sizing:border-box;min-height:var(--roam-sys-control-height);border:1px solid var(--roam-ref-palette-sand-190);border-radius:var(--roam-sys-shape-inset);padding:0 var(--roam-ref-spacing-16);font:inherit;font-size:var(--roam-sys-type-body);background:var(--roam-ref-palette-white);color:var(--roam-ref-palette-forest)}
input::placeholder{color:var(--roam-ref-palette-stone-560)}
details{border-bottom:1px solid var(--roam-ref-palette-sand-150)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--roam-ref-spacing-20);padding:var(--roam-ref-spacing-24) 0;font-size:var(--roam-sys-type-small);font-weight:var(--roam-ref-weight-semibold)}
summary::-webkit-details-marker{display:none}
summary .pm{width:32px;height:32px;border-radius:50%;background:var(--roam-ref-palette-sand-90);display:grid;place-items:center;flex:none;transition:transform var(--roam-ref-duration-slow)}
details[open] summary .pm{transform:rotate(45deg);background:var(--roam-ref-palette-gold)}
details p{margin:0 0 var(--roam-sys-flow-separated);color:var(--roam-ref-palette-forest-720);max-width:68ch}
table{border-collapse:separate;border-spacing:0;width:100%}
th,td{padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-20);text-align:left;border-bottom:1px solid var(--roam-ref-palette-sand-150)}

}
/* ── components/photo.css ── */
@layer board{

.roam-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--roam-photo-focus,center)}

}
/* ── components/drawing.css ── */
@layer board{

/* The sprite: the symbol library at the top of every page (v3/parts/sprite.php), drawn nowhere itself. */
.sprite{position:absolute;width:0;height:0;overflow:hidden}

/* SVG fill */
.fill-brand-preferred{fill:var(--roam-ref-palette-brand-preferred)}
.fill-brand-premier{fill:var(--roam-ref-palette-brand-premier)}
.fill-brand-superhost{fill:var(--roam-ref-palette-brand-superhost)}
.fill-brand-superhost-star{fill:var(--roam-ref-palette-brand-superhost-star)}
.fill-clay-470{fill:var(--roam-ref-palette-clay-470)}
.fill-cream{fill:var(--roam-ref-palette-cream)}
.fill-forest{fill:var(--roam-ref-palette-forest)}
.fill-forest-720{fill:var(--roam-ref-palette-forest-720)}
.fill-forest-900{fill:var(--roam-ref-palette-forest-900)}
.fill-forest-light{fill:var(--roam-ref-palette-forest-light)}
.fill-forest-soft{fill:var(--roam-ref-palette-forest-soft)}
.fill-gold{fill:var(--roam-ref-palette-gold)}
.fill-gold-201{fill:var(--roam-ref-palette-gold-201)}
.fill-gold-270{fill:var(--roam-ref-palette-gold-270)}
.fill-gold-30{fill:var(--roam-ref-palette-gold-30)}
.fill-gold-640{fill:var(--roam-ref-palette-gold-640)}
.fill-gold-a18{fill:var(--roam-ref-palette-gold-a18)}
.fill-gold-a30{fill:var(--roam-ref-palette-gold-a30)}
.fill-gold-active{fill:var(--roam-ref-palette-gold-active)}
.fill-olive-210{fill:var(--roam-ref-palette-olive-210)}
.fill-olive-250{fill:var(--roam-ref-palette-olive-250)}
.fill-olive-700{fill:var(--roam-ref-palette-olive-700)}
.fill-sage{fill:var(--roam-ref-palette-sage)}
.fill-sand-110{fill:var(--roam-ref-palette-sand-110)}
.fill-sand-150{fill:var(--roam-ref-palette-sand-150)}
.fill-sand-190{fill:var(--roam-ref-palette-sand-190)}
.fill-sand-200{fill:var(--roam-ref-palette-sand-200)}
.fill-sand-220{fill:var(--roam-ref-palette-sand-220)}
.fill-sand-250{fill:var(--roam-ref-palette-sand-250)}
.fill-sand-70{fill:var(--roam-ref-palette-sand-70)}
.fill-sand-80{fill:var(--roam-ref-palette-sand-80)}
.fill-sand-90{fill:var(--roam-ref-palette-sand-90)}
.fill-stone-610{fill:var(--roam-ref-palette-stone-610)}
.fill-taupe-560{fill:var(--roam-ref-palette-taupe-560)}
.fill-teal{fill:var(--roam-ref-palette-teal)}
.fill-teal-160{fill:var(--roam-ref-palette-teal-160)}
.fill-teal-290{fill:var(--roam-ref-palette-teal-290)}
.fill-teal-670{fill:var(--roam-ref-palette-teal-670)}
.fill-teal-80{fill:var(--roam-ref-palette-teal-80)}
.fill-teal-a14{fill:var(--roam-ref-palette-teal-a14)}
.fill-teal-a20{fill:var(--roam-ref-palette-teal-a20)}
.fill-teal-a25{fill:var(--roam-ref-palette-teal-a25)}
.fill-white{fill:var(--roam-ref-palette-white)}

/* SVG stroke */
.stroke-brand-superhost-ink{stroke:var(--roam-ref-palette-brand-superhost-ink)}
.stroke-cream{stroke:var(--roam-ref-palette-cream)}
.stroke-forest{stroke:var(--roam-ref-palette-forest)}
.stroke-forest-soft{stroke:var(--roam-ref-palette-forest-soft)}
.stroke-gold{stroke:var(--roam-ref-palette-gold)}
.stroke-gold-270{stroke:var(--roam-ref-palette-gold-270)}
.stroke-gold-640{stroke:var(--roam-ref-palette-gold-640)}
.stroke-gold-active{stroke:var(--roam-ref-palette-gold-active)}
.stroke-olive-250{stroke:var(--roam-ref-palette-olive-250)}
.stroke-olive-440{stroke:var(--roam-ref-palette-olive-440)}
.stroke-sage{stroke:var(--roam-ref-palette-sage)}
.stroke-sage-400{stroke:var(--roam-ref-palette-sage-400)}
.stroke-sand-150{stroke:var(--roam-ref-palette-sand-150)}
.stroke-sand-190{stroke:var(--roam-ref-palette-sand-190)}
.stroke-sand-192{stroke:var(--roam-ref-palette-sand-192)}
.stroke-sand-220{stroke:var(--roam-ref-palette-sand-220)}
.stroke-sand-310{stroke:var(--roam-ref-palette-sand-310)}
.stroke-sand-400{stroke:var(--roam-ref-palette-sand-400)}
.stroke-sand-430{stroke:var(--roam-ref-palette-sand-430)}
.stroke-sand-431{stroke:var(--roam-ref-palette-sand-431)}
.stroke-sand-90{stroke:var(--roam-ref-palette-sand-90)}
.stroke-taupe-440{stroke:var(--roam-ref-palette-taupe-440)}
.stroke-teal{stroke:var(--roam-ref-palette-teal)}
.stroke-teal-290{stroke:var(--roam-ref-palette-teal-290)}
.stroke-teal-470{stroke:var(--roam-ref-palette-teal-470)}
.stroke-teal-670{stroke:var(--roam-ref-palette-teal-670)}
.stroke-white{stroke:var(--roam-ref-palette-white)}

/* Gradient stops */
.stop-forest-soft{stop-color:var(--roam-ref-palette-forest-soft)}
.stop-gold{stop-color:var(--roam-ref-palette-gold)}
.stop-gold-370{stop-color:var(--roam-ref-palette-gold-370)}
.stop-sage{stop-color:var(--roam-ref-palette-sage)}
.stop-teal{stop-color:var(--roam-ref-palette-teal)}

/* Mark fills */
.bg-forest-soft{background:var(--roam-ref-palette-forest-soft)}
.bg-gold{background:var(--roam-ref-palette-gold)}
.bg-gold-60{background:var(--roam-ref-palette-gold-60)}
.bg-olive-440{background:var(--roam-ref-palette-olive-440)}
.bg-sage{background:var(--roam-ref-palette-sage)}
.bg-sand-430{background:var(--roam-ref-palette-sand-430)}
.bg-sand-431{background:var(--roam-ref-palette-sand-431)}
.bg-sand-80{background:var(--roam-ref-palette-sand-80)}
.bg-teal{background:var(--roam-ref-palette-teal)}
.bg-teal-470{background:var(--roam-ref-palette-teal-470)}
.bg-teal-80{background:var(--roam-ref-palette-teal-80)}

/* Mark text */
.ink-gold-640{color:var(--roam-ref-palette-gold-640)}
.ink-olive-700{color:var(--roam-ref-palette-olive-700)}
.ink-teal-670{color:var(--roam-ref-palette-teal-670)}

}
/* ── components/text.css ── */
@layer board{

.num{font-variant-numeric:tabular-nums}
.d{font-family:var(--roam-ref-typeface-display);letter-spacing:var(--roam-ref-tracking-display)}

}
/* ── components/wrap.css ── */
@layer board{

.wrap{box-sizing:border-box;max-width:calc(var(--roam-sys-layout-column) + 2 * var(--roam-sys-space-page-x));margin:0 auto;padding:0 var(--roam-sys-space-page-x)}

}
/* ── components/button.css ── */
@layer board{

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-10);min-height:52px;padding:0 var(--roam-ref-spacing-28);border:0 solid var(--roam-ref-palette-forest);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest);font:inherit;font-size:var(--roam-sys-type-body);font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-cream);cursor:pointer;transition:background-color var(--roam-ref-duration-base),border-color var(--roam-ref-duration-base),color var(--roam-ref-duration-base)}
.btn:is(:hover,:focus-visible){background:var(--roam-ref-palette-forest-light);color:var(--roam-ref-palette-cream)}
.btn-gold{border-color:transparent;background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.btn-gold:is(:hover,:focus-visible){background:var(--roam-ref-palette-gold-370);color:var(--roam-ref-palette-forest)}
.btn-light{border:1px solid var(--roam-ref-palette-sand-150);background:var(--roam-ref-palette-white);color:var(--roam-ref-palette-forest)}
.btn-light:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-gold);background:var(--roam-ref-palette-gold-60);color:var(--roam-ref-palette-forest)}
/* More fills, from the v1 set: teal, sage, cream (on forest) and danger (a destructive action). */
.btn-teal{border-color:transparent;background:var(--roam-ref-palette-teal);color:var(--roam-ref-palette-forest)}
.btn-teal:is(:hover,:focus-visible){background:var(--roam-ref-palette-teal-active);color:var(--roam-ref-palette-forest)}
.btn-sage{border-color:transparent;background:var(--roam-ref-palette-sage);color:var(--roam-ref-palette-forest)}
.btn-sage:is(:hover,:focus-visible){background:var(--roam-ref-palette-sage-active);color:var(--roam-ref-palette-forest)}
.btn-cream{border-color:transparent;background:var(--roam-ref-palette-cream);color:var(--roam-ref-palette-forest)}
.btn-cream:is(:hover,:focus-visible){background:var(--roam-ref-palette-cream-active);color:var(--roam-ref-palette-forest)}
.btn-danger{border-color:transparent;background:var(--roam-ref-palette-error);color:var(--roam-ref-palette-cream)}
.btn-danger:is(:hover,:focus-visible){background:var(--roam-ref-palette-error-active);color:var(--roam-ref-palette-cream)}

.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-10);min-height:52px;padding:0 var(--roam-ref-spacing-24);border:1.5px solid var(--roam-ref-palette-forest);border-radius:var(--roam-sys-shape-full);background:transparent;font:inherit;font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-forest);transition:background-color var(--roam-ref-duration-base),border-color var(--roam-ref-duration-base),color var(--roam-ref-duration-base)}
.btn-line:is(:hover,:focus-visible){background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}

/* More outlines: gold, teal and cream sit on forest; danger on a light surface. The hover fills with the colour. */
.btn-line-gold{border-color:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-gold)}
.btn-line-gold:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-gold);background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.btn-line-teal{border-color:var(--roam-ref-palette-teal);color:var(--roam-ref-palette-teal)}
.btn-line-teal:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-teal);background:var(--roam-ref-palette-teal);color:var(--roam-ref-palette-forest)}
.btn-line-cream{border-color:var(--roam-ref-palette-cream-a40);color:var(--roam-ref-palette-cream)}
.btn-line-cream:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-cream);background:var(--roam-ref-palette-cream);color:var(--roam-ref-palette-forest)}
.btn-line-danger{border-color:var(--roam-ref-palette-error-a40);color:var(--roam-ref-palette-error)}
.btn-line-danger:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-error);background:var(--roam-ref-palette-error);color:var(--roam-ref-palette-cream)}

/* After .btn-line, so it sizes both kinds. The icon keeps its size when a narrow column squeezes the label. */
.btn-md{box-sizing:border-box;min-height:48px;padding:0 var(--roam-ref-spacing-24);border-width:1.5px;font-size:var(--roam-sys-type-body-sm)}
.btn-md > svg{flex:none}

/* The small size (32px), after .btn-line so it sizes both kinds. */
.btn-sm{gap:var(--roam-ref-spacing-8);min-height:32px;padding:0 var(--roam-ref-spacing-12);font-size:var(--roam-sys-type-label)}
/* The smallest size (28px), for dense rows; after .btn-md so it wins on equal specificity. */
.btn-xs{gap:var(--roam-ref-spacing-4);min-height:28px;padding:0 var(--roam-ref-spacing-12);font-size:var(--roam-sys-type-caption)}
/* Layout helpers: full width, a row of buttons, a label that must not wrap. */
.btn-block{box-sizing:border-box;width:100%}
.btn-nowrap{white-space:nowrap}
.btn-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-8)}
/* States. Disabled: dimmed and inert. Busy (aria-busy="true"): a spinner after the label, inert while it works;
   the spin takes its time from the duration scale, so reduced motion stills it. */
:is(.btn,.btn-line):is(:disabled,[aria-disabled="true"],[aria-busy="true"]){cursor:not-allowed;pointer-events:none}
:is(.btn,.btn-line):is(:disabled,[aria-disabled="true"]){opacity:var(--roam-ref-opacity-40)}
:is(.btn,.btn-line)[aria-busy="true"]::after{content:"";flex:none;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--roam-sys-shape-full);animation:btn-spin var(--roam-ref-duration-longer) linear infinite}
@keyframes btn-spin{to{transform:rotate(360deg)}}

}
/* ── components/mk-page.css ── */
@layer board{

/* The page's own ground: cream, forest type; headings take the page's colour. */
.mk{--mk-edge:max(var(--roam-sys-space-page-x),calc((100% - var(--roam-sys-layout-column)) / 2));background:var(--roam-ref-palette-cream);color:var(--roam-ref-palette-forest)}
.mk :is(h1,h2,h3,h4){color:inherit}

/* ── hero ── */
.mk-hero{position:relative;padding:var(--roam-ref-spacing-56) var(--mk-edge) var(--roam-ref-spacing-80);background:radial-gradient(55% 70% at 100% 0%,var(--roam-ref-palette-gold-a16),transparent 70%),radial-gradient(45% 60% at 0% 100%,var(--roam-ref-palette-teal-a10),transparent 70%),var(--roam-ref-palette-cream)}
.mk-hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.mk-crumbs-list{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-4);min-height:var(--roam-ref-spacing-20);margin:0;padding:0;list-style:none;font-size:var(--roam-sys-type-label)}
.mk-crumb{font-size:var(--roam-sys-type-caption);letter-spacing:var(--roam-ref-tracking-lg);text-transform:uppercase;color:var(--roam-ref-palette-teal)}
/* Phones show the first and the current crumb only. */
.mk-crumb:not(:first-child,:last-child){display:none}
.mk-crumb + .mk-crumb::before{content:"›";margin-right:var(--roam-ref-spacing-6);color:var(--roam-ref-palette-forest-a30)}
.mk-crumbs-list:has(> :nth-child(3)) > .mk-crumb-here::before{content:"… ›"}
.mk-crumb a{font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-teal-670)}
.mk-crumb a:hover{color:var(--roam-ref-palette-teal-670)}
.mk-crumb-here{color:var(--roam-ref-palette-stone-610)}
.mk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--roam-sys-space-split);margin-top:var(--roam-sys-flow-separated)}
.mk-hero-grid-rollup{margin-top:var(--roam-sys-flow-major)}
.mk-hero-copy{display:flex;flex-direction:column}
.mk-hero-main,.mk-hero-form{min-width:0}
.mk-eyebrow{margin:0;font-size:var(--roam-sys-type-label);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.mk-hero > .mk-eyebrow{margin-top:var(--roam-sys-flow-related)}
.mk-h1{margin:var(--roam-sys-flow-coupled) 0 var(--roam-sys-flow-separated);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-page);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-tight);letter-spacing:var(--roam-ref-tracking-display)}
.mk-lead{max-width:var(--roam-ref-layout-640);margin:var(--roam-sys-flow-related) 0 0;font-size:var(--roam-sys-type-lead);color:var(--roam-ref-palette-forest-720)}
.mk-hero > .mk-lead{max-width:var(--roam-ref-layout-840);margin-bottom:var(--roam-sys-flow-separated)}
.mk-trust{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-sys-flow-separated);padding-top:var(--roam-sys-flow-related)}
.mk-trust-item{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);height:36px;padding:0 var(--roam-ref-spacing-14) 0 var(--roam-ref-spacing-10);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-semibold)}
.mk-trust-item::before{content:"";width:18px;height:18px;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-sage-80) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6858' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.mk-trust-item strong{color:var(--roam-ref-palette-teal)}
.mk-trust-vs{font-size:var(--roam-sys-type-caption);opacity:var(--roam-ref-opacity-70)}

/* ── KPI tiles: an icon, the label and value beside it, and a range or share bar under both ── */
.mkk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-sys-space-gap);margin-top:var(--roam-sys-flow-related)}
.mk-hero-copy .mkk-grid{max-width:600px;margin-top:var(--roam-sys-flow-major)}
.mkk{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;align-content:start;column-gap:var(--roam-ref-spacing-14);padding:var(--roam-sys-space-pad-sm);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white)}
.mkr-dash .mkk{row-gap:var(--roam-ref-spacing-4);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-3)}
.mkk-feat{background:linear-gradient(150deg,var(--roam-ref-palette-gold-60),var(--roam-ref-palette-gold-110))}
.mkr-dash .mkk-feat{border-color:var(--roam-ref-palette-gold-210)}
.mkk-ic{grid-row:1 / 3;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-teal-a14);color:var(--roam-ref-palette-teal-670)}
.mkk-feat .mkk-ic{background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.mkk-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mkk-label{grid-column:2;margin:0;font-size:var(--roam-sys-type-label);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-stone-610)}
.mkk-feat .mkk-label{color:var(--roam-ref-palette-gold-640)}
.mkk-num{grid-column:2;display:block;margin:var(--roam-ref-spacing-2) 0 0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-figure-sm);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-tight);letter-spacing:var(--roam-ref-tracking-display)}
.mkr-dash .mkk-num{font-variant-numeric:tabular-nums}
.mkk-sub{grid-column:1 / -1;display:block;font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-stone-610)}
.mkk-viz{grid-column:1 / -1;display:block;margin-top:var(--roam-sys-flow-close)}
.mkk-viz small{display:block;margin-top:var(--roam-sys-flow-coupled);font-size:var(--roam-sys-type-caption);line-height:var(--roam-ref-leading-compact);color:var(--roam-ref-palette-stone-610)}
.mkk-trk{position:relative;display:flex;height:8px;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-sand-90)}
.mkk-feat .mkk-trk{background:var(--roam-ref-palette-white-a70)}
.mkk-stk{overflow:hidden}
.mkk-fill,.mkk-rng{left:var(--x,0);width:var(--v);position:absolute;top:0;bottom:0;border-radius:var(--roam-sys-shape-full);background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.mkk-rng{background:linear-gradient(90deg,var(--roam-ref-palette-teal-a55),var(--roam-ref-palette-gold-a75))}
.mkk-mark{left:var(--x);position:absolute;top:50%;box-sizing:border-box;width:14px;height:14px;margin:-8px 0 0 -8px;border:3px solid var(--roam-ref-palette-forest);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white)}
.mkk-stk i{width:var(--v)}
.mkk-s1{background:var(--roam-ref-palette-teal-670)}
.mkk-s2{background:var(--roam-ref-palette-sage)}
.mkk-s3{background:var(--roam-ref-palette-teal)}
.mkk-s4{background:var(--roam-ref-palette-gold)}
.mkk-rest{background:var(--roam-ref-palette-sand-150)}

/* county and region pages: the score card above the tiles */
.mkr-dash{display:grid;gap:var(--roam-sys-flow-related)}

/* ── estimate form ── */
/* Coverage coming: stands in for the dashboard on a county with fewer than ROAM_MARKET_MIN_LISTINGS listings
   (template-parts/market-coverage.php), the same card surface as the dashboard cards. */
.mk-cover{display:grid;gap:var(--roam-sys-flow-close);padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-4)}
.mk-cover-eye{margin:0;font-size:var(--roam-sys-type-label);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.mk-cover-title{margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card-lg);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display)}
.mk-cover-text{margin:0;max-width:62ch;font-size:var(--roam-sys-type-body);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}
.mk-cover a{font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-teal-670)}
.mk-cover-list{display:grid;gap:var(--roam-sys-flow-coupled);margin:0;padding:0;list-style:none}
.mk-cover-list li{display:flex;justify-content:space-between;gap:var(--roam-ref-spacing-12);padding-top:var(--roam-sys-flow-coupled);border-top:1px solid var(--roam-ref-palette-sand-90);font-size:var(--roam-sys-type-body-sm)}
.mk-cover-list span{color:var(--roam-ref-palette-stone-610)}

.mk-form{position:relative;overflow:hidden;padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-5)}
.mk-form::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.mk-form-title{margin:0 0 var(--roam-sys-flow-coupled);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display)}
.mk-form-pair{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--roam-sys-space-gap);margin-top:var(--roam-sys-flow-related)}
.mk-field{margin:var(--roam-sys-flow-related) 0}
.mk-form-pair .mk-field{margin-top:0}
.mk-label{display:block;font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}
.mk-input{padding:0 var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-lg);outline:none;background:var(--roam-ref-palette-cream);transition:var(--roam-ref-motion-standard)}
.mk-input::placeholder{color:var(--roam-ref-palette-forest-a30)}
.mk-form-error{display:none;min-height:1.2em;margin:var(--roam-sys-flow-coupled) 0 0;font-size:var(--roam-sys-type-caption)}
.mk-form-submit{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:54px;margin-top:var(--roam-ref-spacing-24);padding:0 var(--roam-ref-spacing-20);border:0;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold);font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-body);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-spacing-20);white-space:nowrap;color:var(--roam-ref-palette-forest);cursor:pointer;transition:opacity var(--roam-ref-duration-fast),background-color var(--roam-ref-duration-fast)}
.mk-form-submit:hover{opacity:var(--roam-ref-opacity-90)}
.mk-form-submit:focus-visible{outline:none}
.mk-form-note{margin:var(--roam-sys-flow-close) 0 0;font-size:var(--roam-sys-type-label);text-align:center;color:var(--roam-ref-palette-stone-610)}
.mk-form-done{padding:var(--roam-ref-spacing-32);text-align:center}
.mk-form-done p{margin:0}

/* ── bands ── */
.mk-sec{padding:var(--roam-sys-space-section-y) var(--mk-edge);border-top:1px solid var(--roam-ref-palette-sand-150)}
.mk-dashboard,.mk-why,.mk-rules,.mk-types,.mk-faq{background:var(--roam-ref-palette-white)}
.mk-estimate,.mk-seasons,.mk-hoods,.mk-proof,.mk-services,.mk-nearby,.mk-children{background:var(--roam-ref-palette-cream)}
.mk-children + .mk-children{background:var(--roam-ref-palette-white)}
.mk-h2{max-width:22ch;margin:0 0 var(--roam-sys-flow-related);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-section);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display)}
.mk-h2::before{content:"";display:block;width:48px;height:3px;margin-bottom:var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-full);background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.mk-split > .mk-h2{margin-bottom:var(--roam-sys-flow-major)}
.mk-copy{max-width:72ch}
.mk-copy p{margin:0;font-size:var(--roam-sys-type-lead);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}
.mk-copy p + p{margin-top:var(--roam-sys-flow-related)}
.mk-copy a,.mk-copy a:hover{color:var(--roam-ref-palette-teal-670);text-decoration:underline var(--roam-ref-palette-teal-670-a35);text-underline-offset:3px}
.mk-seasons .mk-copy,.mk-rules .mk-copy{margin-top:var(--roam-sys-flow-major)}
.mk-invest .mk-copy{margin-top:var(--roam-sys-flow-related)}

/* seasons: twelve month bars, peak months gold and shoulder months teal (the script's chart box stays hidden) */
.mk-season{box-sizing:border-box;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:var(--roam-ref-spacing-4);height:200px;padding:var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
.mk-month{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.mk-month i{height:var(--v);display:block;border-radius:var(--roam-sys-shape-sm) var(--roam-sys-shape-sm) var(--roam-sys-shape-xs) var(--roam-sys-shape-xs);background:var(--roam-ref-palette-teal-290)}
.mk-shoulder i{background:var(--roam-ref-palette-teal)}
.mk-peak i{background:linear-gradient(180deg,var(--roam-ref-palette-gold-340),var(--roam-ref-palette-gold))}
.mk-month b{display:block;padding:var(--roam-ref-spacing-10) 0 var(--roam-ref-spacing-14);font-size:var(--roam-sys-type-micro);font-weight:var(--roam-ref-weight-bold);text-align:center;color:var(--roam-ref-palette-stone-610)}

/* regulations */
.mk-rules-card{margin-bottom:var(--roam-sys-flow-related);padding:var(--roam-ref-spacing-4) var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-cream)}
.mk-rules-list{margin:var(--roam-sys-flow-related) 0}
.mk-rule{display:flex;flex-direction:column;justify-content:space-between;gap:var(--roam-ref-spacing-4);padding:var(--roam-ref-spacing-16) 0;border-bottom:1px solid var(--roam-ref-palette-sand-150)}
.mk-rule:last-child{border-bottom:0}
.mk-rule dt{font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-stone-610)}
.mk-rule dd{margin:0;font-weight:var(--roam-ref-weight-bold)}
.mk-status-moderate{display:inline-flex;align-items:center;padding:var(--roam-ref-spacing-2) var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold-a18);color:var(--roam-ref-palette-gold-640)}
/* The source line under the rules: a plain teal link. */
.mk-rules-source{text-decoration:none;color:var(--roam-ref-palette-teal)}
.mk-rules-cta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--roam-ref-spacing-24);padding:var(--roam-ref-spacing-24) var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-card);background:linear-gradient(135deg,var(--roam-ref-palette-forest),var(--roam-ref-palette-forest-light));color:var(--roam-ref-palette-cream)}
.mk-rules-cta p{margin:0;font-size:var(--roam-sys-type-lead);font-weight:var(--roam-ref-weight-semibold)}
.mk-rules-cta-btn,.mk-services-btn{display:inline-flex;justify-content:center;align-items:center;height:48px;padding:0 var(--roam-ref-spacing-24);border-radius:var(--roam-sys-shape-full);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);text-decoration:none;cursor:pointer;transition:opacity var(--roam-ref-duration-fast),background-color var(--roam-ref-duration-fast)}
.mk-rules-cta-btn{box-sizing:border-box;flex:none;background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.mk-rules-cta-btn:hover,.mk-services-btn:hover{opacity:var(--roam-ref-opacity-90);color:var(--roam-ref-palette-forest)}
.mk-rules-cta-btn:focus-visible,.mk-services-btn:focus-visible{outline:none}

/* neighbourhoods */
.mk-hoods-grid{display:grid;grid-template-columns:1fr;gap:var(--roam-sys-space-gap);margin-top:var(--roam-sys-flow-major)}
.mk-hood{padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
.mk-hood::before{content:"";display:block;width:44px;height:44px;margin-bottom:var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-teal-a14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5F77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/22px auto no-repeat}
.mk-hood-name{margin:0 0 var(--roam-sys-flow-coupled);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-display)}
.mk-hood-text{margin:var(--roam-sys-flow-close) 0 var(--roam-sys-flow-coupled);font-size:var(--roam-sys-type-body);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}

/* property types: revenue by bedroom count, the last (largest) column highlighted */
.mk-beds{margin-top:var(--roam-sys-flow-group)}
.mk-beds h3{margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-display)}
.mk-beds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--roam-sys-flow-related);overflow:hidden;border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
.mk-bed{position:relative;padding:var(--roam-ref-spacing-28) var(--roam-ref-spacing-20) var(--roam-ref-spacing-24)}
.mk-bed:nth-child(2n){border-left:1px solid var(--roam-ref-palette-sand-90)}
.mk-bed:nth-child(n+3){border-top:1px solid var(--roam-ref-palette-sand-90)}
.mk-bed:last-child{background:linear-gradient(180deg,var(--roam-ref-palette-gold-60),var(--roam-ref-palette-gold-110))}
.mk-bed:last-child::after{content:"";position:absolute;right:var(--roam-ref-spacing-20);bottom:0;left:var(--roam-ref-spacing-20);height:4px;border-radius:var(--roam-sys-shape-xs) var(--roam-sys-shape-xs) 0 0;background:var(--roam-ref-palette-gold)}
.mk-bed-count{margin:0;font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}
.mk-bed-revenue{margin:var(--roam-sys-flow-coupled) 0 0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-display)}
.mk-bed-adr{margin:var(--roam-sys-flow-tight) 0 0;font-size:var(--roam-sys-type-label);color:var(--roam-ref-palette-stone-610)}

/* testimonials (when a market has them) */
.mk-quotes{display:grid;grid-template-columns:1fr;gap:var(--roam-ref-spacing-16);margin-top:var(--roam-sys-flow-major)}
.mk-quote{padding:var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-forest-a12);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white)}
.mk-quote-text{margin-bottom:var(--roam-sys-flow-related);font-size:var(--roam-sys-type-body-sm);font-style:italic}
.mk-quote-by{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-2)}
.mk-quote-name{font-size:var(--roam-sys-type-body-sm);font-style:normal;font-weight:var(--roam-ref-weight-semibold)}
.mk-quote-place,.mk-quote-metric{font-size:var(--roam-sys-type-caption)}
.mk-quote-place{color:var(--roam-ref-palette-forest-a40)}
.mk-quote-metric{font-weight:var(--roam-ref-weight-medium);color:var(--roam-ref-palette-teal)}

/* services */
.mk-services-grid{display:grid;grid-template-columns:1fr;gap:var(--roam-sys-space-gap);margin-top:var(--roam-sys-flow-major)}
.mk-service{padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);transition:transform var(--roam-ref-duration-base),box-shadow var(--roam-ref-duration-base)}
.mk-service:hover{transform:translateY(-3px);box-shadow:var(--roam-ref-shadow-4)}
.mk-service h3{margin:0 0 var(--roam-sys-flow-coupled);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-display)}
.mk-service p{margin:var(--roam-sys-flow-close) 0 var(--roam-sys-flow-coupled);color:var(--roam-ref-palette-forest-720)}
.mk-more{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-ref-spacing-20);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--roam-ref-palette-teal-670)}
.mk-more::after{content:" →"}
.mk-more:hover{text-decoration:underline;color:var(--roam-ref-palette-teal-670)}
.mk-nearby .mk-more{margin-top:var(--roam-ref-spacing-28)}
.mk-services-more{margin-top:var(--roam-sys-flow-major);text-align:center}
.mk-services-btn{box-sizing:border-box;border:1.5px solid var(--roam-ref-palette-forest);background:transparent;color:var(--roam-ref-palette-forest)}

/* FAQ */
.mk-faq-list{display:flex;flex-direction:column;gap:var(--roam-sys-flow-close)}
.mk-faq-item{padding:0 var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white)}
.mk-faq-item[open]{border-color:var(--roam-ref-palette-sand-260);box-shadow:var(--roam-ref-shadow-4)}
.mk-faq-q{padding:var(--roam-ref-spacing-20) 0;font-weight:var(--roam-ref-weight-bold)}
.mk-faq-q::after{content:"";float:right;width:var(--roam-ref-spacing-20);height:var(--roam-ref-spacing-20);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235B8FA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") center no-repeat;transition:transform var(--roam-ref-duration-base)}
.mk-faq-item[open] .mk-faq-q::after{transform:rotate(180deg)}
.mk-faq-a{padding-bottom:var(--roam-ref-spacing-16)}
.mk-faq-a p{padding-bottom:var(--roam-ref-spacing-20);line-height:var(--roam-ref-leading-body)}

/* child markets (county and region pages) */
.mk-children-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--roam-ref-spacing-24);margin-bottom:var(--roam-sys-flow-separated)}
.mk-children-head .mk-h2{flex:1 1 auto;max-width:none;margin:0}
.mk-sort{display:inline-flex;gap:var(--roam-ref-spacing-4);padding:var(--roam-ref-spacing-4);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white)}
.roam-rollup-sort-btn{height:36px;padding:0 var(--roam-ref-spacing-16);border:0;border-radius:var(--roam-sys-shape-full);background:transparent;font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-stone-610);cursor:pointer;transition:opacity var(--roam-ref-duration-base) ease}
.roam-rollup-sort-btn--active{background:var(--roam-ref-palette-forest);box-shadow:0 1px 3px var(--roam-ref-palette-forest-a12);color:var(--roam-ref-palette-cream)}

/* ── forest strips: the comparison (when ROAM's average is set) and the closing CTA ── */
.mk-compare{background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}
.mk-compare-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--roam-sys-flow-related)}
.mk-compare-card strong{color:var(--roam-ref-palette-gold)}
.mk-compare-btn{display:inline-flex;justify-content:center;align-items:center;height:var(--roam-ref-spacing-28);padding:0 var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-full);background:transparent;font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-sm);text-decoration:none;text-transform:uppercase;color:var(--roam-ref-palette-gold);cursor:pointer;transition:opacity var(--roam-ref-duration-fast),background-color var(--roam-ref-duration-fast)}
.mk-compare-btn:hover{opacity:var(--roam-ref-opacity-90)}
.mk-compare-btn:focus-visible{outline:none}
.mk-cta{position:relative;overflow:hidden;border-top:0;background:radial-gradient(60% 80% at 100% 0%,var(--roam-ref-palette-gold-a26),transparent 70%),radial-gradient(50% 70% at 0% 100%,var(--roam-ref-palette-teal-a22),transparent 70%),linear-gradient(135deg,var(--roam-ref-palette-forest) 0%,var(--roam-ref-palette-forest-820) 55%,var(--roam-ref-palette-forest-light) 100%);text-align:center;color:var(--roam-ref-palette-cream)}
.mk-cta::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.mk-cta-in{position:relative;z-index:var(--roam-ref-z-raised);max-width:var(--roam-ref-layout-768);margin:0 auto}
.mk-cta-badge{box-sizing:border-box;display:inline-flex;width:fit-content;padding:var(--roam-ref-spacing-6) var(--roam-ref-spacing-14);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold-a20);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-gold-201)}
.mk-cta-title{margin:var(--roam-sys-flow-related) 0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-section);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display)}
.mk-cta-title em{font-style:normal}
.mk-city .mk-cta-title em{color:var(--roam-ref-palette-gold-270)}
.mk-cta-rule{width:64px;height:3px;margin:var(--roam-sys-flow-separated) auto;border:0;border-radius:var(--roam-sys-shape-full);background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-gold))}
.mk-cta-text{max-width:var(--roam-ref-layout-640);margin:var(--roam-sys-flow-related) auto 0;font-size:var(--roam-sys-type-lead);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-190)}
.mk-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--roam-ref-spacing-24);margin-top:var(--roam-sys-flow-separated)}
.mk-cta-main{box-sizing:border-box;display:flex;max-width:100%}
.mk-cta-btn{flex:1 1 0%;display:inline-flex;justify-content:center;align-items:center;gap:var(--roam-ref-spacing-8);box-sizing:border-box;min-height:54px;padding:var(--roam-ref-spacing-8) var(--roam-ref-spacing-28);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-spacing-20);letter-spacing:var(--roam-ref-tracking-sm);text-decoration:none;text-transform:uppercase;text-wrap:balance;color:var(--roam-ref-palette-forest);transition:var(--roam-ref-motion-emphasized-short)}
.mk-cta-btn:hover{color:var(--roam-ref-palette-forest)}
.mk-cta-btn:focus-visible{outline:none}
.mk-cta-arrow{flex-shrink:0;width:var(--roam-ref-spacing-18);height:var(--roam-ref-spacing-18)}
.mk-cta-link{padding:var(--roam-ref-spacing-2) 0;border-bottom:1px solid var(--roam-ref-palette-dark-border-subtle);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-decoration:underline var(--roam-ref-palette-cream-a40);text-transform:uppercase;color:var(--roam-ref-palette-cream)}
.mk-cta-link:hover{border-bottom-color:var(--roam-ref-palette-dark-border-visible);color:var(--roam-ref-palette-cream)}
.mk-cta-note{margin:var(--roam-sys-flow-separated) 0 0;font-size:var(--roam-sys-type-body-sm);color:var(--roam-ref-palette-forest-310);opacity:var(--roam-ref-opacity-50)}

/* ── hub ── */
.mk-hub-hero{position:relative;padding:var(--roam-ref-spacing-72) var(--mk-edge);border-top:1px solid var(--roam-ref-palette-sand-150);background:radial-gradient(55% 70% at 100% 0%,var(--roam-ref-palette-gold-a16),transparent 70%),var(--roam-ref-palette-cream)}
.mk-hub-hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.mk-hub-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--roam-sys-space-split)}
.mk-hub-copy .mk-eyebrow{margin:0 0 var(--roam-sys-flow-related);font-size:var(--roam-sys-type-caption)}
.mk-hub-sum{display:inline-flex;margin:var(--roam-sys-flow-related) 0 0;padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-18);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-white);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-semibold)}
/* The Michigan map (v3/parts/vis-mimap.php) */
.mk-hub-grid > .hv-visual{position:relative;display:grid;place-items:center;padding:var(--roam-ref-spacing-16);border-radius:var(--roam-sys-shape-card);background:radial-gradient(70% 60% at 85% 10%,var(--roam-ref-palette-gold-a28),transparent 70%),radial-gradient(60% 60% at 0% 100%,var(--roam-ref-palette-teal-a16),transparent 70%),linear-gradient(150deg,var(--roam-ref-palette-gold-60) 0%,var(--roam-ref-palette-gold-130) 100%);box-shadow:0 1px 0 var(--roam-ref-palette-white-a70) inset,var(--roam-ref-shadow-5)}
.mk-hub-grid > .hv-visual::before{content:"";position:absolute;inset:var(--roam-ref-spacing-12);border:1px solid var(--roam-ref-palette-white-a70);border-radius:var(--roam-sys-shape-card);pointer-events:none}
.mk-hub-grid > .hv-visual svg{display:block;width:100%;height:auto;max-height:420px}
.mk-hub-sec{margin-bottom:var(--roam-sys-flow-separated)}
.mk-geo + .mk-hub-sec{background:var(--roam-ref-palette-white)}
.mk-sec-desc{max-width:var(--roam-ref-layout-720);margin:var(--roam-sys-flow-related) 0;font-size:var(--roam-sys-type-lead);color:var(--roam-ref-palette-forest-720)}
.mk-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--roam-ref-spacing-16);margin:var(--roam-sys-flow-separated) 0 var(--roam-sys-flow-related);padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white)}
.mk-filter-field{flex:1 1 0%;display:flex;flex-direction:column;gap:var(--roam-sys-flow-tight);min-width:200px;margin:0}
.mk-filter-field span{font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}
.mk-filter-select{padding:0 var(--roam-ref-spacing-48) 0 var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6330' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px;appearance:none;font:var(--roam-ref-weight-medium) var(--roam-sys-type-body-sm) var(--roam-ref-typeface-body);color:var(--roam-ref-palette-forest);cursor:pointer;transition:opacity var(--roam-ref-duration-base) ease}
/* The open list keeps the forest options the filter was designed with. */
.mk-filter-select option{background-color:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}
.mk-filter-select:focus-visible{outline:2px solid var(--roam-ref-palette-teal);outline-offset:2px}
.mk-filter-clear{align-self:end;height:var(--roam-sys-control-height);padding:0 var(--roam-ref-spacing-20);border:1px solid var(--roam-ref-palette-forest-a15);border-radius:var(--roam-sys-shape-full);background:transparent;font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-forest-a50);cursor:pointer;transition:opacity var(--roam-ref-duration-base) ease}
.mk-filter-clear:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-teal-a30);color:var(--roam-ref-palette-forest)}
.mk-showall{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:var(--roam-ref-spacing-40);margin-top:var(--roam-ref-spacing-20);padding:0 var(--roam-ref-spacing-20);border:0;border-radius:var(--roam-sys-shape-full);background:transparent;font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-spacing-20);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;white-space:nowrap;color:var(--roam-ref-palette-teal);cursor:pointer;transition:opacity var(--roam-ref-duration-fast),background-color var(--roam-ref-duration-fast)}
.mk-showall[hidden]{display:none}
.mk-showall:hover{background:var(--roam-ref-palette-teal);color:var(--roam-ref-palette-forest);opacity:var(--roam-ref-opacity-90)}
.mk-showall:focus-visible{outline:none}

@media (min-width:480px){
  .mk-cta-main{padding:0 var(--roam-ref-spacing-20)}
}
@media (min-width:768px){
  .mk-hero-copy .mkk-grid,.mkk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--roam-sys-space-gap)}
  .mk-crumb:not(:first-child,:last-child){display:list-item}
  .mk-crumbs-list:has(> :nth-child(3)) > .mk-crumb-here::before{content:"›"}
  .mk-form{padding:var(--roam-sys-space-pad-lg) var(--roam-sys-space-pad-lg) var(--roam-sys-space-pad)}
  .mk-form-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-season{gap:var(--roam-ref-spacing-8);height:240px}
  .mk-month b{letter-spacing:var(--roam-ref-tracking-xs)}
  .mk-rules-card{padding:var(--roam-ref-spacing-8) var(--roam-sys-space-pad-lg)}
  .mk-rule{flex-direction:row;gap:var(--roam-ref-spacing-24)}
  .mk-rule dd{text-align:right}
  .mk-rules-cta{flex-direction:row;align-items:center;padding:var(--roam-ref-spacing-28) var(--roam-ref-spacing-32)}
  .mk-hoods-grid{grid-template-columns:repeat(2,1fr)}
  .mk-beds-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-bed:nth-child(2n){border-left:0}
  .mk-bed:not(:nth-child(3n+1)){border-left:1px solid var(--roam-ref-palette-sand-90)}
  .mk-bed:nth-child(n+3){border-top:0}
  .mk-bed:nth-child(n+4){border-top:1px solid var(--roam-ref-palette-sand-90)}
  .mk-quotes{grid-template-columns:repeat(2,1fr)}
  .mk-services-grid{grid-template-columns:repeat(2,1fr)}
    .mk-hub-sum{border-radius:var(--roam-sys-shape-full)}
  .mk-hub-grid > .hv-visual{padding:var(--roam-ref-spacing-28);border-radius:var(--roam-sys-shape-container)}
}

@media (min-width:1024px){
  .mk-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
  .mk-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;column-gap:var(--roam-sys-space-split)}
  .mk-split > *{grid-column:2}
  .mk-split > .mk-h2{position:sticky;top:var(--roam-ref-spacing-128);grid-area:1 / 1 / span 8;margin-bottom:var(--roam-sys-flow-related)}
  .mk-split > .mk-beds{grid-column:1 / -1}
  .mk-hoods-grid{grid-template-columns:repeat(3,1fr)}
  .mk-beds-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .mk-bed:not(:nth-child(3n+1)),.mk-bed:nth-child(n+2){border-left:1px solid var(--roam-ref-palette-sand-90)}
  .mk-bed:nth-child(n+4){border-top:0}
  .mk-quotes{grid-template-columns:repeat(3,1fr)}
  .mk-hub-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}

}
/* ── components/mk-card.css ── */
@layer board{

.roam-rollup-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-sys-space-gap);margin-top:var(--roam-sys-flow-major)}
.roam-rollup-child-card{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:var(--roam-sys-flow-coupled);min-height:140px;padding:var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white);text-decoration:none;color:var(--roam-ref-palette-forest);transition:transform var(--roam-ref-duration-base),box-shadow var(--roam-ref-duration-base),border-color var(--roam-ref-duration-base)}
.roam-rollup-child-card:hover{transform:translateY(-3px);border-color:var(--roam-ref-palette-sand-260);box-shadow:var(--roam-ref-shadow-4);color:var(--roam-ref-palette-forest)}
.roam-rollup-child-card:focus-visible{transform:translateY(-2px)}
.mk-card-score{position:absolute;top:var(--roam-ref-spacing-16);right:var(--roam-ref-spacing-16);display:grid;place-items:center;width:36px;height:36px;border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-teal-110);font:var(--roam-ref-weight-bold) var(--roam-sys-type-body-sm)/var(--roam-ref-leading-none) var(--roam-ref-typeface-display);color:var(--roam-ref-palette-teal-670)}
.mk-card-score--exceptional{background:var(--roam-ref-palette-gold-a20);color:var(--roam-ref-palette-gold-640)}
.mk-card-title{order:1;margin:0;padding-right:var(--roam-ref-spacing-48);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-card);letter-spacing:var(--roam-ref-tracking-display)}
.mk-card-stats{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--roam-ref-spacing-8);margin:var(--roam-sys-flow-related) 0 0}
.mk-card-stat{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-2)}
.mk-card-stat dt{font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-stone-440)}
.mk-card-stat dd{margin:var(--roam-sys-flow-tight) 0 0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);font-variant-numeric:tabular-nums}
.mk-card-spark{order:3;display:block;width:100%;height:28px;margin-top:var(--roam-ref-spacing-12)}
.mk-card-empty{margin:0;font-size:var(--roam-sys-type-caption);font-style:italic}

@media (min-width:768px){
  .roam-rollup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:1024px){
  .roam-rollup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:1280px){
  .roam-rollup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

}
/* ── components/mk-dash.css ── */
@layer board{

.mkd{display:flex;flex-direction:column;gap:var(--roam-sys-flow-related);margin-top:var(--roam-sys-flow-major)}
.mkd-row{display:flex;flex-direction:column;gap:var(--roam-sys-flow-related)}
.mkd-card{position:relative;grid-column:1 / -1;overflow:hidden;padding:var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-4)}
.mkd-stat{display:flex;flex-direction:column;gap:var(--roam-sys-flow-close)}

/* score card */
.mkd-score{padding:var(--roam-sys-space-pad-lg);border-color:var(--roam-ref-palette-gold-210);background:radial-gradient(60% 70% at 100% 0%,var(--roam-ref-palette-gold-a18),transparent 70%),linear-gradient(180deg,var(--roam-ref-palette-white) 0%,var(--roam-ref-palette-cream) 100%)}
.mkd-mark{position:absolute;top:var(--roam-ref-spacing-20);right:var(--roam-ref-spacing-20);width:96px;height:auto;opacity:var(--roam-ref-opacity-10);pointer-events:none}
.mkd-eyebrow{margin:0 0 var(--roam-sys-flow-related);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-align:center;text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.mkd-score-grid{display:grid;grid-template-columns:1fr;align-items:start;justify-items:center;gap:var(--roam-ref-spacing-32)}
.mkd-ring{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--roam-sys-flow-tight);width:180px;height:180px;border:var(--roam-ref-spacing-8) solid var(--roam-ref-palette-forest-a12);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white)}
.mkd-ring--exceptional{border-color:var(--roam-ref-palette-gold)}
.mkd-ring--strong{border-color:var(--roam-ref-palette-teal)}
/* The ring figure sits inside the fixed-size ring chart, so its size stays on the reference scale. */
.mkd-ring-num{margin-top:calc(var(--roam-ref-spacing-8) * -1);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-72);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none)}
.mkd-ring-tier{margin-top:var(--roam-sys-flow-coupled);font-size:var(--roam-sys-type-micro);font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-lg);text-transform:uppercase;color:var(--roam-ref-palette-teal)}
.mkd-ring--exceptional .mkd-ring-tier{color:var(--roam-ref-palette-gold-640)}
.mkd-tier{margin:0 0 var(--roam-sys-flow-tight);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-tight);letter-spacing:var(--roam-ref-tracking-display)}
.mkd-score-name{margin:0 0 var(--roam-sys-flow-related);font-size:var(--roam-sys-type-label)}
.mkd-rail{position:relative;height:var(--roam-ref-spacing-8);margin-bottom:var(--roam-sys-flow-tight);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest-a6)}
.mkd-rail-fill{width:var(--v);position:absolute;top:0;bottom:0;left:0;border-radius:var(--roam-sys-shape-full);background:linear-gradient(90deg,var(--roam-ref-palette-bronze),var(--roam-ref-palette-sage),var(--roam-ref-palette-teal),var(--roam-ref-palette-gold))}
.mkd-rail-dot{left:var(--x);box-sizing:border-box;position:absolute;top:-4px;width:var(--roam-ref-spacing-16);height:var(--roam-ref-spacing-16);border:var(--roam-ref-spacing-3) solid var(--roam-ref-palette-forest-a50);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);transform:translateX(-50%)}
.mkd-rail-dot--exceptional{border-color:var(--roam-ref-palette-gold)}
.mkd-rail-dot--strong{border-color:var(--roam-ref-palette-teal)}
.mkd-rail-scale{display:flex;justify-content:space-between;margin-bottom:var(--roam-sys-flow-separated);font-size:var(--roam-sys-type-micro);letter-spacing:var(--roam-ref-tracking-md);color:var(--roam-ref-palette-forest-a40)}
.mkd-inputs{display:flex;flex-direction:column;gap:var(--roam-sys-flow-coupled);margin-bottom:var(--roam-sys-flow-related)}
.mkd-input{display:grid;grid-template-columns:100px 1fr var(--roam-ref-spacing-36);align-items:center;gap:var(--roam-ref-spacing-12)}
.mkd-input-label{font-size:var(--roam-sys-type-micro)}
.mkd-input-bar{position:relative;overflow:hidden;height:var(--roam-ref-spacing-8);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest-a6)}
.mkd-input-fill{width:var(--v);height:100%;border-radius:var(--roam-sys-shape-full);transition:width .6s}
.mkd-input-fill--exceptional{background:var(--roam-ref-palette-gold)}
.mkd-input-fill--strong{background:var(--roam-ref-palette-teal)}
.mkd-input-fill--solid{background:var(--roam-ref-palette-sage)}
.mkd-input-fill--challenging{background:var(--roam-ref-palette-bronze)}
.mkd-input-num{font-family:var(--roam-ref-typeface-display);line-height:var(--roam-ref-leading-none);text-align:right}
.mkd-method-btn{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);padding:var(--roam-ref-spacing-8) var(--roam-ref-spacing-16);border:1px solid var(--roam-ref-palette-sand-260);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-gold-640);cursor:pointer;transition:transform var(--roam-ref-duration-base) ease,opacity var(--roam-ref-duration-base) ease}
.mkd-method-btn:is(:hover,:focus-visible){outline:none;transform:translateY(-1px)}
.mkd-method-chev{width:var(--roam-ref-spacing-14);height:var(--roam-ref-spacing-14);transition:transform var(--roam-ref-duration-base) ease}
.mkd-method-btn[aria-expanded="true"] .mkd-method-chev{transform:rotate(180deg)}
.mkd-method{margin-top:var(--roam-sys-flow-separated);padding:var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-cream)}
.mkd-method h4{margin:0 0 var(--roam-sys-flow-coupled);font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-normal);font-size:var(--roam-sys-type-small)}
.mkd-method p{margin:0 0 var(--roam-sys-flow-close);font-size:var(--roam-sys-type-label);line-height:var(--roam-ref-leading-normal)}
.mkd-method-table{margin:var(--roam-sys-flow-coupled) 0;border-collapse:collapse;font-size:var(--roam-sys-type-caption)}
.mkd-method-table :is(th,td){padding:var(--roam-ref-spacing-4) var(--roam-ref-spacing-6);border-bottom:1px solid var(--roam-ref-palette-forest-a6)}
.mkd-method-table th{font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-forest-a50)}
.mkd-method-table tfoot td{border-bottom:0;font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-forest)}
.mkd-method .mkd-method-note{margin:var(--roam-sys-flow-close) 0 0;font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-forest-a50)}
.mkd-score-note{margin:var(--roam-sys-flow-related) 0 0;font-size:var(--roam-sys-type-label);color:var(--roam-ref-palette-stone-610)}

/* stat cards: score badge top right, centred title, the chart, the caption */
.mkd-badge{position:absolute;top:var(--roam-ref-spacing-16);right:var(--roam-ref-spacing-16);z-index:var(--roam-ref-z-raised);display:flex;flex-direction:column;align-items:center;gap:var(--roam-ref-spacing-4)}
.mkd-badge-ring{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:var(--roam-ref-spacing-36);height:var(--roam-ref-spacing-36);border:2px solid var(--roam-ref-palette-forest-a12);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white)}
.mkd-badge-num{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-body-sm);line-height:var(--roam-ref-leading-none)}
.mkd-badge--exceptional .mkd-badge-ring{border-color:var(--roam-ref-palette-gold)}
.mkd-badge--exceptional .mkd-badge-num{color:var(--roam-ref-palette-gold-640)}
.mkd-badge--strong .mkd-badge-ring{border-color:var(--roam-ref-palette-teal)}
.mkd-badge--strong .mkd-badge-num{color:var(--roam-ref-palette-teal)}
.mkd-badge--solid .mkd-badge-ring{border-color:var(--roam-ref-palette-sage)}
.mkd-badge--solid .mkd-badge-num{color:var(--roam-ref-palette-sage)}
.mkd-badge--challenging .mkd-badge-ring{border-color:var(--roam-ref-palette-bronze)}
.mkd-badge--challenging .mkd-badge-num{color:var(--roam-ref-palette-bronze)}
.mkd-card-head{padding-right:var(--roam-ref-spacing-40);text-align:center}
.mkd-full .mkd-card-head{margin-bottom:var(--roam-sys-flow-related)}
.mkd-card-title{margin:0 0 var(--roam-sys-flow-coupled);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display)}
.mkd-card-sub{margin:0;font-size:var(--roam-sys-type-label);color:var(--roam-ref-palette-stone-610)}
.mkd-card-viz{flex:1 1 0%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--roam-sys-flow-coupled);min-height:0}
.mkd-card-cap{margin:0;font-size:var(--roam-sys-type-caption);line-height:var(--roam-ref-leading-normal);text-align:center;color:var(--roam-ref-palette-stone-610)}
.mkd-full .mkd-card-cap{margin-top:var(--roam-sys-flow-close)}
.mkd-up{margin-right:var(--roam-ref-spacing-4);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-success)}
.mkd-key{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);font-size:var(--roam-sys-type-micro)}
.mkd-key-dot{flex-shrink:0;width:var(--roam-ref-spacing-10);height:var(--roam-ref-spacing-10);border-radius:var(--roam-sys-shape-full)}
.mkd-key-teal{background:var(--roam-ref-palette-teal)}
.mkd-key-teal-soft{background:var(--roam-ref-palette-teal-a30)}
.mkd-key-teal-faint{background:var(--roam-ref-palette-teal-a15)}
.mkd-key-gold{background:var(--roam-ref-palette-gold)}
.mkd-key-sage{background:var(--roam-ref-palette-sage)}
.mkd-key-sage-soft{background:var(--roam-ref-palette-sage-a25)}
.mkd-key-bronze{background:var(--roam-ref-palette-bronze)}
.mkd-key-greige{background:var(--roam-ref-palette-greige)}
.mkd-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--roam-ref-spacing-12);margin-top:var(--roam-sys-flow-close);padding-top:var(--roam-ref-spacing-12);border-top:1px solid var(--roam-ref-palette-forest-a6)}

/* yield arcs and population rings */
.mkd-yield,.mkd-pop{display:flex;justify-content:center}
.mkd-yield-arcs{display:block;width:100%;max-width:var(--roam-ref-layout-420);height:auto;max-height:220px;aspect-ratio:200 / 130}
.mkd-yield-num{margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-figure);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);text-align:center}
.mkd-yield-key{display:grid;grid-template-columns:1fr 1fr;justify-content:center;justify-items:center;gap:var(--roam-ref-spacing-6) var(--roam-ref-spacing-16);max-width:var(--roam-ref-layout-420);margin:0 auto var(--roam-sys-flow-coupled)}
.mkd-pop-rings{position:relative;width:100%;max-width:180px;aspect-ratio:1 / 1}
.mkd-pop-rings svg{width:100%;height:100%}
.mkd-pop-center{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
.mkd-pop-num{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-cream)}
.mkd-pop-key{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--roam-sys-flow-related);margin:0 auto var(--roam-sys-flow-coupled)}

/* occupancy bars */
.mkd-occ{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--roam-ref-spacing-12);width:100%;height:140px}
.mkd-occ-col{position:relative;flex:1 1 0%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--roam-ref-spacing-4);height:100%}
.mkd-occ-fill{height:var(--v);order:2;width:100%;max-width:var(--roam-ref-spacing-48);min-height:var(--roam-ref-spacing-8);border-radius:var(--roam-sys-shape-xs) var(--roam-sys-shape-xs) 0 0}
.mkd-occ-fill--bronze{background:var(--roam-ref-palette-bronze)}
.mkd-occ-fill--sage{background:var(--roam-ref-palette-sage)}
.mkd-occ-fill--gold{background:var(--roam-ref-palette-gold)}
.mkd-occ-num{order:1;font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none)}
.mkd-occ-hl .mkd-occ-num{color:var(--roam-ref-palette-teal)}
.mkd-occ-label{order:3;display:flex;justify-content:center;align-items:flex-end;width:100%;min-height:2.4em;font-size:var(--roam-sys-type-micro);line-height:var(--roam-ref-leading-card);letter-spacing:var(--roam-ref-tracking-md);text-align:center;text-transform:uppercase;color:var(--roam-ref-palette-forest-a50)}

/* regulation dashes */
.mkd-reg{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--roam-ref-spacing-6);width:100%}
.mkd-reg-col{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;gap:var(--roam-sys-flow-coupled);min-width:0}
.mkd-reg-dash{width:100%;max-width:var(--roam-ref-spacing-48);height:var(--roam-ref-spacing-10);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest-a12);transition:opacity var(--roam-ref-duration-base) ease}
.mkd-reg-dash--poor.mkd-reg-dash--filled{background:var(--roam-ref-palette-forest-a50)}
.mkd-reg-dash--challenging.mkd-reg-dash--filled{background:var(--roam-ref-palette-bronze)}
.mkd-reg-dash--solid.mkd-reg-dash--filled{background:var(--roam-ref-palette-sage)}
.mkd-reg-dash--strong.mkd-reg-dash--filled{background:var(--roam-ref-palette-teal)}
.mkd-reg-dash--exceptional.mkd-reg-dash--filled{background:var(--roam-ref-palette-gold)}
.mkd-reg-grade{margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-small);font-weight:var(--roam-ref-weight-normal);line-height:var(--roam-ref-leading-tight);text-align:center}

/* density rows */
.mkd-density{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-10);width:100%}
.mkd-density-row{display:grid;grid-template-columns:120px 1fr var(--roam-ref-spacing-60);align-items:center;gap:var(--roam-ref-spacing-12)}
.mkd-density-name{font-size:var(--roam-sys-type-micro)}
.mkd-density-row--subject .mkd-density-name{font-weight:var(--roam-ref-weight-semibold)}
.mkd-density-track{display:flex;overflow:hidden;height:var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-xs);background:var(--roam-ref-palette-forest-a6)}
.mkd-density-seg{width:var(--v);height:100%}
.mkd-density-seg--local{background:var(--roam-ref-palette-teal)}
.mkd-density-seg--county{background:var(--roam-ref-palette-sage)}
.mkd-density-seg--region{background:var(--roam-ref-palette-greige)}
.mkd-density-total{font-size:var(--roam-sys-type-micro);font-variant-numeric:tabular-nums;text-align:right}

/* revenue trend */
.mkd-trend-bar{display:flex;justify-content:flex-end}
.mkd-toggle{display:inline-flex;gap:var(--roam-ref-spacing-4);padding:var(--roam-ref-spacing-4);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest-a6)}
.roam-dash-trend-toggle-option{padding:var(--roam-ref-spacing-6) var(--roam-ref-spacing-16);border:0;border-radius:var(--roam-sys-shape-full);background:transparent;font-family:var(--roam-ref-typeface-body);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-forest-a50);cursor:pointer;transition:opacity var(--roam-ref-duration-base) ease}
.roam-dash-trend-toggle-option:is(:hover,:focus-visible){outline:none;color:var(--roam-ref-palette-forest)}
.roam-dash-trend-toggle-option--active{background:var(--roam-ref-palette-white);box-shadow:0 1px 2px var(--roam-ref-palette-forest-a12);color:var(--roam-ref-palette-forest)}
.mkd-trend{display:grid;grid-template-columns:var(--roam-ref-spacing-48) 1fr;grid-template-rows:200px auto;gap:var(--roam-ref-spacing-4);width:100%}
.mkd-trend-y{display:flex;flex-direction:column;justify-content:space-between;height:200px;font-size:var(--roam-sys-type-micro);font-variant-numeric:tabular-nums;text-align:right;color:var(--roam-ref-palette-forest-a50)}
.mkd-trend-chart{position:relative;overflow:hidden;height:200px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-forest-a6)}
.mkd-trend-svg{display:block;width:100%;height:100%}
.mkd-trend-gap{grid-column:1}
.mkd-trend-x{grid-column:2;display:flex;justify-content:space-between;font-size:var(--roam-sys-type-micro);font-variant-numeric:tabular-nums;letter-spacing:var(--roam-ref-tracking-md);color:var(--roam-ref-palette-forest-a50)}

/* seasonal bars */
.mkd-season{position:relative;display:flex;align-items:flex-end;gap:var(--roam-ref-spacing-4);width:100%;height:140px}
.mkd-season-mean{bottom:var(--v);position:absolute;right:0;left:0;z-index:var(--roam-ref-z-raised);border-top:1.5px dashed var(--roam-ref-palette-sage);pointer-events:none}
.mkd-season-mean-label{position:absolute;top:-18px;right:0;padding:0 var(--roam-ref-spacing-4);background:var(--roam-ref-palette-white);font-size:var(--roam-sys-type-micro);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-sage)}
.mkd-season-col{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--roam-sys-flow-tight);height:100%}
.mkd-season-bar{height:var(--v);width:100%;max-width:var(--roam-ref-spacing-28);min-height:var(--roam-ref-spacing-4);border-radius:var(--roam-sys-shape-xs) var(--roam-sys-shape-xs) 0 0}
.mkd-season-bar--peak{background:var(--roam-ref-palette-gold)}
.mkd-season-bar--shoulder{background:var(--roam-ref-palette-teal)}
.mkd-season-bar--off{background:var(--roam-ref-palette-teal-a30)}
.mkd-season-label{font-size:var(--roam-sys-type-micro);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-forest-a50)}
/* Phones label each month with its initial (twelve three-letter names need ~300px, more than the card), and the
   chart spans the card in twelve equal columns; the full name stays for screen readers and shows from 480px. */
.mkd-season-m{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* proof card: projected lift, ROAM's advantages and the forecast call to action */
.mkd-proof{display:grid;grid-template-columns:1fr;align-items:stretch;gap:var(--roam-sys-flow-separated);margin:var(--roam-sys-flow-related) 0}
.mkd-lift{display:flex;flex-direction:column;gap:var(--roam-sys-flow-coupled)}
.mkd-lift-label{margin:0 0 var(--roam-sys-flow-tight);font-size:var(--roam-sys-type-caption);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase}
.mkd-lift-row{display:grid;grid-template-columns:var(--roam-ref-spacing-80) 1fr var(--roam-ref-spacing-60);align-items:center;gap:var(--roam-ref-spacing-10)}
.mkd-lift-name{font-size:var(--roam-sys-type-micro)}
.mkd-lift-track{overflow:hidden;height:var(--roam-ref-spacing-16);border-radius:var(--roam-sys-shape-xs);background:var(--roam-ref-palette-forest-a6)}
.mkd-lift-fill{width:var(--v);height:100%;border-radius:var(--roam-sys-shape-xs);background:var(--roam-ref-palette-sage)}
.mkd-lift-num{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-body-sm);font-variant-numeric:tabular-nums;text-align:right}
.mkd-lift-row--roam :is(.mkd-lift-name,.mkd-lift-num){font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-teal)}
.mkd-lift-delta{margin-top:var(--roam-sys-flow-coupled);padding:var(--roam-sys-space-pad-sm) var(--roam-sys-space-pad);border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-teal-a10);text-align:center}
.mkd-lift-delta-num{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-teal)}
.mkd-lift-delta-text{margin-top:var(--roam-sys-flow-tight);font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-forest-a50)}
.mkd-proof-stats{display:flex;flex-direction:column;justify-content:center;gap:var(--roam-sys-flow-related)}
.mkd-proof-stat{text-align:center}
.mkd-proof-num{margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-figure-sm);line-height:var(--roam-ref-leading-none)}
.mkd-proof-text{margin:var(--roam-sys-flow-tight) 0 0;font-size:var(--roam-sys-type-caption);line-height:var(--roam-ref-leading-normal)}
.mkd-proof-cta{display:flex;flex-direction:column;justify-content:center;gap:var(--roam-sys-flow-coupled);padding:var(--roam-sys-space-pad-sm);border-radius:var(--roam-sys-shape-xl);background:radial-gradient(80% 80% at 100% 0%,var(--roam-ref-palette-gold-270-a45),transparent 70%),var(--roam-ref-palette-forest-soft);text-align:center;color:var(--roam-ref-palette-cream)}
.mkd-proof-eyebrow{margin:0;font-size:var(--roam-sys-type-caption);letter-spacing:var(--roam-ref-tracking-lg);text-transform:uppercase;opacity:var(--roam-ref-opacity-90)}
.mkd-proof-head{margin:0 0 var(--roam-sys-flow-tight);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-small);line-height:var(--roam-ref-leading-tight)}
.mkd-proof-btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--roam-sys-flow-coupled);padding:var(--roam-ref-spacing-12) var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--roam-ref-palette-forest);transition:transform var(--roam-ref-duration-base) ease,opacity var(--roam-ref-duration-base) ease}
.mkd-proof-btn:is(:hover,:focus-visible){outline:none;transform:translateY(-1px);color:var(--roam-ref-palette-forest)}
.mkd-proof-btn svg{width:var(--roam-ref-spacing-14);height:var(--roam-ref-spacing-14)}
.mkd-proof-note{margin:0;font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-cream-a82);opacity:var(--roam-ref-opacity-80)}

/* placeholders while a score or series is missing */
.mkd-skel{display:block;border-radius:var(--roam-sys-shape-xs);background:linear-gradient(90deg,var(--roam-ref-palette-forest-a6) 0%,var(--roam-ref-palette-forest-a12) 50%,var(--roam-ref-palette-forest-a6) 100%);background-size:200% 100%;animation:mkd-shimmer 1.6s ease-in-out infinite}
.mkd-skel-ring{width:60%;height:60%;border-radius:var(--roam-sys-shape-full)}
.mkd-skel-bar-sm{width:100%;height:var(--roam-ref-spacing-8);border-radius:var(--roam-sys-shape-full)}
.mkd-skel-bar-lg{width:100%;height:var(--roam-ref-spacing-16)}
.mkd-skel-badge{width:var(--roam-ref-spacing-24);height:var(--roam-ref-spacing-16)}
.mkd-skel-pop{width:140px;height:140px;border-radius:var(--roam-sys-shape-full)}
.mkd-skel-occ{order:2;width:100%;max-width:var(--roam-ref-spacing-48);height:60%;min-height:var(--roam-ref-spacing-8);border-radius:var(--roam-sys-shape-xs) var(--roam-sys-shape-xs) 0 0}
.mkd-skel-season{width:100%;max-width:var(--roam-ref-spacing-28);height:60%;border-radius:var(--roam-sys-shape-xs) var(--roam-sys-shape-xs) 0 0}
.mkd-skel-text{display:inline-block;height:var(--roam-ref-spacing-12);vertical-align:middle}
.mkd-skel-name{width:80px}
.mkd-skel-num{width:40px}
.mkd-skel-trend{display:flex;justify-content:center;align-items:center;max-width:400px;height:100%;padding:var(--roam-ref-spacing-8);background:none;animation:none;font-size:var(--roam-sys-type-caption);text-align:center;color:var(--roam-ref-palette-forest-a50)}
.mkd-reg-dash--skeleton{background:linear-gradient(90deg,var(--roam-ref-palette-forest-a6) 0%,var(--roam-ref-palette-forest-a12) 50%,var(--roam-ref-palette-forest-a6) 100%);background-size:200% 100%;animation:mkd-shimmer 1.6s ease-in-out infinite}
@keyframes mkd-shimmer{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

@media (min-width:480px){
.mkd-season{width:auto}
.mkd-season-col{min-width:auto}
.mkd-season-l{display:none}
.mkd-season-m{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}

@media (min-width:768px){
  .mkd-row{display:grid;grid-template-columns:repeat(2,1fr)}
  .mkd-stat:not(.mkd-wide){grid-column:span 1}
  .mkd-score-grid{grid-template-columns:180px 1fr;justify-items:normal}
  .mkd-method-table :is(th,td){padding:var(--roam-ref-spacing-6) var(--roam-ref-spacing-8)}
}

@media (min-width:1024px){
  .mkd-row{grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto minmax(100px,1fr) auto auto;gap:var(--roam-sys-space-gap) var(--roam-sys-flow-related)}
  .mkd-row > .mkd-card{grid-row:1 / -1;grid-column:span 1}
  .mkd-row > .mkd-wide{grid-column:span 2}
  .mkd-row > .mkd-full{grid-column:span 4}
  .mkd-stat{display:grid;grid-template-rows:subgrid;gap:0}
  .mkd-stat .mkd-card-head{display:contents}
  .mkd-card-viz{width:100%}
  .mkd-proof{grid-template-columns:2fr 1fr 1fr}
}

}
/* ── components/grid.css ── */
@layer board{

.g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-sys-space-gap)}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (min-width:768px){
.g-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-md-2>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - var(--roam-sys-space-gap) / 2)}
}

@media (min-width:1024px){
.g-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-lg-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.g-md-2>:last-child:nth-child(odd){grid-column:auto;justify-self:auto;width:auto}
}

}
/* ── components/header.css ── */
@layer board{




body{overflow-x:clip}


/* Platform status pills after a stat row (/guarantee/): the major flow step, as the old badge row had. */


}
/* ── components/site-header.css ── */
@layer board{

/* ── Guarantee bar ───────────────────────────────────────────────────────────────────────────────────────── */
.v3-bar{display:block;box-sizing:border-box;height:36px;padding:9px 0;background:var(--roam-ref-palette-gold);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-medium);line-height:18px;text-decoration:none;color:var(--roam-ref-palette-forest)}
.v3-bar:has(.v3-bar-link:hover){background:var(--roam-ref-palette-gold-370)}
/* One line at every width; the close button sits over the row's right end. */
.v3-bar-row{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-8);font-size:var(--roam-sys-type-caption);white-space:nowrap}
.v3-bar-link{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);margin-right:var(--roam-ref-spacing-24);text-decoration:none;color:inherit}
.v3-bar-ic{display:none;flex:none;place-items:center;box-sizing:border-box;width:18px;height:18px;border:1.5px solid var(--roam-ref-palette-forest-a50);border-radius:50%;font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-forest)}
/* The guarantee's qualifier and terms link, from 768px. */
.v3-bar-more{display:none}
.v3-bar-more a{text-decoration:underline;text-underline-offset:var(--roam-ref-spacing-3);color:inherit}
.v3-bar-x{position:absolute;top:50%;right:calc(var(--roam-sys-space-page-x) - var(--roam-ref-spacing-12));width:44px;height:44px;padding:0;border:0;background:transparent;font:inherit;color:inherit;opacity:var(--roam-ref-opacity-70);cursor:pointer;transform:translateY(-50%);transition:opacity var(--roam-ref-duration-fast) ease}
.v3-bar-x:is(:hover,:focus-visible){opacity:1}
/* The two-bar X. */
.roam-x{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-6)}
.roam-x__bar{width:20px;height:2px;border-radius:var(--roam-sys-shape-xs);background:currentColor}
.roam-x__bar:first-child{transform:rotate(45deg) translateY(4px)}
.roam-x__bar:last-child{transform:rotate(-45deg) translateY(-4px)}

/* ── Header row ──────────────────────────────────────────────────────────────────────────────────────────── */
.v3-hdr{position:sticky;top:0;z-index:var(--roam-ref-z-dropdown);border-bottom:1px solid var(--roam-ref-palette-cream-a6);background:linear-gradient(145deg,var(--roam-ref-palette-forest) 0%,var(--roam-ref-palette-forest-light) 100%)}
.v3-hdr-row{display:flex;align-items:center;height:64px}
.v3-hdr-logo{display:flex;align-items:center}
.v3-hdr-logo-img{display:block;width:auto;height:24px}

/* The menus (from 1024px). */
.v3-nav{display:none}
.v3-nav-item{position:relative;display:flex;align-items:center;min-height:72px}
.v3-nav-top{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);font-size:var(--roam-sys-type-body);font-weight:var(--roam-ref-weight-medium);white-space:nowrap;text-decoration:none;color:var(--roam-ref-palette-cream-a86)}
.v3-nav-top:hover,.v3-nav-item.is-open .v3-nav-top{color:var(--roam-ref-palette-cream)}
.v3-nav-top svg{transition:transform var(--roam-ref-duration-base)}
.v3-nav-item.is-open .v3-nav-top svg{transform:rotate(180deg)}
.v3-menu{position:absolute;top:100%;left:50%;z-index:var(--roam-ref-z-nav);min-width:260px;padding:var(--roam-sys-space-pad-sm);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-4),var(--roam-ref-shadow-1);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity var(--roam-ref-duration-fast),transform var(--roam-ref-duration-fast),visibility var(--roam-ref-duration-fast)}
.v3-nav-item.is-open .v3-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.v3-menu-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--roam-ref-spacing-4) var(--roam-ref-spacing-12);min-width:520px}
.v3-menu ul{margin:0;padding:0;list-style:none}
.v3-menu a{display:block;padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-14);border-radius:var(--roam-sys-shape-lg);font-size:var(--roam-sys-type-body);font-weight:var(--roam-ref-weight-medium);line-height:var(--roam-ref-leading-cozy);white-space:nowrap;text-decoration:none;color:var(--roam-ref-palette-forest)}
.v3-menu a:is(:hover,:focus-visible){background:var(--roam-ref-palette-sand-90);color:var(--roam-ref-palette-forest)}
.v3-menu a[aria-current="page"]{background:var(--roam-ref-palette-gold-60);color:var(--roam-ref-palette-gold-640)}
.v3-menu-group{padding-left:var(--roam-ref-spacing-12);border-left:1px solid var(--roam-ref-palette-sand-90)}
.v3-menu-label{margin:var(--roam-sys-flow-tight) var(--roam-ref-spacing-14);font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}

/* The phone number (from 1280px) and the call to action. */
.v3-hdr-phone{display:none;font-size:var(--roam-sys-type-body);font-weight:var(--roam-ref-weight-semibold);white-space:nowrap;text-decoration:none;color:var(--roam-ref-palette-cream)}
.v3-hdr-phone:is(:hover,:focus-visible){text-decoration:underline;color:var(--roam-ref-palette-cream)}
.v3-hdr-cta{height:32px;min-height:32px;margin-left:auto;padding:0 var(--roam-ref-spacing-18);font-size:var(--roam-sys-type-body-sm);letter-spacing:var(--roam-ref-tracking-sm);line-height:var(--roam-ref-leading-none);white-space:nowrap}
.v3-hdr-cta-long{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
.v3-hdr-cta-short{display:inline}

/* The burger: two bars that turn into an X while the drawer is open. */
.v3-burger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 -10px 0 -8px;padding:0;border:0;background:transparent;cursor:pointer}
.v3-burger-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--roam-ref-spacing-6);width:28px;height:28px}
.v3-burger-l,.v3-burger-s{display:block;border-radius:var(--roam-sys-shape-xs);background:var(--roam-ref-palette-cream);transition:transform var(--roam-ref-duration-base)}
.v3-burger-l{width:20px;height:2px}
.v3-burger-s{width:14px;height:1px}
.v3-drawer-open .v3-burger-l{transform:rotate(45deg) translateY(4px)}
.v3-drawer-open .v3-burger-s{width:20px;transform:rotate(-45deg) translateY(-4px)}

/* ── Drawer (under 1024px): a panel floating under the header row ───────────────────────────────────────── */
html.v3-drawer-open{overflow:hidden}
.v3-drawer{position:absolute;top:calc(100% + var(--roam-ref-spacing-8));right:var(--roam-ref-spacing-8);left:var(--roam-ref-spacing-8);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-cream);box-shadow:var(--roam-ref-shadow-5)}
.v3-drawer .wrap{padding-top:var(--roam-ref-spacing-8);padding-bottom:var(--roam-ref-spacing-24)}
.v3-drawer-group{border-bottom:1px solid var(--roam-ref-palette-sand-150)}
.v3-drawer-group summary{padding:var(--roam-ref-spacing-16) 0;font-size:var(--roam-sys-type-small);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-forest)}
.v3-drawer-group summary svg{flex:none;color:var(--roam-ref-palette-gold-640);transition:transform var(--roam-ref-duration-base)}
.v3-drawer-group[open] summary svg{transform:rotate(180deg)}
.v3-drawer-group ul{margin:0 0 var(--roam-sys-flow-close);padding:0;list-style:none}
.v3-drawer-group a{display:flex;align-items:center;min-height:44px;padding:0 var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-lg);font-size:var(--roam-sys-type-body);text-decoration:none;color:var(--roam-ref-palette-forest-720)}
.v3-drawer-group a:hover{background:var(--roam-ref-palette-sand-90);color:var(--roam-ref-palette-forest)}
.v3-drawer .v3-menu-label{margin:var(--roam-sys-flow-tight) var(--roam-ref-spacing-12)}
.v3-drawer-foot{display:flex;flex-direction:column;align-items:stretch;gap:var(--roam-ref-spacing-14);padding-top:var(--roam-ref-spacing-20);text-align:center}
.v3-drawer-foot a.num{font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-forest)}

@media (min-width:480px){
.v3-bar-ic{display:inline-grid}
.v3-hdr-cta-long{position:static;overflow:visible;width:auto;height:auto;clip:auto}
.v3-hdr-cta-short{display:none}
}

@media (min-width:768px){
.v3-bar-row{gap:var(--roam-ref-spacing-10);font-size:inherit;white-space:normal}
.v3-bar-link{gap:var(--roam-ref-spacing-10);margin-right:0}
.v3-bar-more{display:inline}
.v3-hdr-row{gap:var(--roam-ref-spacing-36);height:72px}
.v3-hdr-logo-img{height:32px}
.v3-hdr-cta{height:auto;min-height:40px;line-height:inherit}
.v3-burger{margin-left:var(--roam-ref-spacing-8)}
}

@media (min-width:1024px){
.v3-hdr-row{gap:0}
.v3-nav{display:flex;flex:1;justify-content:space-evenly}
.v3-burger,.v3-drawer{display:none}
html.v3-drawer-open{overflow:visible}
}

@media (min-width:1280px){
.v3-hdr-phone{display:inline}
.v3-hdr-cta{margin-left:var(--roam-ref-spacing-36);padding:0 var(--roam-ref-spacing-20);font-size:var(--roam-sys-type-label);letter-spacing:var(--roam-ref-tracking-xs)}
}

}
/* ── components/footer.css ── */
@layer board{

.v3-footer{padding:var(--roam-sys-space-section-y) 0 var(--roam-sys-flow-major);overflow:hidden;background:linear-gradient(180deg,var(--roam-ref-palette-cream) 0%,var(--roam-ref-palette-sand-90) 100%);box-shadow:inset 0 12px 24px -12px var(--roam-ref-palette-forest-a12);color:var(--roam-ref-palette-forest)}

/* ── Brand and contact ───────────────────────────────────────────────────────────────────────────────────── */
.footer-top{display:flex;flex-direction:column;justify-content:space-between;gap:var(--roam-sys-space-split);padding-bottom:var(--roam-sys-space-section-y);border-bottom:1px solid var(--roam-ref-palette-sand-190)}
.footer-brand{max-width:440px}
.footer-logo{display:inline-block}
.footer-logo-img{display:block;width:auto;height:40px}
.footer-about{margin:var(--roam-sys-flow-related) 0 0;line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.footer-social{display:flex;gap:var(--roam-ref-spacing-10);margin-top:var(--roam-sys-flow-separated)}
.footer-social-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--roam-ref-palette-sand-190);border-radius:50%;color:var(--roam-ref-palette-forest)}
.footer-social-link:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-forest)}
/* Column headings carry a short gold rule under them. */
.footer-heading{margin:0 0 var(--roam-sys-flow-related);padding-bottom:var(--roam-ref-spacing-10);background:linear-gradient(90deg,var(--roam-ref-palette-gold) 0 28px,transparent 28px) bottom left/100% 2px no-repeat;font-size:var(--roam-sys-type-caption);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-forest)}
.footer-heading-link{text-decoration:none;color:inherit}
.footer-contact{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-8);max-width:420px}
.footer-contact-link{display:inline-flex;align-items:center;height:36px;padding:0 var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-sys-type-body-sm);font-weight:var(--roam-ref-weight-medium);text-decoration:none;color:var(--roam-ref-palette-forest)}
.footer-cta{min-height:44px;margin-top:var(--roam-ref-spacing-18);font-size:var(--roam-sys-type-body-sm)}

/* ── Link columns ────────────────────────────────────────────────────────────────────────────────────────── */
.footer-cols{gap:var(--roam-sys-space-gap);padding:var(--roam-sys-space-section-y) 0}
.footer-col{min-width:0}
.footer-links{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-10);margin:0;padding:0;list-style:none}
.footer-link{font-size:var(--roam-sys-type-body-sm);line-height:var(--roam-ref-leading-cozy);text-decoration:none;color:var(--roam-ref-palette-forest-720)}
:is(.footer-heading-link,.footer-contact-link,.footer-link):is(:hover,:focus-visible){text-decoration:underline;color:var(--roam-ref-palette-forest)}

.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--roam-ref-spacing-16);padding-top:var(--roam-sys-flow-separated);border-top:1px solid var(--roam-ref-palette-sand-150);font-size:var(--roam-sys-type-label);color:var(--roam-ref-palette-stone-610)}

@media (min-width:768px){
.footer-cols{row-gap:var(--roam-sys-space-split)}
}

@media (min-width:1024px){
.footer-top{flex-direction:row}
}

}
/* ── components/mk-print.css ── */
@layer board{

@media print{
@page{margin:1.5cm}
.v3-bar,.v3-hdr,.v3-drawer,.v3-footer,.mk-hero-form,.mk-cta,.mk-rules-cta,.mkc-cta,.mkd-toggle,.mkc-toggle{display:none}
.mk{print-color-adjust:exact}
#hubspot-messages-iframe-container{visibility:hidden}
.mkk,.mkd-card,.mkc,.roam-rollup-child-card,.mk-compare-card,.mk-rules-card,.mk-hood,.mk-quote,.mk-season,.mk-faq-item{break-inside:avoid}
.mk::before{content:"ROAM MGMT — Market Report";display:block;margin-bottom:var(--roam-sys-flow-close);padding:0 var(--mk-edge) var(--roam-sys-flow-coupled);border-bottom:1px solid var(--roam-ref-palette-forest-a12);font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-stone-610)}
.mk-faq-item::details-content{content-visibility:visible;height:auto}
.mk-rules-source::after{content:" (" attr(href) ")";font-size:var(--roam-sys-type-caption);color:var(--roam-ref-palette-stone-610)}
}

}