/* =====================================================================
   PLOTART · MOBILE GALLERY · private concept (3 Nov 2026)
   Builds on plotart.css tokens (body.pa). Every rule is scoped to .mg-
   classes so nothing here can affect another PlotArt page.
   Idea: an evening room with one wall waiting. Line drawings, empty
   frames and a single wash of window light. The galleries' own work
   will fill the frames once permission exists; until then the empty
   frame is the honest image.
   ===================================================================== */
body.pa.mg{ --light:#D9B07A; --light-soft:rgba(217,176,122,.16); }

/* ---- private concept ribbon ---------------------------------------- */
.mg-ribbon{ background:#33261F; color:#E9C9B5; font-size:13px; line-height:1.45; padding:9px 0; }
.mg-ribbon .pa-wrap{ display:flex; flex-wrap:wrap; gap:4px 14px; align-items:baseline; justify-content:center; text-align:center; }
.mg-ribbon strong{ color:#F6DCCB; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:11.5px; }


/* ---- hero ------------------------------------------------------------ */
.mg-hero .pa-wrap{ display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:clamp(32px, 5vw, 80px); align-items:center;
  padding-top:clamp(44px, 6vw, 96px); padding-bottom:clamp(48px, 6vw, 96px); }
.mg-hero h1{ font-size:clamp(52px, 6.6vw, 112px); line-height:.9; letter-spacing:-.02em; text-transform:uppercase; max-width:11ch; text-wrap:balance; }
.mg-hero h1 em{ font-style:italic; text-transform:none; color:var(--light); letter-spacing:-.01em; }
.mg-hero .pa-lede{ margin:28px 0 0; font-family:var(--serif); font-size:clamp(22px, 2vw, 29px); line-height:1.3; color:var(--ivory); max-width:30ch; }
.mg-hero .pa-actions{ margin-top:34px; display:flex; flex-wrap:wrap; gap:12px; }
.mg-hero-sub{ margin:18px 0 0; max-width:46ch; }
.mg-hero-fig{ margin:0; min-width:0; }
.mg-hero-img{ position:relative; border-radius:var(--r); overflow:hidden; box-shadow:0 2px 4px rgba(0,0,0,.3), 0 30px 60px rgba(0,0,0,.35); }
.mg-hero-img img{ width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; display:block; transform:scale(1.035); transform-origin:50% 30%; animation:mgSettle 1.6s cubic-bezier(.2,.7,.2,1) .1s both; }
@keyframes mgSettle{ from{ transform:scale(1.07); } to{ transform:scale(1.035); } }
@media (prefers-reduced-motion:reduce){ .mg-hero-img img{ animation:none; } }
/* a gallery wall label, the small card that sits beside a work in a gallery */
.mg-label{ position:absolute; right:clamp(12px, 2vw, 22px); bottom:clamp(12px, 2vw, 22px); display:grid; gap:1px; padding:11px 15px 12px; background:rgba(242,235,224,.94); color:#27282A; border-radius:3px; box-shadow:0 6px 18px rgba(0,0,0,.25); min-width:150px; }
.mg-label-a{ font-family:var(--sans); font-size:12.5px; font-weight:600; letter-spacing:.02em; }
.mg-label-t{ font-family:var(--serif); font-style:italic; font-size:17px; line-height:1.2; }
.mg-label-m{ font-family:var(--sans); font-size:11.5px; color:#5B5751; }
.mg-hero-fig figcaption{ margin-top:14px; display:flex; gap:10px 14px; align-items:flex-start; justify-content:space-between; font-size:13px; line-height:1.5; color:var(--mute); }
.mg-hero-fig figcaption span:first-child{ max-width:62ch; }
@media (max-width:560px){ .mg-hero-fig figcaption{ flex-direction:column; } .mg-label{ min-width:0; padding:8px 11px 9px; } .mg-label-t{ font-size:15px; } }
@media (max-width:900px){ .mg-hero .pa-wrap{ grid-template-columns:1fr; } .mg-hero h1{ max-width:none; } }

/* ---- five promises (a ruled line, not cards) ------------------------- */
.mg-promise{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--anth); }
.mg-promise ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); }
.mg-promise li{ padding:22px 18px 22px 0; font-family:var(--serif); font-size:clamp(19px, 1.6vw, 23px); color:var(--ivory); line-height:1.15; }
.mg-promise li + li{ padding-left:18px; border-left:1px solid var(--line); }
.mg-promise li span{ display:block; font-family:var(--sans); font-size:13px; color:var(--stone); margin-top:6px; line-height:1.45; }
@media (max-width:980px){ .mg-promise ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .mg-promise li{ border-left:0 !important; padding-left:0 !important; border-bottom:1px solid var(--line); } .mg-promise li:last-child{ grid-column:1 / -1; border-bottom:0; } }
@media (max-width:520px){ .mg-promise ul{ grid-template-columns:1fr; } }

/* ---- how it works: four stages across ------------------------------- */
.mg-stages{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:0; border-top:1px solid var(--line-2); counter-reset:mg; }
.mg-stages li{ counter-increment:mg; padding:28px 24px 8px 0; position:relative; }
.mg-stages li + li{ padding-left:24px; border-left:1px solid var(--line); }
.mg-stages li::before{ content:counter(mg, decimal-leading-zero); display:block; font-family:var(--serif); font-size:44px; line-height:1; color:var(--terra-text); margin-bottom:22px; }
.mg-stages h3{ font-family:var(--sans) !important; font-size:13px !important; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--ivory); margin-bottom:12px !important; }
.mg-stages p{ margin:0; color:var(--stone); font-size:16px; max-width:30ch; }
.mg-depends{ margin-top:clamp(32px, 4vw, 52px); display:grid; grid-template-columns:auto minmax(0, 1fr); gap:18px; align-items:start; padding:22px 24px; border:1px solid var(--line-2); border-radius:var(--r-sm); background:rgba(27,28,30,.45); max-width:920px; }
.mg-depends p{ margin:0; color:var(--lime); font-size:15.5px; }
.mg-depends .k{ font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--light); padding-top:3px; white-space:nowrap; }
@media (max-width:980px){ .mg-stages{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .mg-stages li:nth-child(3){ border-left:0; padding-left:0; } .mg-stages li:nth-child(n+3){ border-top:1px solid var(--line); } }
@media (max-width:560px){ .mg-stages{ grid-template-columns:1fr; } .mg-stages li{ border-left:0 !important; padding-left:0 !important; } .mg-stages li + li{ border-top:1px solid var(--line); } .mg-depends{ grid-template-columns:1fr; gap:8px; } }

/* ---- find art for your home ----------------------------------------- */
.mg-finder{ display:grid; grid-template-columns:minmax(0, 380px) minmax(0, 1fr); gap:clamp(28px, 4vw, 64px); align-items:start; }
.mg-form{ display:grid; gap:20px; padding:26px; background:var(--raised); border:1px solid var(--line); border-radius:var(--r); }
.mg-field{ display:grid; gap:8px; }
.mg-field > label, .mg-field legend{ font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze-text); padding:0; }
.mg-field fieldset, fieldset.mg-field{ border:0; margin:0; padding:0; min-width:0; }
.mg-select{ appearance:none; -webkit-appearance:none; width:100%; font:500 16px/1.3 var(--sans); color:var(--ivory); background:var(--anth) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C2BDB5' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;
  border:1px solid var(--line-2); border-radius:10px; padding:13px 40px 13px 14px; }
