/* Shared, token-driven SEO site sections — each prototype maps its palette
   onto the --s-* tokens via an inline style on the .mfsite wrapper. */
.mfsite{
  --_bg:var(--s-bg,#faf6ef); --_surface:var(--s-surface,#ffffff);
  --_ink:var(--s-ink,#1e1a17); --_muted:var(--s-muted,#5c554e);
  --_accent:var(--s-accent,#8a1c1c); --_accent2:var(--s-accent2,#ff5a1f);
  --_line:var(--s-line,#e9ddcc); --_body:var(--s-body,inherit); --_display:var(--s-display,inherit);
  background:var(--_bg); color:var(--_ink); font-family:var(--_body);
}
.mfsite .mf-sec{padding:clamp(40px,6vw,72px) 0;border-top:1px solid var(--_line)}
.mfsite .mf-wrap{max-width:1000px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.mfsite h2{font-family:var(--_display);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 8px;color:var(--_ink);letter-spacing:-.01em}
.mfsite .mf-sub{color:var(--_muted);max-width:64ch;line-height:1.6;margin:0 0 18px}
.mfsite .mf-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
@media(max-width:760px){.mfsite .mf-cards{grid-template-columns:1fr 1fr}}
.mfsite .mf-card{background:var(--_surface);border:1px solid var(--_line);border-radius:12px;padding:16px}
.mfsite .mf-card h3{font-size:1rem;color:var(--_accent);margin:0 0 4px}
.mfsite .mf-card p{color:var(--_muted);font-size:.9rem;line-height:1.5}

/* menu */
.mfsite .mf-cols{columns:2;column-gap:48px}
@media(max-width:680px){.mfsite .mf-cols{columns:1}}
.mfsite .mf-cat{break-inside:avoid;margin:0 0 18px}
.mfsite .mf-cat h3{font-family:var(--_display);font-size:1.15rem;color:var(--_accent);border-bottom:2px solid var(--_line);padding-bottom:6px;margin:0 0 4px;letter-spacing:.01em}
.mfsite .mf-note{color:var(--_muted);font-size:.86rem;margin:0 0 6px}
.mfsite .mf-item{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--_line)}
.mfsite .mf-item .n{font-weight:600}
.mfsite .mf-item .d{display:block;color:var(--_muted);font-weight:400;font-size:.84rem;line-height:1.35}
.mfsite .mf-item .p{color:var(--_accent);font-weight:700;white-space:nowrap}
.mfsite .mf-boards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
@media(max-width:680px){.mfsite .mf-boards{grid-template-columns:1fr}}
.mfsite .mf-boards img{width:100%;border-radius:12px;border:1px solid var(--_line)}

/* photos */
.mfsite .mf-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:680px){.mfsite .mf-photos{grid-template-columns:1fr 1fr}}
.mfsite .mf-photos img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid var(--_line)}

/* visit */
.mfsite .mf-visit{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
@media(max-width:760px){.mfsite .mf-visit{grid-template-columns:1fr}}
.mfsite .mf-visit img{width:100%;height:auto;border-radius:12px;border:1px solid var(--_line);object-fit:cover;aspect-ratio:4/3;max-height:460px}
.mfsite .mf-info{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 12px}
.mfsite .mf-info dt{color:var(--_muted);font-weight:600}
.mfsite .mf-info dd{margin:0}
.mfsite .mf-info a{color:var(--_accent);font-weight:600}
.mfsite .mf-map{border:1px solid var(--_line);border-radius:12px;overflow:hidden;line-height:0}
.mfsite .mf-map iframe{width:100%;height:300px;border:0;display:block}

/* order */
.mfsite .mf-order{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.mfsite .mf-order a{padding:11px 20px;border:1px solid var(--_line);border-radius:999px;font-weight:700;color:var(--_ink)}
.mfsite .mf-order a.pri{background:linear-gradient(180deg,var(--_accent2),var(--_accent));color:#fff;border-color:transparent}
.mfsite .mf-order a:hover{border-color:var(--_accent);color:var(--_accent)}
.mfsite .mf-order a.pri:hover{color:#fff}

/* faq */
.mfsite .mf-faq details{background:var(--_surface);border:1px solid var(--_line);border-radius:12px;padding:2px 16px;margin-bottom:10px}
.mfsite .mf-faq summary{padding:12px 0;font-weight:600;cursor:pointer;list-style:none}
.mfsite .mf-faq summary::-webkit-details-marker{display:none}
.mfsite .mf-faq summary::after{content:"+";float:right;color:var(--_accent);font-weight:700}
.mfsite .mf-faq details[open] summary::after{content:"–"}
.mfsite .mf-faq p{color:var(--_muted);padding-bottom:12px;line-height:1.55}

/* shared footer (always dark, works under any theme) */
.mf-foot{background:#0e0b09;color:#b3a390;padding:32px 0;font-family:var(--s-body,inherit)}
.mf-foot .mf-wrap{max-width:1000px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.mf-foot a{color:#ffb02a;font-weight:600}
.mf-foot strong{color:#f6efe1}
.mf-foot p{line-height:1.7;margin:0 0 4px}

/* print-menu button (replaces inline board images) */
.mfsite .mf-print{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--_line)}
.mfsite .mf-print__lbl{color:var(--_muted);font-weight:600;margin:0}
.mfsite .mf-pbtn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:700;border:1px solid var(--_accent);color:var(--_accent);background:transparent}
.mfsite .mf-pbtn:hover{background:var(--_accent);color:#fff}

/* Detroit Signal review chrome — always-visible on prototype pages */
body{padding-top:50px}
.ds-review{position:fixed;top:0;left:0;right:0;height:50px;z-index:99999;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  padding:0 clamp(12px,3vw,24px);background:rgba(12,11,10,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(245,239,227,.14);font-family:'Inter',system-ui,sans-serif;font-size:.85rem;color:#cfc6b8}
.ds-review a{text-decoration:none}
.ds-review__back{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(245,239,227,.2);color:#f5efe3;font-weight:600;padding:7px 15px;border-radius:999px;transition:background .2s,color .2s,border-color .2s}
.ds-review__back:hover{background:#2563eb;color:#fff;border-color:#2563eb}
.ds-review__brand{justify-self:center;display:inline-flex;align-items:center;gap:9px;color:#f5efe3;font-weight:700;font-size:.92rem}
.ds-review__brand svg{width:26px;height:26px;display:block;flex-shrink:0}
.ds-review__contact{justify-self:end;display:flex;align-items:center;gap:1rem}
.ds-review__contact a{display:inline-flex;align-items:center;gap:.4rem;color:#cfc6b8;transition:color .2s}
.ds-review__contact a:hover{color:#3b82f6}
.ds-review__contact svg{width:14px;height:14px;stroke:currentColor;fill:none;flex-shrink:0}
@media(max-width:720px){.ds-review__brand-name{display:none}.ds-review__contact .lbl{display:none}.ds-review__contact{gap:.9rem}}
@media(max-width:560px){.ds-review__back-txt{display:none}}
/* push each prototype's own sticky/fixed header below the review bar */
header.top,header.site,.nav{top:50px !important}