.mg-select:focus-visible{ outline:2px solid var(--terra-text); outline-offset:2px; }
.mg-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.mg-chip{ position:relative; }
.mg-chip input{ position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
.mg-chip span{ display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border-radius:999px; border:1px solid var(--line-2); font-size:14px; color:var(--lime); transition:background .2s, border-color .2s, color .2s; }
.mg-chip input:checked + span{ background:rgba(217,176,122,.14); border-color:var(--light); color:var(--ivory); }
.mg-chip input:focus-visible + span{ outline:2px solid var(--terra-text); outline-offset:2px; }
.mg-form-note{ margin:0; font-size:13px; color:var(--mute); line-height:1.5; }
.mg-results{ min-width:0; }
.mg-results-head{ display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:22px; }
.mg-results-head h3{ font-size:clamp(28px, 3vw, 40px); }
.mg-count{ font-variant-numeric:tabular-nums; font-size:14px; color:var(--stone); }
.mg-empty{ display:grid; grid-template-columns:120px minmax(0, 1fr); gap:28px; align-items:center; padding:28px 0; }
.mg-empty svg{ width:120px; height:auto; }
.mg-empty h4{ font-family:var(--serif); font-weight:400; font-size:28px; color:var(--ivory); margin:0 0 8px; line-height:1.1; }
.mg-empty p{ margin:0 0 8px; color:var(--stone); max-width:56ch; }
.mg-located{ margin-top:8px; border-top:1px solid var(--line); padding-top:20px; }
.mg-located h4{ font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze-text); margin:0 0 12px; }
.mg-located ul{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.mg-located li{ display:flex; flex-wrap:wrap; gap:4px 14px; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); }
.mg-located li b{ font-family:var(--serif); font-weight:400; font-size:22px; color:var(--ivory); }
.mg-located li span{ font-size:14px; color:var(--stone); }
.mg-located .mg-unv{ color:var(--light); font-size:13px; }
@media (max-width:900px){ .mg-finder{ grid-template-columns:1fr; } }
@media (max-width:520px){ .mg-empty{ grid-template-columns:1fr; gap:14px; } .mg-form{ padding:20px; } }

/* ---- provider card (reusable component) ----------------------------- */
.mg-cards{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(18px, 2vw, 28px); }
@media (max-width:1100px){ .mg-cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:640px){ .mg-cards{ grid-template-columns:1fr; } }
.mg-card{ display:flex; flex-direction:column; min-width:0; background:var(--wall-2); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.mg-card-wall{ position:relative; aspect-ratio:16 / 10; max-width:100%; display:grid; place-items:center; padding:52px 22px 26px; border-bottom:1px solid var(--line);
  background:radial-gradient(130% 100% at 85% -20%, rgba(255,236,206,.20), transparent 55%), radial-gradient(90% 60% at 50% 120%, rgba(0,0,0,.28), transparent 70%), var(--wall-tone, #334036); overflow:hidden; }
.mg-card-wall img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mg-tone-moss{ --wall-tone:#334036; } .mg-tone-oxblood{ --wall-tone:#4A2E2B; } .mg-tone-slate{ --wall-tone:#2E3846; }
.mg-tone-umber{ --wall-tone:#4B3E30; } .mg-tone-ink{ --wall-tone:#262B33; } .mg-tone-plaster{ --wall-tone:#4A4640; }
.mg-card-top{ position:absolute; top:14px; left:16px; right:14px; display:flex; justify-content:space-between; align-items:center; gap:10px; z-index:1; }
.mg-card-n{ font-family:var(--serif); font-size:20px; color:rgba(242,235,224,.72); }
.mg-card-status{ font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#F2EBE0; border:1px solid rgba(242,235,224,.38); border-radius:999px; padding:5px 10px; background:rgba(0,0,0,.18); white-space:nowrap; }
/* the plaque: name and verified address, set like lettering on a painted gallery wall */
.mg-plaque{ display:grid; justify-items:center; text-align:center; gap:8px; max-width:92%; }
.mg-plaque-name{ font-family:var(--serif); font-size:clamp(30px, 2.8vw, 42px); line-height:1; color:#F6F0E6; letter-spacing:.005em; text-wrap:balance; text-shadow:0 1px 0 rgba(0,0,0,.25); }
.mg-plaque-st{ font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.26em; text-transform:uppercase; color:rgba(242,235,224,.72); }
.mg-plaque-town{ font-family:var(--serif); font-style:italic; font-size:18px; color:rgba(242,235,224,.86); }
.mg-plaque-town::before{ content:""; display:block; width:28px; height:1px; margin:2px auto 10px; background:rgba(242,235,224,.42); }
.mg-pending{ margin:0; padding:12px 0 0; border-top:1px solid var(--line); font-size:14px; color:var(--stone); line-height:1.5; }
.mg-pending-k{ display:block; font-family:var(--serif); font-style:italic; font-size:17px; color:var(--light); margin-bottom:2px; }
.mg-card-body{ display:flex; flex-direction:column; gap:14px; padding:22px 22px 24px; flex:1; }
.mg-card-body h3{ font-size:clamp(28px, 2.5vw, 34px); }
.mg-card-loc{ margin:-6px 0 0; font-size:14px; color:var(--stone); }
.mg-card-intro{ margin:0; color:var(--lime); font-size:15.5px; }
.mg-card-dl{ margin:0; display:grid; gap:0; border-top:1px solid var(--line); }
.mg-card-dl > div{ display:grid; grid-template-columns:118px minmax(0, 1fr); gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
.mg-card-dl dt{ font-size:11.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--mute); padding-top:2px; }
.mg-card-dl dd{ margin:0; font-size:14.5px; color:var(--lime); min-width:0; }
.mg-tbc{ color:var(--light) !important; font-style:italic; font-family:var(--serif); font-size:16.5px !important; }
.mg-src{ display:block; font-size:12px; color:var(--mute); font-style:normal; margin-top:2px; }
.mg-card-act{ margin-top:auto; display:flex; flex-wrap:wrap; gap:10px; padding-top:8px; }
.mg-card-act .pa-btn{ padding:11px 18px; font-size:14.5px; }
.pa-chip.mg-chip-prosp{ border-color:rgba(217,176,122,.5); color:var(--light); background:rgba(27,28,30,.7); }
@media (max-width:420px){ .mg-card-dl > div{ grid-template-columns:1fr; gap:2px; } }

/* ---- three experiences ---------------------------------------------- */
.mg-three{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0; border-top:1px solid var(--line-2); }
.mg-three > div{ padding:28px 26px 10px 0; }
.mg-three > div + div{ padding-left:26px; border-left:1px solid var(--line); }
.mg-three h3{ font-size:32px; margin-bottom:6px; }
.mg-three .who{ font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze-text); margin:0 0 14px; }
.mg-three p{ color:var(--stone); margin:0 0 12px; }
.mg-three .is-here h3{ color:var(--light); }
@media (max-width:860px){ .mg-three{ grid-template-columns:1fr; } .mg-three > div{ padding-left:0 !important; border-left:0 !important; } .mg-three > div + div{ border-top:1px solid var(--line); } }
.mg-aside{ margin-top:44px; padding-top:22px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; color:var(--stone); font-size:15.5px; }

/* ---- for galleries --------------------------------------------------- */
.mg-for{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:clamp(28px, 5vw, 80px); align-items:start; }
.mg-for ul{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.mg-for li{ padding:16px 0; border-bottom:1px solid var(--line); color:var(--lime); }
.mg-for li b{ display:block; font-family:var(--serif); font-weight:400; font-size:23px; color:var(--ivory); margin-bottom:4px; }
.mg-for .mg-terms{ margin-top:22px; font-size:14px; color:var(--mute); }
@media (max-width:860px){ .mg-for{ grid-template-columns:1fr; } }

/* ---- provider profile template -------------------------------------- */
.mg-prof-hero .pa-wrap{ padding-top:clamp(36px, 5vw, 72px); padding-bottom:clamp(36px, 5vw, 64px); display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr); gap:clamp(28px, 5vw, 72px); align-items:end; }
.mg-prof-hero h1{ font-size:clamp(52px, 7vw, 112px); line-height:.92; text-wrap:balance; }
.mg-prof-hero .mg-card-wall{ border:1px solid var(--line); border-radius:var(--r); }
.mg-prof-meta{ display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; }
.mg-prof-grid{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 340px); gap:clamp(28px, 5vw, 80px); align-items:start; }
.mg-prof-sec{ padding:30px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:200px minmax(0, 1fr); gap:16px 32px; }
.mg-prof-sec h2{ font-family:var(--sans) !important; font-size:12px !important; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--bronze-text) !important; padding-top:6px; }
.mg-prof-sec p{ margin:0 0 10px; color:var(--lime); max-width:62ch; }
.mg-prof-sec ul{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.mg-prof-sec ul li{ border:1px solid var(--line-2); border-radius:999px; padding:6px 14px; font-size:14.5px; color:var(--ivory); }
.mg-prof-side{ position:sticky; top:96px; padding:26px; background:var(--raised); border:1px solid var(--line); border-radius:var(--r); display:grid; gap:14px; }
.mg-prof-side h2{ font-size:30px; }
.mg-prof-side p{ margin:0; font-size:15px; color:var(--stone); }
.mg-prof-side .pa-btn{ justify-content:center; }
.mg-back{ display:inline-flex; gap:8px; font-size:14.5px; color:var(--stone); text-decoration:none; }
.mg-back:hover{ color:var(--ivory); }
@media (max-width:900px){ .mg-prof-hero .pa-wrap, .mg-prof-grid{ grid-template-columns:1fr; } .mg-prof-side{ position:static; } }
@media (max-width:620px){ .mg-prof-sec{ grid-template-columns:1fr; gap:8px; } }

/* status line under a section heading */
.mg-sub{ color:var(--stone); margin:0; max-width:56ch; }

/* ---- Phase 1B profile polish ----------------------------------------- */
.mg-demo{ background:#2E3846; color:#E8E4DC; font-size:13.5px; line-height:1.45; padding:10px max(16px, var(--gut)); display:flex; flex-wrap:wrap; gap:4px 14px; justify-content:center; text-align:center; border-bottom:1px solid rgba(242,235,224,.12); }
.mg-demo-k{ font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#F6F0E6; }
.mg-prof-hero .mg-card-wall{ aspect-ratio:4 / 3; padding:40px 24px; }
.mg-prof-hero .mg-plaque-name{ font-size:clamp(40px, 4.6vw, 64px); }
.mg-prof-by{ margin:16px 0 0; font-size:15px; letter-spacing:.04em; color:var(--stone); }
.mg-prof-lede{ font-family:var(--serif); font-size:clamp(24px, 2.2vw, 30px) !important; line-height:1.3; color:var(--ivory) !important; max-width:34ch !important; }
.mg-tags{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.mg-small{ font-size:14px; margin-top:12px !important; }
.mg-cite{ font-size:11px; line-height:0; margin-left:2px; } .mg-cite a{ color:var(--light); text-decoration:none; }
.mg-mini{ margin:16px 0 0; padding:0; list-style:none; counter-reset:mm; display:grid; gap:10px; }
.mg-mini li{ counter-increment:mm; display:grid; grid-template-columns:28px minmax(0, 1fr); gap:8px; color:var(--lime); font-size:15.5px; border:0 !important; padding:0 !important; border-radius:0 !important; }
.mg-mini li::before{ content:counter(mm); font-family:var(--serif); font-size:20px; color:var(--terra-text); line-height:1.1; }
.mg-slots{ margin:0; padding:0; list-style:none; display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px !important; }
.mg-slots li{ display:grid !important; gap:6px; border:0 !important; padding:0 !important; border-radius:0 !important; }
.mg-slot-f{ aspect-ratio:4 / 5; max-width:100%; border:1px dashed rgba(242,235,224,.28); border-radius:6px; background:repeating-linear-gradient(135deg, rgba(242,235,224,.025) 0 10px, transparent 10px 20px); }
.mg-slot-t{ font-family:var(--serif); font-size:18px; color:var(--ivory); }
.mg-slot-s{ font-size:12px; color:var(--mute); line-height:1.4; }
.mg-notes{ padding:28px 0 0; border-top:1px solid var(--line); }
.mg-notes h2{ font-family:var(--sans) !important; font-size:12px !important; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--bronze-text) !important; margin-bottom:12px !important; }
.mg-notes ol{ margin:0 0 12px; padding-left:20px; color:var(--stone); font-size:14px; display:grid; gap:6px; }
.mg-notes p{ margin:0; font-size:14px; color:var(--mute); }
@media (max-width:560px){ .mg-slots{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px !important; } .mg-slot-t{ font-size:15px; } .mg-slot-s{ display:none; } }
.mg-prof-hero .pa-wrap > div{ min-width:0; }
.mg-prof-meta .pa-chip{ white-space:normal; line-height:1.35; }
.mg-hero .mg-hero-sub{ margin:18px 0 0; }
/* phones and tablets: the picture follows the headline, so the idea is seen in the first screen */
@media (max-width:900px){
  .mg-hero .pa-wrap{ row-gap:0; }
  .mg-hero-copy{ display:contents; }
  .mg-hero-copy > *{ order:4; }
  .mg-hero-copy > .pa-eyebrow{ order:1; } .mg-hero-copy > h1{ order:2; } .mg-hero-fig{ order:3; margin-top:26px; }
  .mg-hero .pa-lede{ margin-top:26px; }
}
.mg-card-srcline{ margin:0; font-size:12px; color:var(--mute); }
.mg-card-body .mg-card-loc{ margin:0; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze-text); }
@media (max-width:900px){ .mg-prof-hero .mg-card-wall{ display:none; } }  /* the name is already the page heading on phones */

/* ---- public work-in-progress release (3 Nov 2026) ---------------------------------------------------------------
   "Developing Our Gallery Network": a calm notice under the header, not a warning ribbon. */
.mg-notice{ background:var(--anth); border-bottom:1px solid var(--line); }
.mg-notice .pa-wrap{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 22px; padding-top:14px; padding-bottom:14px; }
.mg-notice-h{ margin:0; font-size:11.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--light); white-space:nowrap; }
body.pa .mg-notice-t{ margin:0; flex:1 1 420px; min-width:0; font-size:14.5px; line-height:1.5; color:var(--stone); }
.mg-notice-a{ font-size:14px; font-weight:600; white-space:nowrap; text-decoration:none; }
.mg-recruit .mg-recruit-p{ margin:14px 0 0; color:var(--lime); max-width:46ch; font-size:17px; }
.mg-recruit .mg-recruit-love{ font-family:var(--serif); font-size:24px; color:var(--ivory); margin-top:18px; }
.mg-recruit-act{ margin-top:26px; display:flex; flex-wrap:wrap; gap:12px; }
.mg-recruit .mg-recruit-addr{ margin:14px 0 0; font-size:13.5px; color:var(--mute); }
.mg-recruit-addr span{ color:var(--lime); user-select:all; }
.mg-card--invite .mg-card-wall{ background:repeating-linear-gradient(135deg, rgba(242,235,224,.03) 0 12px, transparent 12px 24px), var(--wall-tone, #334036); }
.mg-card--invite .mg-plaque-name{ font-style:italic; color:rgba(246,240,230,.82); }
/* the participation status sits on its own line, in full, at the top of every gallery card */
body.pa .mg-card-flag{ margin:0; align-self:flex-start; font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; line-height:1.4;
  color:var(--light); border:1px solid rgba(217,176,122,.42); border-radius:999px; padding:5px 11px; }