/* Wemaxa Web Builder 3.0.1
   Stable builder controls plus the intrinsic area-map website runtime. */

:root {
  --wxb2-orange: #f35120;
  --wxb2-console: #12151d;
  --wxb2-console-2: #1a1e28;
  --wxb2-console-3: #252b38;
  --wxb2-console-line: rgba(255,255,255,.13);
  --wxb2-console-text: #f8f7f2;
  --wxb2-console-muted: #aeb5c2;
}

html { box-sizing: border-box; max-width: 100%; overflow-x: clip; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: inherit; }
body.wemaxa-web-builder-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 86px;
  overflow-x: clip;
  color: var(--wxb2-console-text);
  background: var(--wxb2-console);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
body.wemaxa-web-builder-page button,
body.wemaxa-web-builder-page input,
body.wemaxa-web-builder-page select { font: inherit; }
body.wemaxa-web-builder-page button,
body.wemaxa-web-builder-page summary,
body.wemaxa-web-builder-page select { cursor: pointer; }
body.wemaxa-web-builder-page a { color: inherit; }
[hidden] { display: none !important; }

.wxb2-skip {
  position: fixed;
  z-index: 10000;
  inset: 10px auto auto 10px;
  translate: 0 -160%;
  padding: 10px 14px;
  color: #fff;
  background: #111;
  border-radius: 6px;
}
.wxb2-skip:focus { translate: 0; }

.wxb2-app {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: clip;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px),
    var(--wxb2-console);
  background-size: 32px 32px;
}

/* Builder chrome ------------------------------------------------------- */
.wxb2-topbar {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr);
  align-items: center;
  gap: 24px;
  width: 100%;
  min-width: 0;
  padding: 12px clamp(16px, 3vw, 48px);
  border-top: 3px solid var(--wxb2-orange);
  border-bottom: 1px solid var(--wxb2-console-line);
  background: rgba(18,21,29,.96);
}
.wxb2-product {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 12px;
  min-width: 0;
  color: #fff;
  text-decoration: none;
}
.wxb2-product__mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  color: #fff;
  background: var(--wxb2-orange);
  font-weight: 900;
}
.wxb2-product > span:last-child { display: grid; gap: 1px; min-width: 0; }
.wxb2-product strong { font-size: 13px; letter-spacing: .04em; }
.wxb2-product small { color: var(--wxb2-console-muted); font: 600 8px/1.2 "IBM Plex Mono", monospace; letter-spacing: .12em; }
.wxb2-topbar__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  color: var(--wxb2-console-muted);
  font: 600 9px/1 "IBM Plex Mono", monospace;
  letter-spacing: .08em;
}
.wxb2-topbar__status i { width: 7px; height: 7px; border-radius: 50%; background: #48d58a; box-shadow: 0 0 0 4px rgba(72,213,138,.12); }
.wxb2-topbar__status b { padding-left: 10px; border-left: 1px solid var(--wxb2-console-line); color: #fff; }
.wxb2-topbar__status em { color: var(--wxb2-orange); font-style: normal; }
.wxb2-topbar__contact {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid var(--wxb2-console-line);
  border-radius: 8px;
  color: #fff;
  background: var(--wxb2-console-2);
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
}
.wxb2-topbar__contact span { color: var(--wxb2-orange); }

.wxb2-workbench {
  width: min(1480px, calc(100% - 32px));
  margin-inline: auto;
  padding: clamp(32px, 5cqi, 70px) 0 28px;
}
.wxb2-workbench__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  align-items: end;
  gap: clamp(24px, 5vw, 90px);
  padding-bottom: 30px;
}
.wxb2-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--wxb2-orange);
  font: 700 9px/1.2 "IBM Plex Mono", monospace;
  letter-spacing: .14em;
}
.wxb2-workbench h1 {
  max-width: 18ch;
  margin: 0;
  color: #fff;
  font: 760 clamp(38px, 5.2vw, 78px)/.94 "Instrument Sans", "Inter", sans-serif;
  letter-spacing: -.055em;
}
.wxb2-workbench h1 em { color: var(--wxb2-orange); font-style: normal; }
.wxb2-workbench__intro > p {
  max-width: 53ch;
  margin: 0 0 4px;
  color: var(--wxb2-console-muted);
  font-size: 14px;
  line-height: 1.7;
}

.wxb2-setup {
  display: grid;
  grid-template-columns: minmax(280px, 1.1fr) minmax(240px, .8fr) minmax(340px, 1.2fr);
  min-width: 0;
  border: 1px solid var(--wxb2-console-line);
  border-radius: 14px 14px 0 0;
  background: rgba(26,30,40,.92);
}
.wxb2-field {
  position: relative;
  display: grid;
  align-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 100px;
  margin: 0;
  padding: 17px 20px;
  border-right: 1px solid var(--wxb2-console-line);
}
.wxb2-field:last-child { border-right: 0; }
.wxb2-field > span {
  color: var(--wxb2-console-muted);
  font: 700 9px/1.2 "IBM Plex Mono", monospace;
  letter-spacing: .1em;
}
.wxb2-field input[type="text"], .wxb2-field select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 7px;
  outline: 0;
  color: #fff;
  background: #11141b;
}
.wxb2-field input[type="text"]:focus, .wxb2-field select:focus { border-color: var(--wxb2-orange); box-shadow: 0 0 0 3px rgba(243,81,32,.14); }
.wxb2-field--brand small { position: absolute; right: 29px; bottom: 31px; color: var(--wxb2-console-muted); font-size: 9px; pointer-events: none; }
.wxb2-palette-row { display: grid; grid-template-columns: 42px minmax(0,1fr) repeat(3,32px); align-items: center; gap: 10px; min-width: 0; }
.wxb2-palette-wheel {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  color: #fff;
  background: conic-gradient(#f35120, #ffc14d, #36c98f, #3188ff, #a45cff, #f35120);
}
.wxb2-palette-wheel::before { content: ""; position: absolute; inset: 7px; border-radius: inherit; background: #161a23; }
.wxb2-palette-wheel b { position: relative; z-index: 1; }
.wxb2-palette-row > div { display: grid; min-width: 0; }
.wxb2-palette-row strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.wxb2-palette-row small { color: #70dfa1; font: 650 7px/1.5 "IBM Plex Mono", monospace; letter-spacing: .06em; }
.wxb2-palette-row label { display: block; width: 32px; height: 32px; overflow: hidden; border: 1px solid rgba(255,255,255,.19); border-radius: 7px; }
.wxb2-palette-row input[type="color"] { width: 44px; height: 44px; margin: -6px; padding: 0; border: 0; background: none; }

.wxb2-generators {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  min-width: 0;
  border: 1px solid var(--wxb2-console-line);
  border-top: 0;
  background: var(--wxb2-console-2);
}
.wxb2-generator {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  grid-template-rows: auto auto;
  gap: 4px 11px;
  min-width: 0;
  min-height: 106px;
  padding: 18px;
  border: 0;
  border-right: 1px solid var(--wxb2-console-line);
  color: #fff;
  text-align: left;
  background: transparent;
  transition: background .18s ease, color .18s ease;
}
.wxb2-generator:last-child { border-right: 0; }
.wxb2-generator:hover, .wxb2-generator:focus-visible { color: #fff; background: #2a303e; outline: 0; }
.wxb2-generator--page { background: rgba(243,81,32,.10); }
.wxb2-generator > span { grid-row: 1 / 3; color: var(--wxb2-orange); font: 700 9px/1.2 "IBM Plex Mono", monospace; }
.wxb2-generator b { overflow-wrap: anywhere; font-size: 14px; line-height: 1.15; }
.wxb2-generator small { grid-column: 2 / 4; color: var(--wxb2-console-muted); font-size: 10px; line-height: 1.35; }
.wxb2-generator em { justify-self: end; color: var(--wxb2-orange); font: normal 700 9px/1.2 "IBM Plex Mono", monospace; }

.wxb2-template-library {
  min-width: 0;
  padding: clamp(20px,3cqi,36px);
  border-inline: 1px solid var(--wxb2-console-line);
  border-top: 1px solid var(--wxb2-console-line);
  background: #151922;
}
.wxb2-template-library__header {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr);
  align-items: end;
  gap: clamp(20px,4cqi,64px);
  margin-bottom: 20px;
}
.wxb2-template-library__header h2 { margin: 0; color: #fff; font: 740 clamp(27px,3.2cqi,46px)/1 "Instrument Sans",sans-serif; letter-spacing: -.04em; }
.wxb2-template-library__header p { max-width: 58ch; margin: 0; color: var(--wxb2-console-muted); font-size: 12px; line-height: 1.65; }
.wxb2-template-tools { display: flex; flex-wrap: wrap; align-items: end; gap: 9px; margin-bottom: 14px; padding: 10px; border: 1px solid var(--wxb2-console-line); border-radius: 9px; background: #10131a; }
.wxb2-template-tools label { display: grid; gap: 5px; color: var(--wxb2-console-muted); font: 700 7px/1 "IBM Plex Mono",monospace; letter-spacing: .1em; }
.wxb2-template-tools select { min-width: 190px; height: 36px; padding: 0 30px 0 10px; border: 1px solid var(--wxb2-console-line); border-radius: 6px; color: #fff; background: var(--wxb2-console-2); font-size: 10px; }
.wxb2-template-tools button { align-self: end; height: 36px; padding: 0 14px; border: 1px solid var(--wxb2-orange); border-radius: 6px; color: #fff; background: var(--wxb2-orange); font-size: 10px; font-weight: 750; }
.wxb2-template-tools > span { align-self: center; margin-left: auto; color: var(--wxb2-console-muted); font: 650 8px/1 "IBM Plex Mono",monospace; letter-spacing: .06em; }
.wxb2-template-tools > span b { color: #fff; }
.wxb2-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,220px),1fr));
  gap: 9px;
  max-height: 590px;
  padding: 1px 5px 1px 1px;
  overflow: auto;
  scrollbar-color: var(--wxb2-orange) #0e1117;
}
.wxb2-template-card { display: grid; grid-template-rows: 116px auto; min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--wxb2-console-line); border-radius: 9px; color: #fff; text-align: left; background: #0e1117; transition: border-color .16s ease, translate .16s ease, background .16s ease; }
.wxb2-template-card:hover, .wxb2-template-card:focus-visible { translate: 0 -2px; border-color: rgba(255,255,255,.4); outline: 0; background: #171c26; }
.wxb2-template-card.is-active { border-color: var(--wxb2-orange); box-shadow: 0 0 0 2px rgba(243,81,32,.22); }
.wxb2-template-card__preview { --card-a:#f35120; --card-b:#f6efe4; --card-c:#151821; display: grid; grid-template-columns: repeat(6,1fr); grid-template-rows: repeat(4,1fr); gap: 3px; padding: 10px; background: var(--card-b); }
.wxb2-template-card__preview i { display: block; min-width: 0; border-radius: 2px; background: color-mix(in srgb,var(--card-c) 14%,var(--card-b)); }
.wxb2-template-card__meta { display: grid; gap: 5px; min-width: 0; padding: 11px 12px 13px; }
.wxb2-template-card__meta small { color: var(--wxb2-orange); font: 650 7px/1.2 "IBM Plex Mono",monospace; letter-spacing: .08em; }
.wxb2-template-card__meta strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.wxb2-template-card__meta em { overflow: hidden; color: var(--wxb2-console-muted); font: normal 600 8px/1.35 "IBM Plex Mono",monospace; text-overflow: ellipsis; white-space: nowrap; }
.wxb2-template-card__content { display: -webkit-box; overflow: hidden; color: #c4c8d2; font-size: 9px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.wxb2-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--wxb2-console-line);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: #11141b;
}
.wxb2-actions > button, .wxb2-advanced > summary {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--wxb2-console-line);
  border-radius: 7px;
  color: #fff;
  background: var(--wxb2-console-2);
  font-size: 10px;
  font-weight: 700;
}
.wxb2-actions > button:first-child { border-color: var(--wxb2-orange); background: var(--wxb2-orange); }
.wxb2-actions > button:disabled { opacity: .38; cursor: not-allowed; }
.wxb2-advanced { position: relative; margin-left: auto; }
.wxb2-advanced > summary { display: flex; align-items: center; gap: 20px; list-style: none; }
.wxb2-advanced > summary::-webkit-details-marker { display: none; }
.wxb2-advanced[open] > summary span { rotate: 45deg; }
.wxb2-advanced__grid {
  position: absolute;
  z-index: 50;
  right: 0;
  top: calc(100% + 9px);
  display: grid;
  grid-template-columns: repeat(2, minmax(180px,1fr));
  gap: 10px;
  width: min(520px, calc(100vw - 32px));
  padding: 16px;
  border: 1px solid var(--wxb2-console-line);
  border-radius: 12px;
  background: #171b24;
  box-shadow: 0 24px 60px rgba(0,0,0,.38);
}
.wxb2-advanced__grid label { display: grid; gap: 5px; color: var(--wxb2-console-muted); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.wxb2-advanced__grid select { width: 100%; min-width: 0; height: 38px; padding: 0 9px; border: 1px solid var(--wxb2-console-line); border-radius: 6px; color: #fff; background: #0f1218; font-size: 11px; }

.wxb2-preview-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: min(1480px, calc(100% - 32px));
  margin: 0 auto 12px;
  padding: 12px 2px 0;
  color: var(--wxb2-console-muted);
}
.wxb2-preview-label > div { display: grid; }
.wxb2-preview-label span { font: 700 8px/1.3 "IBM Plex Mono", monospace; letter-spacing: .12em; }
.wxb2-preview-label strong { color: #fff; font-size: 13px; }
.wxb2-preview-label p { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 10px; }
.wxb2-preview-label p i { width: 7px; height: 7px; border-radius: 50%; background: #48d58a; }

/* Generated website ---------------------------------------------------- */
.wxb2-preview {
  --wxb-live-accent: #f35120;
  --wxb-live-ink: #11131a;
  --wxb-live-canvas: #f6efe4;
  --wxb-live-panel: #ffffff;
  --wxb-live-panel-alt: #ece6dc;
  --wxb-live-line: rgba(17,19,26,.16);
  --wxb-live-muted: #656771;
  --wxb-live-on-accent: #ffffff;
  --wxb-display-font: "Manrope", system-ui, sans-serif;
  --wxb-body-font: "Inter", system-ui, sans-serif;
  --wxb-heading-weight: 720;
  --wxb-heading-tracking: -.05em;
  --wxb2-preview-gutter: clamp(16px, 3.5cqi, 52px);
  --wxb2-section-space: clamp(48px, 7cqi, 96px);
  --wxb2-board-gap: clamp(12px, 1.6cqi, 22px);
  --wxb2-card-pad: clamp(18px, 2.2cqi, 30px);
  --wxb2-radius: 14px;
  --wxb2-media-ratio: 16 / 10;
  container: wxb2-preview / inline-size;
  position: relative;
  isolation: isolate;
  display: block;
  width: min(1480px, calc(100% - 32px));
  max-width: 1480px;
  min-width: 0;
  margin: 0 auto 32px;
  overflow: clip;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  color: var(--wxb-live-ink);
  background: var(--wxb-live-canvas);
  font-family: var(--wxb-body-font);
  font-size: 16px;
  line-height: 1.6;
  box-shadow: 0 30px 100px rgba(0,0,0,.28);
}
.wxb2-preview *, .wxb2-preview *::before, .wxb2-preview *::after { box-sizing: border-box; }
.wxb2-preview :where(h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul) { margin: 0; }
.wxb2-preview :where(ul) { padding: 0; }
.wxb2-preview :where(h1,h2,h3,h4) { color: inherit; font-family: var(--wxb-display-font); font-weight: var(--wxb-heading-weight); letter-spacing: var(--wxb-heading-tracking); text-wrap: balance; }
.wxb2-preview :where(p,a,span,strong,small,blockquote,summary) { max-width: 100%; overflow-wrap: anywhere; }
.wxb2-preview :where(img) { display: block; max-width: 100%; }
.wxb2-preview a { color: inherit; }

/* Fixed builder dock --------------------------------------------------- */
.wxb2-dock {
  --wxb2-external-offer-space: clamp(340px,22vw,420px);
  position: fixed;
  z-index: 1000;
  left: calc((100% - var(--wxb2-external-offer-space)) / 2);
  bottom: max(10px, env(safe-area-inset-bottom));
  translate: -50% 0;
  display: grid;
  grid-template-columns: minmax(190px,1.2fr) repeat(5,minmax(66px,.5fr)) minmax(92px,.65fr) minmax(82px,.55fr);
  width: min(1180px, calc(100% - var(--wxb2-external-offer-space) - 24px));
  min-width: 0;
  min-height: 66px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  color: #fff;
  background: rgba(15,18,24,.96);
  box-shadow: 0 18px 48px rgba(0,0,0,.34);
  backdrop-filter: blur(16px);
}
.wxb2-dock > label { display: grid; align-content: center; gap: 4px; min-width: 0; padding: 8px 13px; border-right: 1px solid var(--wxb2-console-line); }
.wxb2-dock > label span { color: var(--wxb2-console-muted); font: 650 7px/1 "IBM Plex Mono",monospace; letter-spacing: .1em; }
.wxb2-dock > label input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: #fff; background: transparent; font-size: 12px; font-weight: 750; }
.wxb2-dock > button, .wxb2-dock > a { position: relative; display: grid; place-items: center; align-content: center; gap: 3px; min-width: 0; padding: 7px 5px; border: 0; border-right: 1px solid var(--wxb2-console-line); color: #fff; background: transparent; text-decoration: none; }
.wxb2-dock > button:hover, .wxb2-dock > a:hover { background: var(--wxb2-console-3); }
.wxb2-dock > button i, .wxb2-dock > a i { color: var(--wxb2-orange); font: normal 700 16px/1 var(--wxb-display-font, sans-serif); }
.wxb2-dock > button b, .wxb2-dock > a b { font-size: 9px; }
.wxb2-dock > button em { position: absolute; top: 5px; right: 6px; color: var(--wxb2-console-muted); font: normal 650 7px/1 "IBM Plex Mono",monospace; }
.wxb2-dock > .wxb2-dock__all { background: var(--wxb2-orange); }
.wxb2-dock > .wxb2-dock__all i { color: #fff; }
.wxb2-dock > a { border-right: 0; }

.wxb2-loader {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(10,12,17,.62);
  backdrop-filter: blur(5px);
}
.wxb2-loader > div { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 3px 13px; width: min(380px,100%); padding: 20px; border: 1px solid var(--wxb2-console-line); border-radius: 12px; background: var(--wxb2-console-2); }
.wxb2-loader span { grid-row: 1 / 3; align-self: center; width: 32px; height: 32px; border: 2px solid rgba(255,255,255,.16); border-top-color: var(--wxb2-orange); border-radius: 50%; animation: wxb2-spin .65s linear infinite; }
.wxb2-loader strong { font-size: 13px; }
.wxb2-loader small { color: var(--wxb2-console-muted); }
.wxb2-toast { position: fixed; z-index: 2100; right: clamp(356px,calc(22vw + 16px),436px); bottom: 96px; max-width: min(380px,calc(100% - 32px)); padding: 12px 15px; border: 1px solid var(--wxb2-console-line); border-radius: 8px; color: #fff; background: #171b24; font-size: 11px; opacity: 0; translate: 0 10px; pointer-events: none; transition: opacity .18s ease, translate .18s ease; }
.wxb2-toast.is-visible { opacity: 1; translate: 0; }
@keyframes wxb2-spin { to { rotate: 360deg; } }
@media (max-width: 980px) {
  body.wemaxa-web-builder-page { padding-bottom: 198px; }
  .wxb2-topbar { grid-template-columns: minmax(0,1fr) auto; }
  .wxb2-topbar__status { display: none; }
  .wxb2-workbench__intro { grid-template-columns: 1fr; align-items: start; }
  .wxb2-setup { grid-template-columns: 1fr 1fr; }
  .wxb2-field:nth-child(2) { border-right: 0; }
  .wxb2-field--palette { grid-column: 1 / -1; border-top: 1px solid var(--wxb2-console-line); }
  .wxb2-generators { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .wxb2-generator:nth-child(3) { border-right: 0; }
  .wxb2-generator:nth-child(n+4) { border-top: 1px solid var(--wxb2-console-line); }
  .wxb2-template-library__header { grid-template-columns: 1fr; align-items: start; }
  .wxb2-template-grid { grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); }
  .wxb2-dock { --wxb2-external-offer-space: 0px; left: 50%; bottom: max(124px,calc(env(safe-area-inset-bottom) + 116px)); width: min(760px,calc(100% - 24px)); grid-template-columns: minmax(160px,1fr) repeat(5,64px) 82px; }
  .wxb2-dock > .wxb2-dock__all { display: none; }
  .wxb2-toast { right: 12px; bottom: 204px; }
 }
@media (max-width: 680px) {
  body.wemaxa-web-builder-page { padding-bottom: 186px; }
  .wxb2-topbar { padding-inline: 12px; }
  .wxb2-topbar__contact { width: 40px; min-width: 40px; padding: 0; font-size: 0; }
  .wxb2-topbar__contact span { font-size: 15px; }
  .wxb2-workbench, .wxb2-preview-label, .wxb2-preview { width: calc(100% - 16px); }
  .wxb2-workbench { padding-top: 28px; }
  .wxb2-workbench h1 { font-size: clamp(38px,12vw,58px); }
  .wxb2-setup { grid-template-columns: 1fr; }
  .wxb2-field { min-height: 92px; border-right: 0; border-bottom: 1px solid var(--wxb2-console-line); }
  .wxb2-field--palette { grid-column: auto; border-top: 0; border-bottom: 0; }
  .wxb2-generators { grid-template-columns: 1fr 1fr; }
  .wxb2-generator { min-height: 96px; border-top: 1px solid var(--wxb2-console-line); }
  .wxb2-generator:nth-child(2n) { border-right: 0; }
  .wxb2-generator:nth-child(3) { border-right: 1px solid var(--wxb2-console-line); }
  .wxb2-generator:last-child { grid-column: 1 / -1; }
  .wxb2-template-library { padding: 18px 12px; }
  .wxb2-template-library__header h2 { font-size: 30px; }
  .wxb2-template-tools { align-items: stretch; }
  .wxb2-template-tools label { flex: 1 1 100%; }
  .wxb2-template-tools select { width: 100%; min-width: 0; }
  .wxb2-template-tools button { flex: 1 1 auto; }
  .wxb2-template-tools > span { margin-left: 0; padding: 10px 3px; }
  .wxb2-template-grid { grid-template-columns: 1fr 1fr; max-height: 520px; }
  .wxb2-template-card { grid-template-rows: 92px auto; }
  .wxb2-actions { align-items: stretch; }
  .wxb2-actions > button { flex: 1 1 auto; }
  .wxb2-advanced { width: 100%; margin-left: 0; }
  .wxb2-advanced > summary { justify-content: space-between; }
  .wxb2-advanced__grid { position: static; grid-template-columns: 1fr; width: 100%; margin-top: 9px; }
  .wxb2-preview-label { align-items: flex-end; }
  .wxb2-preview-label p { max-width: 24ch; text-align: right; }
  .wxb2-dock { left: 8px; right: 8px; bottom: max(116px,calc(env(safe-area-inset-bottom) + 108px)); translate: 0; width: auto; grid-template-columns: repeat(6,minmax(0,1fr)); min-height: 60px; }
  .wxb2-dock > label, .wxb2-dock > .wxb2-dock__all { display: none; }
  .wxb2-dock > button, .wxb2-dock > a { border-right: 1px solid var(--wxb2-console-line); }
  .wxb2-dock > a { border-right: 0; }
  .wxb2-dock > button em { display: none; }
  .wxb2-toast { right: 8px; bottom: 190px; }
}
@media (max-width: 440px) {
  .wxb2-template-grid { grid-template-columns: 1fr; }
  .wxb2-template-card { grid-template-columns: 118px minmax(0,1fr); grid-template-rows: auto; }
  .wxb2-template-card__preview { min-height: 104px; }
}

@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {
  html { scroll-behavior: auto; }
  .wxb2-app *, .wxb2-app *::before, .wxb2-app *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
/* =====================================================================
   Wemaxa Web Builder 3.0 — intrinsic area-map website runtime.
   Builder chrome above is intentionally stable. Generated-site geometry
   below is owned by CSS Grid, container queries and normal document flow.
   ===================================================================== */
.wxb2-preview {
  --wxb3-gutter:clamp(16px,3.8cqi,58px);
  --wxb3-space:clamp(52px,7cqi,106px);
  --wxb3-gap:clamp(8px,1.3cqi,18px);
  --wxb3-pad:clamp(17px,2.25cqi,32px);
  --wxb3-radius:12px;
  container:wxb3-preview / inline-size;
}
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) { width:100%;min-width:0; }
.wxb2-preview :where(.wxb3-site-shell) { container:wxb3-shell / inline-size;width:min(calc(100% - var(--wxb3-gutter)*2),1280px);max-width:100%;min-width:0;margin-inline:auto; }
.wxb2-preview[data-wxb-tetris-shell="wide"] .wxb3-site-shell { width:min(calc(100% - var(--wxb3-gutter)*2),1420px); }
.wxb2-preview[data-wxb-tetris-shell="edge"] .wxb3-site-shell { width:100%;padding-inline:var(--wxb3-gutter); }
.wxb2-preview[data-wxb-tetris-shell="reading"] .wxb3-site-shell { width:min(calc(100% - var(--wxb3-gutter)*2),1080px); }
.wxb2-preview[data-wxb-tetris-shell="full"] .wxb3-site-shell { width:100%;padding-inline:clamp(12px,2.4cqi,36px); }
.wxb2-preview[data-wxb-tetris-density="compressed"] { --wxb3-space:clamp(34px,4.5cqi,66px);--wxb3-gap:clamp(3px,.55cqi,8px);--wxb3-pad:clamp(14px,1.65cqi,23px); }
.wxb2-preview[data-wxb-tetris-density="compact"] { --wxb3-space:clamp(42px,5.5cqi,78px);--wxb3-gap:clamp(6px,.9cqi,12px); }
.wxb2-preview[data-wxb-tetris-density="airy"] { --wxb3-space:clamp(72px,10cqi,142px);--wxb3-gap:clamp(16px,2.2cqi,30px);--wxb3-pad:clamp(22px,3cqi,42px); }
.wxb2-preview[data-wxb-tetris-density="cinematic"] { --wxb3-space:clamp(68px,9cqi,132px);--wxb3-gap:clamp(10px,1.5cqi,22px); }
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) *,
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) *::before,
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) *::after { box-sizing:border-box; }
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) :where(h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol) { margin:0; }
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) :where(h1,h2,h3) { font-family:var(--wxb-display-font);font-weight:var(--wxb-heading-weight);letter-spacing:var(--wxb-heading-tracking);text-wrap:balance; }
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) :where(p,a,span,strong,small,blockquote,li,dt,dd) { max-width:100%;overflow-wrap:anywhere; }
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) img { display:block;width:100%;height:100%;object-fit:cover; }
.wxb2-preview :where(.wxb3-site-header,.wxb3-hero,.wxb3-section,.wxb3-site-footer) a { color:inherit; }
.wxb3-eyebrow,.wxb3-piece-label { color:var(--wxb-live-accent);font:750 8px/1.25 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase; }
.wxb3-button { display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid var(--wxb-live-line);border-radius:max(4px,var(--wxb3-radius));font-size:11px;font-weight:800;text-decoration:none; }
.wxb3-button--primary { color:var(--wxb-live-on-accent);border-color:var(--wxb-live-accent);background:var(--wxb-live-accent); }
.wxb3-actions { display:flex;flex-wrap:wrap;gap:9px; }

/* Twelve header systems. */
.wxb3-site-header { position:relative;z-index:5;border-bottom:1px solid var(--wxb-live-line);background:color-mix(in srgb,var(--wxb-live-canvas) 95%,transparent); }
.wxb3-site-header__inner { display:grid;grid-template-columns:minmax(190px,1fr) minmax(260px,1fr) auto auto;align-items:center;gap:clamp(12px,2cqi,30px);padding-block:13px; }
.wxb3-brand { display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none; }
.wxb3-logo-slot { display:block;width:58px;aspect-ratio:1;flex:0 0 58px;border-radius:10px;overflow:hidden; }
.wxb3-brand__copy { display:grid;gap:2px;min-width:0; }
.wxb3-brand__copy strong { overflow:hidden;font-size:14px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap; }
.wxb3-brand__copy small { color:var(--wxb-live-muted);font:650 7px/1.3 "IBM Plex Mono",monospace;letter-spacing:.06em; }
.wxb3-site-nav { display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8cqi,28px);min-width:0; }
.wxb3-site-nav a { color:var(--wxb-live-muted);font-size:9px;font-weight:750;text-decoration:none;white-space:nowrap; }
.wxb3-header-utility { display:grid;gap:3px;min-width:0;text-align:right; }
.wxb3-header-utility small { color:var(--wxb-live-accent);font:700 7px/1 "IBM Plex Mono",monospace;letter-spacing:.08em; }
.wxb3-header-utility strong { font-size:9px;white-space:nowrap; }
.wxb3-site-header--masthead .wxb3-site-header__inner,.wxb3-site-header--journal .wxb3-site-header__inner { grid-template-columns:minmax(0,1fr) auto; }
.wxb3-header-mast { grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:12px;border-bottom:3px double var(--wxb-live-ink); }
.wxb3-header-mast .wxb3-brand { justify-self:center; }.wxb3-header-mast>span { justify-self:end;font:650 8px/1 "IBM Plex Mono",monospace; }
.wxb3-site-header--masthead .wxb3-site-nav,.wxb3-site-header--journal .wxb3-site-nav { justify-content:flex-start; }
.wxb3-site-header--vertical .wxb3-site-header__inner { grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr) auto;align-items:stretch; }
.wxb3-header-rail { display:grid;gap:20px;padding-right:18px;border-right:1px solid var(--wxb-live-line); }.wxb3-header-rail .wxb3-header-utility{text-align:left}
.wxb3-site-header--vertical .wxb3-site-nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-items:start; }
.wxb3-site-header--transparent { border-color:transparent;background:transparent; }.wxb3-site-header--transparent .wxb3-site-header__inner{padding-block:22px}
.wxb3-site-header--commerce .wxb3-site-header__inner { grid-template-columns:1fr auto 1fr; }.wxb3-site-header--commerce .wxb3-brand{grid-column:2}.wxb3-site-header--commerce .wxb3-site-nav{grid-column:1;grid-row:1;justify-content:flex-start}.wxb3-site-header--commerce .wxb3-header-utility{display:none}.wxb3-site-header--commerce .wxb3-button{grid-column:3;grid-row:1;justify-self:end;border-radius:999px}
.wxb3-site-header--utility .wxb3-site-header__inner { border-top:4px solid var(--wxb-live-accent); }.wxb3-site-header--utility .wxb3-site-nav a:first-letter{color:var(--wxb-live-accent)}
.wxb3-site-header--poster { color:var(--wxb-live-canvas);border-width:0 0 4px;border-color:var(--wxb-live-accent);background:var(--wxb-live-ink); }.wxb3-site-header--poster .wxb3-site-nav a,.wxb3-site-header--poster .wxb3-brand__copy small{color:color-mix(in srgb,var(--wxb-live-canvas) 64%,transparent)}
.wxb3-site-header--compact .wxb3-logo-slot,.wxb3-site-header--minimal .wxb3-logo-slot { width:44px;flex-basis:44px; }.wxb3-site-header--compact .wxb3-site-header__inner,.wxb3-site-header--minimal .wxb3-site-header__inner{padding-block:9px}
.wxb3-site-header--split .wxb3-site-header__inner { grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr) auto; }.wxb3-site-header--split .wxb3-header-utility{display:none}
.wxb3-site-header--console { color:#edf4ff;background:#10141c;border-color:#2b3341; }.wxb3-site-header--console .wxb3-brand__copy small,.wxb3-site-header--console .wxb3-site-nav a{color:#99a5b7}.wxb3-site-header--console .wxb3-header-utility{padding:9px 11px;border:1px solid #344052;background:#161c26}
.wxb3-site-header--offset .wxb3-brand { translate:clamp(0px,3cqi,32px) 0; }.wxb3-site-header--offset .wxb3-site-nav{justify-content:flex-end}

/* Twelve hero compositions. */
.wxb3-hero { padding-block:clamp(48px,7cqi,110px); }
.wxb3-hero-layout { display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(24px,5cqi,78px); }
.wxb3-hero-copy { display:grid;align-content:center;gap:clamp(16px,2cqi,26px);min-width:0; }
.wxb3-hero h1 { max-width:12ch;font-size:clamp(45px,7.4cqi,104px);line-height:.91; }
.wxb3-hero-lede { display:grid;gap:10px;max-width:64ch; }.wxb3-hero-lede p{color:var(--wxb-live-muted);font-size:clamp(13px,1.35cqi,17px);line-height:1.72}.wxb3-hero-lede p:first-child{color:var(--wxb-live-ink);font-size:clamp(15px,1.55cqi,19px)}
.wxb3-hero-facts,.wxb3-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--wxb-live-line);background:var(--wxb-live-line); }.wxb3-hero-facts>div,.wxb3-facts>div{display:grid;gap:4px;padding:10px;background:var(--wxb-live-panel)}.wxb3-hero-facts dt,.wxb3-facts dt{color:var(--wxb-live-muted);font:650 7px/1 "IBM Plex Mono",monospace}.wxb3-hero-facts dd,.wxb3-facts dd{font-size:10px;font-weight:800}
.wxb3-hero-stage { position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid var(--wxb-live-line);border-radius:var(--wxb3-radius);background:var(--wxb-live-panel-alt); }
.wxb3-media { position:relative;min-width:0;overflow:hidden;background:var(--wxb-live-panel-alt); }.wxb3-media figcaption{position:absolute;inset:auto 8px 8px;padding:7px 9px;color:#fff;background:rgba(10,12,16,.74);font:650 7px/1.3 "IBM Plex Mono",monospace}
.wxb3-hero-stage--journal { grid-template-columns:minmax(0,1.25fr) minmax(170px,.75fr); }.wxb3-hero-cover{aspect-ratio:4/5}.wxb3-hero-issue{display:grid;align-content:end;gap:13px;padding:clamp(16px,2.5cqi,30px);border-top:4px double var(--wxb-live-ink)}.wxb3-hero-issue small{color:var(--wxb-live-accent);font:700 8px/1 "IBM Plex Mono",monospace}.wxb3-hero-issue h3{font-size:clamp(20px,2.5cqi,34px)}.wxb3-hero-issue p{color:var(--wxb-live-muted);font-size:10px;line-height:1.6}
.wxb3-hero-stage--overlap { overflow:visible;border:0;background:transparent;grid-template-columns:1fr .54fr;grid-template-rows:auto auto;padding:0 0 9%; }.wxb3-hero-overlap-a{grid-column:1;grid-row:1/3;aspect-ratio:4/5;border-radius:var(--wxb3-radius)}.wxb3-hero-overlap-b{grid-column:2;grid-row:2;aspect-ratio:1;translate:-14% 24%;border:8px solid var(--wxb-live-canvas);border-radius:50% 6px 6px}.wxb3-hero-stamp{position:absolute;right:3%;top:6%;padding:10px;border:1px solid var(--wxb-live-ink);border-radius:50%;rotate:9deg;background:var(--wxb-live-canvas);font:700 7px/1.2 "IBM Plex Mono",monospace}
.wxb3-hero-stage--vertical { grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);border-radius:0 }.wxb3-hero-index{display:grid;align-content:center;gap:0;padding:0;list-style:none}.wxb3-hero-index li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:14px;border-bottom:1px solid var(--wxb-live-line)}.wxb3-hero-index span{color:var(--wxb-live-accent);font:700 8px/1 monospace}.wxb3-hero-index strong{font-size:11px}.wxb3-hero-vertical-media{aspect-ratio:4/5}
.wxb3-hero-stage--cinema { grid-template:1fr/1fr;border-radius:0;background:#101116 }.wxb3-hero-cinema-media{grid-area:1/1;aspect-ratio:16/10}.wxb3-hero-cinema-media::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.72))}.wxb3-hero-cinema-caption{grid-area:1/1;z-index:2;align-self:end;display:grid;grid-template-columns:.7fr 1.3fr;gap:18px;padding:clamp(18px,3cqi,38px);color:#fff}.wxb3-hero-cinema-caption strong{font-size:clamp(20px,2.5cqi,34px)}.wxb3-hero-cinema-caption p{font-size:10px;line-height:1.6}
.wxb3-hero-stage--shelf { grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);background:var(--wxb-live-panel) }.wxb3-hero-product{aspect-ratio:1}.wxb3-hero-shelf{display:grid}.wxb3-hero-shelf article{display:grid;align-content:center;gap:5px;padding:14px;border-bottom:1px solid var(--wxb-live-line)}.wxb3-hero-shelf small,.wxb3-hero-shelf span{color:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-hero-shelf strong{font-size:11px}
.wxb3-hero-stage--numbered { gap:1px;background:var(--wxb-live-line);border-radius:0 }.wxb3-hero-number{display:grid;grid-template-columns:auto minmax(120px,.7fr) minmax(0,1.3fr);align-items:center;gap:14px;padding:clamp(16px,2.5cqi,30px);background:var(--wxb-live-panel)}.wxb3-hero-number b{color:var(--wxb-live-accent);font-size:clamp(34px,4cqi,56px)}.wxb3-hero-number span{font-weight:850}.wxb3-hero-number p{color:var(--wxb-live-muted);font-size:9px;line-height:1.55}
.wxb3-hero-stage--poster { min-height:auto;grid-template:repeat(5,auto)/repeat(6,1fr);border:3px solid var(--wxb-live-ink);border-radius:0;box-shadow:8px 8px 0 var(--wxb-live-ink);overflow:hidden }.wxb3-hero-poster-word{grid-column:1/-1;z-index:2;padding:12px;color:var(--wxb-live-on-accent);background:var(--wxb-live-accent);font:900 clamp(35px,6cqi,78px)/.82 var(--wxb-display-font);letter-spacing:-.07em}.wxb3-hero-poster-image{grid-column:2/-1;grid-row:2/6;aspect-ratio:4/3}.wxb3-hero-poster-ticket{grid-column:1/3;grid-row:4/6;z-index:2;align-self:end;padding:18px;color:var(--wxb-live-canvas);background:var(--wxb-live-ink);font:700 8px/1.4 monospace}
.wxb3-hero-stage--offset { overflow:visible;grid-template-columns:.75fr 1.25fr;grid-template-rows:auto auto;border:0;background:transparent }.wxb3-hero-folio{z-index:2;display:grid;align-content:center;gap:12px;margin-right:-18%;padding:clamp(18px,3cqi,34px);border:1px solid var(--wxb-live-line);background:var(--wxb-live-panel)}.wxb3-hero-folio small{color:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-hero-folio h3{font-size:clamp(23px,3cqi,40px)}.wxb3-hero-folio p{color:var(--wxb-live-muted);font-size:10px;line-height:1.65}.wxb3-hero-offset-image{grid-column:2;grid-row:1/3;aspect-ratio:4/5}.wxb3-hero-stage--offset blockquote{z-index:3;width:120%;padding:15px;border-left:4px solid var(--wxb-live-accent);background:var(--wxb-live-canvas);font-size:11px}
.wxb3-hero-stage--bento { grid-template-columns:repeat(2,1fr);gap:var(--wxb3-gap);padding:var(--wxb3-gap);border:0;background:transparent }.wxb3-hero-bento-main{grid-row:span 3;aspect-ratio:4/5;border-radius:var(--wxb3-radius)}.wxb3-hero-bento-cell{display:grid;align-content:center;gap:9px;padding:clamp(14px,2cqi,24px);border:1px solid var(--wxb-live-line);border-radius:var(--wxb3-radius);background:var(--wxb-live-panel)}.wxb3-hero-bento-cell small{color:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-hero-bento-cell strong{font-size:13px}.wxb3-hero-bento-cell p{color:var(--wxb-live-muted);font-size:9px;line-height:1.5}
.wxb3-hero-stage--cascade { overflow:visible;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);border:0;background:transparent;aspect-ratio:5/4 }.wxb3-hero-cascade-a{grid-area:1/1/7/5;z-index:1}.wxb3-hero-cascade-b{grid-area:2/4/6/7;z-index:2;border:7px solid var(--wxb-live-canvas)}.wxb3-hero-cascade-c{grid-area:5/3/9/6;z-index:3;border:7px solid var(--wxb-live-canvas)}
.wxb3-hero-stage--signal { grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr);padding:var(--wxb3-gap);color:#eaf1fb;background:#10141c;border-color:#2c3544 }.wxb3-hero-console{display:grid;align-content:center;gap:7px}.wxb3-console-bar{padding:9px;border:1px solid #354052;background:#171d27;font:700 7px/1 monospace}.wxb3-console-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #293343}.wxb3-console-row i{width:6px;aspect-ratio:1;border-radius:50%;background:#50d89b}.wxb3-console-row strong,.wxb3-console-row span{font-size:9px}.wxb3-console-row span{color:var(--wxb-live-accent)}.wxb3-hero-signal-image{aspect-ratio:3/4}
.wxb3-hero-stage--quiet { grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);overflow:visible;border:0;background:transparent }.wxb3-hero-quiet-image{aspect-ratio:16/11;border-radius:var(--wxb3-radius)}.wxb3-hero-quiet-note{align-self:end;display:grid;gap:11px;margin-left:-18%;margin-bottom:8%;padding:clamp(17px,2.5cqi,30px);border:1px solid var(--wxb-live-line);background:var(--wxb-live-panel)}.wxb3-hero-quiet-note small{color:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-hero-quiet-note h3{font-size:clamp(19px,2.3cqi,30px)}.wxb3-hero-quiet-note p{color:var(--wxb-live-muted);font-size:10px;line-height:1.6}

/* Intrinsic Tetris boards: six semantic pieces, no measured geometry. */
.wxb3-section { position:relative;padding-block:var(--wxb3-space);border-top:1px solid var(--wxb-live-line); }
.wxb3-section:nth-of-type(even) { background:color-mix(in srgb,var(--wxb-live-canvas) 93%,var(--wxb-live-accent) 7%); }
.wxb3-section-heading { display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:end;gap:clamp(24px,5cqi,80px);margin-bottom:clamp(28px,4cqi,58px); }
.wxb3-section-heading>div:first-child { display:grid;gap:11px; }.wxb3-section-heading h2{max-width:15ch;font-size:clamp(34px,5cqi,70px);line-height:.95}.wxb3-section-context{display:grid;gap:9px}.wxb3-section-context p{max-width:64ch;color:var(--wxb-live-muted);font-size:12px;line-height:1.7}.wxb3-section-context small{font:650 7px/1.3 "IBM Plex Mono",monospace;letter-spacing:.06em}
.wxb3-tetris-board { display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "b" "c" "d" "e" "f";gap:var(--wxb3-gap);align-items:stretch;min-width:0; }
.wxb3-tetris-board>[data-wxb-piece="a"]{grid-area:a}.wxb3-tetris-board>[data-wxb-piece="b"]{grid-area:b}.wxb3-tetris-board>[data-wxb-piece="c"]{grid-area:c}.wxb3-tetris-board>[data-wxb-piece="d"]{grid-area:d}.wxb3-tetris-board>[data-wxb-piece="e"]{grid-area:e}.wxb3-tetris-board>[data-wxb-piece="f"]{grid-area:f}
.wxb3-piece { position:relative;display:grid;align-content:start;gap:13px;min-width:0;padding:var(--wxb3-pad);overflow:visible;border:1px solid var(--wxb-live-line);border-radius:var(--wxb3-radius);background:var(--wxb-live-panel);box-shadow:0 1px 0 color-mix(in srgb,var(--wxb-live-ink) 4%,transparent); }
.wxb3-piece>:not(.wxb3-piece-media){min-width:0;max-width:100%;overflow-wrap:anywhere}
.wxb3-piece h3 { max-width:18ch;font-size:clamp(19px,2.2cqi,32px);line-height:1.03; }.wxb3-piece>p{color:var(--wxb-live-muted);font-size:10px;line-height:1.7}.wxb3-piece-action{justify-self:start;max-width:100%;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:9px;font-weight:850;text-decoration:none;overflow-wrap:anywhere}.wxb3-piece-media{margin:calc(var(--wxb3-pad)*-1) calc(var(--wxb3-pad)*-1) 3px;aspect-ratio:16/10}.wxb3-piece-media+*{margin-top:0}
.wxb3-list { display:grid;gap:7px;padding:0;list-style:none; }.wxb3-list li{position:relative;padding-left:16px;color:var(--wxb-live-muted);font-size:9px;line-height:1.45}.wxb3-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:2px;background:var(--wxb-live-accent)}
.wxb3-detail-rows { display:grid;border-top:1px solid var(--wxb-live-line) }.wxb3-detail-rows>div{display:grid;grid-template-columns:minmax(58px,.55fr) minmax(0,1.45fr);gap:10px;padding-block:7px;border-bottom:1px solid var(--wxb-live-line)}.wxb3-detail-rows dt{color:var(--wxb-live-muted);font:650 7px/1.3 monospace}.wxb3-detail-rows dd{font-size:9px;font-weight:750}
.wxb3-mini-facts,.wxb3-record-facts,.wxb3-stay-facts,.wxb3-impact-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wxb-live-line)}.wxb3-mini-facts>div,.wxb3-record-facts>div,.wxb3-stay-facts>div,.wxb3-impact-facts>div{display:grid;gap:4px;padding:9px;background:var(--wxb-live-panel)}.wxb3-mini-facts dt,.wxb3-record-facts dt,.wxb3-stay-facts dt,.wxb3-impact-facts dt{color:var(--wxb-live-muted);font:650 6px/1 monospace}.wxb3-mini-facts dd,.wxb3-record-facts dd,.wxb3-stay-facts dd,.wxb3-impact-facts dd{font-size:8px;font-weight:800}
.wxb3-metric{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--wxb-live-line)}.wxb3-metric strong{color:var(--wxb-live-accent);font:850 clamp(32px,4cqi,60px)/.85 var(--wxb-display-font)}.wxb3-metric span{color:var(--wxb-live-muted);font:650 7px/1.2 monospace;text-transform:uppercase}

/* Family-specific material and content language. */
.wxb3-piece--journal-lead,.wxb3-piece--studio-project,.wxb3-piece--product-featured,.wxb3-piece--stay-panorama,.wxb3-piece--architecture-project,.wxb3-piece--case-cover,.wxb3-piece--event-stage,.wxb3-piece--impact-lead{align-content:stretch}.wxb3-piece--journal-lead .wxb3-piece-media,.wxb3-piece--stay-panorama .wxb3-piece-media,.wxb3-piece--architecture-project .wxb3-piece-media{aspect-ratio:4/3}
.wxb3-piece--journal-index{border-radius:0;border-inline:0}.wxb3-piece--journal-index ol{display:grid;padding:0;list-style:none}.wxb3-piece--journal-index li{display:grid;grid-template-columns:28px minmax(100px,.8fr) minmax(0,1.2fr);gap:9px;padding:9px 0;border-top:1px solid var(--wxb-live-line)}.wxb3-piece--journal-index li span{color:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-piece--journal-index li strong{font-size:9px}.wxb3-piece--journal-index li small{color:var(--wxb-live-muted);font-size:7px}.wxb3-piece--journal-quote{align-content:center;border:0;border-top:5px double var(--wxb-live-ink);border-radius:0;background:transparent;font:650 clamp(20px,2.5cqi,34px)/1.22 var(--wxb-display-font)}.wxb3-piece--journal-quote cite{font:650 7px/1.3 monospace}
.wxb3-piece--studio-project,.wxb3-piece--studio-material,.wxb3-piece--case-cover,.wxb3-piece--case-move{padding:0;background:var(--wxb-live-ink);color:var(--wxb-live-canvas)}.wxb3-piece--studio-project>.wxb3-piece-label,.wxb3-piece--studio-project>h3,.wxb3-piece--studio-project>p,.wxb3-piece--studio-material>.wxb3-piece-label,.wxb3-piece--studio-material>h3,.wxb3-piece--studio-material>p,.wxb3-piece--case-cover>:not(.wxb3-piece-media),.wxb3-piece--case-move>:not(.wxb3-piece-media){margin-inline:var(--wxb3-pad)}.wxb3-piece--studio-project>.wxb3-piece-action,.wxb3-piece--studio-material>.wxb3-piece-action{margin-bottom:var(--wxb3-pad)}.wxb3-project-overlay{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px var(--wxb3-pad);border-top:1px solid color-mix(in srgb,var(--wxb-live-canvas) 18%,transparent)}.wxb3-project-overlay span,.wxb3-material-code,.wxb3-chapter-label{color:var(--wxb-live-accent);font:700 7px/1.2 monospace}.wxb3-project-overlay strong{font-size:10px}.wxb3-piece--studio-quote,.wxb3-piece--case-quote{align-content:end;color:var(--wxb-live-on-accent);background:var(--wxb-live-accent);font:700 clamp(20px,2.6cqi,36px)/1.18 var(--wxb-display-font)}.wxb3-piece--studio-quote cite,.wxb3-piece--case-quote cite{font:650 7px/1 monospace}
.wxb3-piece--product-featured,.wxb3-piece--product-card,.wxb3-piece--product-card-alt{border-radius:2px}.wxb3-product-flag,.wxb3-product-price{color:var(--wxb-live-accent);font:750 7px/1.2 monospace}.wxb3-piece--product-route{align-content:end;border-radius:999px 999px var(--wxb3-radius) var(--wxb3-radius);padding-top:clamp(38px,5cqi,76px);text-align:center}.wxb3-piece--product-route .wxb3-piece-action{justify-self:center}
.wxb3-piece--stay-panorama{border-radius:clamp(16px,2.4cqi,32px)}.wxb3-piece--itinerary-stop,.wxb3-piece--itinerary-stop-alt{grid-template-columns:auto minmax(0,1fr)}.wxb3-piece--itinerary-stop time,.wxb3-piece--itinerary-stop-alt time{grid-row:1/5;color:var(--wxb-live-accent);font:800 clamp(18px,2cqi,28px)/1 var(--wxb-display-font);writing-mode:vertical-rl}.wxb3-piece--guest-note,.wxb3-piece--care-quote{align-content:center;border-radius:48% 48% var(--wxb3-radius) var(--wxb3-radius);padding-top:clamp(42px,6cqi,90px);font:650 clamp(18px,2.3cqi,31px)/1.28 var(--wxb-display-font)}.wxb3-piece--guest-note cite,.wxb3-piece--care-quote cite{font:650 7px/1 monospace}
.wxb3-piece--product-dashboard,.wxb3-piece--control-panel,.wxb3-piece--signal-panel,.wxb3-piece--integration-map{color:#e9f0fa;border-color:#303a4a;border-radius:4px;background:#111722}.wxb3-piece--product-dashboard>p,.wxb3-piece--control-panel>p,.wxb3-piece--signal-panel>p,.wxb3-piece--integration-map>p{color:#a5afbf}.wxb3-ui-panel{display:grid;gap:6px}.wxb3-ui-panel>span{padding:8px;border:1px solid #374255;color:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-ui-panel>div{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #2d3748}.wxb3-ui-panel i{width:6px;aspect-ratio:1;border-radius:50%;background:#46d38f}.wxb3-ui-panel strong,.wxb3-ui-panel b{font-size:8px}.wxb3-tags{display:flex;flex-wrap:wrap;gap:5px}.wxb3-tags span{padding:6px 8px;border:1px solid #3a4557;border-radius:999px;font:700 7px/1 monospace}
.wxb3-piece--evidence-brief{border-left:6px solid var(--wxb-live-accent);border-radius:0}.wxb3-evidence-lead{color:var(--wxb-live-ink)!important;font-size:12px!important;font-weight:700}.wxb3-piece--milestone-record{border-radius:0;background:transparent}.wxb3-milestones{display:grid;gap:0;padding:0;list-style:none}.wxb3-milestones li{display:grid;grid-template-columns:28px 1fr;align-items:center;border-top:1px solid var(--wxb-live-line);padding-block:9px}.wxb3-milestones b{color:var(--wxb-live-accent)}.wxb3-milestones span{font-size:9px;font-weight:700}.wxb3-piece--advisory-quote{align-content:center;background:var(--wxb-live-ink);color:var(--wxb-live-canvas);font:650 clamp(19px,2.4cqi,32px)/1.3 var(--wxb-display-font)}.wxb3-piece--advisory-quote cite{font:650 7px/1 monospace}
.wxb3-section--wellness .wxb3-piece{border-radius:clamp(18px,2.5cqi,32px)}.wxb3-care-number{position:absolute;right:14px;top:10px;color:var(--wxb-live-accent);font:850 clamp(28px,4cqi,56px)/1 var(--wxb-display-font)}.wxb3-care-time{font:700 7px/1.3 monospace;color:var(--wxb-live-accent)}.wxb3-piece--care-booking{background:color-mix(in srgb,var(--wxb-live-panel) 72%,var(--wxb-live-accent) 28%)}
.wxb3-section--local .wxb3-piece{border-radius:0;border-width:1px 0 0}.wxb3-service-status{padding:7px 9px;color:var(--wxb-live-on-accent);background:var(--wxb-live-accent);font:750 7px/1 monospace}.wxb3-dispatch-number{position:absolute;right:12px;top:9px;color:var(--wxb-live-accent);font-size:26px}.wxb3-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;aspect-ratio:2/1}.wxb3-map-grid i{background:var(--wxb-live-line)}.wxb3-map-grid i.is-active{background:var(--wxb-live-accent)}.wxb3-piece--local-record{align-content:center;border-left:5px solid var(--wxb-live-accent);font:650 clamp(18px,2.2cqi,29px)/1.28 var(--wxb-display-font)}.wxb3-piece--local-record cite{font:650 7px/1 monospace}
.wxb3-section--architecture .wxb3-piece{border-radius:0}.wxb3-project-code,.wxb3-scale-note{font:700 7px/1.2 monospace;color:var(--wxb-live-accent)}.wxb3-drawing-grid{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:2/1;background:linear-gradient(var(--wxb-live-line) 1px,transparent 1px),linear-gradient(90deg,var(--wxb-live-line) 1px,transparent 1px);background-size:16px 16px}.wxb3-drawing-grid i{border:1px solid var(--wxb-live-ink)}.wxb3-piece--material-register dt{writing-mode:vertical-rl}.wxb3-piece--site-enquiry{align-content:end;border-top:7px solid var(--wxb-live-accent)}
.wxb3-case-number{position:absolute;right:10px;top:5px;color:var(--wxb-live-accent);font:900 clamp(42px,7cqi,96px)/1 var(--wxb-display-font)}
.wxb3-section--event .wxb3-piece{border:2px solid var(--wxb-live-ink);border-radius:0;box-shadow:5px 5px 0 var(--wxb-live-ink)}.wxb3-live-flag,.wxb3-track{padding:6px 8px;color:var(--wxb-live-on-accent);background:var(--wxb-live-accent);font:700 7px/1 monospace}.wxb3-piece--program-slot,.wxb3-piece--program-slot-alt{grid-template-columns:auto 1fr}.wxb3-piece--program-slot time,.wxb3-piece--program-slot-alt time{grid-row:1/5;color:var(--wxb-live-accent);font:900 clamp(26px,3.5cqi,48px)/.9 var(--wxb-display-font);writing-mode:vertical-rl}.wxb3-piece--event-ticket{background:var(--wxb-live-accent);color:var(--wxb-live-on-accent)}
.wxb3-piece--impact-lead{border-left:8px solid var(--wxb-live-accent)}.wxb3-piece--impact-metrics{background:var(--wxb-live-ink);color:var(--wxb-live-canvas)}.wxb3-piece--participant-story{align-content:center;color:var(--wxb-live-on-accent);background:var(--wxb-live-accent);font:650 clamp(18px,2.4cqi,32px)/1.28 var(--wxb-display-font)}.wxb3-piece--participant-story cite{font:650 7px/1 monospace}

/* Blueprint surface systems make the same content family feel materially different. */
.wxb2-preview[data-wxb-tetris-surface="paper"] .wxb3-piece{border-radius:0;background:color-mix(in srgb,var(--wxb-live-panel) 90%,#dfcda9 10%);box-shadow:4px 4px 0 color-mix(in srgb,var(--wxb-live-ink) 8%,transparent)}
.wxb2-preview[data-wxb-tetris-surface="ink"] .wxb3-section:nth-of-type(3n+2),.wxb2-preview[data-wxb-tetris-surface="dark"] .wxb3-section:nth-of-type(2n+1){color:var(--wxb-live-canvas);background:var(--wxb-live-ink);--wxb-live-muted:color-mix(in srgb,var(--wxb-live-canvas) 68%,transparent);--wxb-live-line:color-mix(in srgb,var(--wxb-live-canvas) 20%,transparent);--wxb-live-panel:color-mix(in srgb,var(--wxb-live-canvas) 7%,var(--wxb-live-ink))}
.wxb2-preview[data-wxb-tetris-surface="store"]{--wxb3-radius:2px}.wxb2-preview[data-wxb-tetris-surface="store"] .wxb3-button{border-radius:999px}
.wxb2-preview[data-wxb-tetris-surface="outline"] .wxb3-piece{border-radius:0;background:transparent;box-shadow:none}
.wxb2-preview[data-wxb-tetris-surface="signal"]{--wxb3-radius:0}.wxb2-preview[data-wxb-tetris-surface="signal"] :where(h1,h2,h3){text-transform:uppercase}.wxb2-preview[data-wxb-tetris-surface="signal"] .wxb3-piece{border:2px solid var(--wxb-live-ink);box-shadow:5px 5px 0 var(--wxb-live-ink)}
.wxb2-preview[data-wxb-tetris-surface="quiet"] .wxb3-piece,.wxb2-preview[data-wxb-tetris-surface="minimal"] .wxb3-piece{border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none}
.wxb2-preview[data-wxb-tetris-surface="soft"]{--wxb3-radius:22px}.wxb2-preview[data-wxb-tetris-surface="soft"] .wxb3-piece{background:color-mix(in srgb,var(--wxb-live-panel) 78%,var(--wxb-live-accent) 22%)}
.wxb2-preview[data-wxb-tetris-surface="gallery"] .wxb3-piece[data-wxb-piece="a"],.wxb2-preview[data-wxb-tetris-surface="gallery"] .wxb3-piece[data-wxb-piece="d"]{background:var(--wxb-live-ink);color:var(--wxb-live-canvas)}
.wxb2-preview[data-wxb-tetris-surface="console"]{--wxb3-radius:4px}.wxb2-preview[data-wxb-tetris-surface="console"] .wxb3-section:nth-of-type(odd){background:#111722}

@container wxb3-shell (min-width:42rem){
  .wxb3-tetris-board{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"a a a a b b" "a a a a c c" "d d e e f f"}
  .wxb3-tetris-board[data-wxb-board-shape="rail"],.wxb3-tetris-board[data-wxb-board-shape="skyline"],.wxb3-tetris-board[data-wxb-board-shape="numbered"],.wxb3-tetris-board[data-wxb-board-shape="signal"]{grid-template-areas:"a a b b c c" "a a d d c c" "a a e e f f"}
  .wxb3-tetris-board[data-wxb-board-shape="splice"],.wxb3-tetris-board[data-wxb-board-shape="shelf"],.wxb3-tetris-board[data-wxb-board-shape="catalog"],.wxb3-tetris-board[data-wxb-board-shape="bento"]{grid-template-areas:"a a a b b b" "a a a b b b" "c c d d e e" "c c d d f f"}
  .wxb3-tetris-board[data-wxb-board-shape="quiet"],.wxb3-tetris-board[data-wxb-board-shape="cinema"],.wxb3-tetris-board[data-wxb-board-shape="poster"]{grid-template-areas:"a a a a a a" "a a a a a a" "b b c c d d" "e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="arch"],.wxb3-tetris-board[data-wxb-board-shape="column"],.wxb3-tetris-board[data-wxb-board-shape="canyon"],.wxb3-tetris-board[data-wxb-board-shape="duplex"]{grid-template-areas:"a a b b c c" "a a b b c c" "d d e e f f" "d d e e f f"}
  .wxb3-tetris-board[data-wxb-board-shape="bridge"],.wxb3-tetris-board[data-wxb-board-shape="anchor"],.wxb3-tetris-board[data-wxb-board-shape="window"]{grid-template-areas:"a a a a a a" "b b c c d d" "b b e e d d" "b b f f d d"}
  .wxb3-tetris-board[data-wxb-board-shape="mosaic"],.wxb3-tetris-board[data-wxb-board-shape="terrace"],.wxb3-tetris-board[data-wxb-board-shape="boulevard"]{grid-template-areas:"a a b b b b" "a a c c d d" "a a c c d d" "e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="hinge"],.wxb3-tetris-board[data-wxb-board-shape="orbit"],.wxb3-tetris-board[data-wxb-board-shape="plaza"]{grid-template-areas:"a a a b b b" "a a a b b b" "c c c d d d" "e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="ribbon"],.wxb3-tetris-board[data-wxb-board-shape="ladder"],.wxb3-tetris-board[data-wxb-board-shape="horizon"]{grid-template-areas:"a a a a a a" "b b c c c c" "b b d d e e" "b b f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="spotlight"],.wxb3-tetris-board[data-wxb-board-shape="gallery-wall"]{grid-template-areas:"a a a a b b" "a a a a c c" "a a a a d d" "e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="triptych"]{grid-template-areas:"a a b b c c" "a a b b c c" "a a b b c c" "d d e e f f"}
}
@container wxb3-shell (min-width:64rem){
  .wxb3-tetris-board{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,auto)}
  .wxb3-tetris-board[data-wxb-board-shape="spine"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a d d d d e e e e" "a a a a f f f f e e e e" "a a a a f f f f e e e e"}
  .wxb3-tetris-board[data-wxb-board-shape="folio"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c c d d d d e e e e" "c c c c f f f f e e e e"}
  .wxb3-tetris-board[data-wxb-board-shape="stair"]{grid-template-areas:"a a a a a a b b b c c c" "a a a a a a d d d d d d" "e e e f f f d d d d d d" "e e e f f f d d d d d d"}
  .wxb3-tetris-board[data-wxb-board-shape="rail"]{grid-template-areas:"a a a b b b c c c c c c" "a a a b b b c c c c c c" "a a a d d d e e e f f f" "a a a d d d e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="splice"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a b b b b b b" "c c c d d d e e e f f f" "c c c d d d e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="quiet"]{grid-template-areas:"a a a a a a a a a a a a" "a a a a a a a a a a a a" "b b b c c c d d d e e e" "f f f f f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="overlap"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a c c c c" "a a a a a a a a d d d d" "e e e e e e f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="pinwheel"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a d d d d d d d d" "a a a a d d d d d d d d" "e e e e f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="cascade"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a c c c d d d" "e e e e e e f f f f f f" "e e e e e e f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="corner"]{grid-template-areas:"a a a a b b b b b b b b" "a a a a c c c c d d d d" "a a a a e e e e e e e e" "f f f f f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="skyline"]{grid-template-areas:"a a a b b b c c c d d d" "a a a b b b c c c d d d" "a a a b b b f f f d d d" "a a a e e e f f f d d d"}
  .wxb3-tetris-board[data-wxb-board-shape="cross"]{grid-template-areas:"b b b c c c c c c d d d" "b b b a a a a a a d d d" "b b b a a a a a a d d d" "e e e e e e f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="cinema"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c d d d e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="runway"]{grid-template-areas:"a a a a a a a a a a a a" "b b b b c c c c c c c c" "b b b b d d d d e e e e" "b b b b f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="shelf"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a b b b b b b" "c c c c d d d d e e e e" "f f f f f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="catalog"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "d d d d e e e e f f f f" "d d d d e e e e f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="numbered"]{grid-template-areas:"a a a b b b b b b b b b" "a a a c c c c c c c c c" "a a a d d d e e e f f f" "a a a d d d e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="poster"]{grid-template-areas:"a a a a a a a b b b b b" "a a a a a a a c c c c c" "a a a a a a a d d d d d" "a a a a a a a e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="bento"]{grid-template-areas:"a a a a a a b b b c c c" "a a a a a a b b b c c c" "d d d e e e e e e f f f" "d d d e e e e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="offset"]{grid-template-areas:"a a a a b b b b b b b b" "c c c c c c c c d d d d" "c c c c c c c c d d d d" "e e e e e e f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="signal"]{grid-template-areas:"a a a b b b c c c d d d" "a a a b b b c c c d d d" "a a a e e e e e e f f f" "a a a e e e e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="arch"]{grid-template-areas:"a a a b b b b b b f f f" "a a a c c c c c c f f f" "a a a c c c c c c f f f" "a a a d d d e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="bridge"]{grid-template-areas:"a a a a a a a a a a a a" "b b b c c c c c c f f f" "b b b d d d d d d f f f" "b b b e e e e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="canyon"]{grid-template-areas:"a a a a b b b b d d d d" "a a a a b b b b e e e e" "a a a a c c c c e e e e" "a a a a c c c c f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="mosaic"]{grid-template-areas:"a a a a c c c c e e e e" "a a a a d d d d e e e e" "b b b b d d d d e e e e" "b b b b d d d d f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="hinge"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a c c c c" "d d d d e e e e f f f f" "d d d d e e e e f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="ribbon"]{grid-template-areas:"a a a a a a a a a a a a" "b b b b b b b b b b b b" "c c c c d d d d d d d d" "e e e e f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="orbit"]{grid-template-areas:"a a a b b b b b b c c c" "a a a b b b b b b c c c" "d d d e e e e e e f f f" "d d d e e e e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="terrace"]{grid-template-areas:"a a a a a b b b b b b b" "a a a a a c c c c d d d" "e e e e e e f f f d d d" "e e e e e e f f f d d d"}
  .wxb3-tetris-board[data-wxb-board-shape="anchor"]{grid-template-areas:"a a a a a a a a a a a a" "b b b c c c c c c d d d" "b b b c c c c c c d d d" "b b b e e e f f f d d d"}
  .wxb3-tetris-board[data-wxb-board-shape="column"]{grid-template-areas:"a a b b b b b c c c c c" "a a b b b b b d d d d d" "a a b b b b b e e e f f" "a a b b b b b e e e f f"}
  .wxb3-tetris-board[data-wxb-board-shape="spotlight"]{grid-template-areas:"a a a a a a a a a b b b" "a a a a a a a a a c c c" "a a a a a a a a a d d d" "e e e e e e f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="boulevard"]{grid-template-areas:"a a a a b b b b b b b b" "a a a a c c c c d d d d" "e e e e f f f f d d d d" "e e e e f f f f d d d d"}
  .wxb3-tetris-board[data-wxb-board-shape="duplex"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a c c c d d d" "a a a a a a c c c d d d" "a a a a a a e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="triptych"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "a a a a b b b b c c c c" "d d e e e e e e e e f f"}
  .wxb3-tetris-board[data-wxb-board-shape="window"]{grid-template-areas:"a a a b b b b b b c c c" "d d d b b b b b b e e e" "d d d b b b b b b e e e" "f f f f f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="gallery-wall"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a c c c c" "a a a a a a a a d d d d" "a a a a a a a a e e f f"}
  .wxb3-tetris-board[data-wxb-board-shape="ladder"]{grid-template-areas:"a a a a b b b b b b b b" "c c c c b b b b b b b b" "d d d d b b b b b b b b" "e e e e f f f f f f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="plaza"]{grid-template-areas:"a a a b b b b b b c c c" "d d d e e e e e e f f f" "d d d e e e e e e f f f" "d d d e e e e e e f f f"}
  .wxb3-tetris-board[data-wxb-board-shape="horizon"]{grid-template-areas:"a a a a a a a a b b b b" "c c c c d d d d d d d d" "c c c c d d d d d d d d" "e e e e e e f f f f f f"}
}

.wxb3-section-switcher{position:absolute;z-index:4;inset:12px 12px auto auto;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--wxb-live-line);border-radius:999px;background:color-mix(in srgb,var(--wxb-live-canvas) 88%,transparent);backdrop-filter:blur(10px)}.wxb3-section-switcher button{display:grid;place-items:center;width:27px;aspect-ratio:1;padding:0;border:0;border-radius:50%;color:inherit;background:transparent}.wxb3-section-switcher button:hover{color:var(--wxb-live-on-accent);background:var(--wxb-live-accent)}.wxb3-section-switcher span{min-width:36px;text-align:center;font:650 7px/1 monospace}

/* Twelve footer endings. */
.wxb3-site-footer{padding:clamp(50px,7cqi,96px) 0 22px;color:var(--wxb-live-canvas);background:var(--wxb-live-ink)}.wxb3-footer-callout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:clamp(24px,5cqi,70px);align-items:end;padding-bottom:clamp(30px,5cqi,60px);border-bottom:1px solid color-mix(in srgb,var(--wxb-live-canvas) 18%,transparent)}.wxb3-footer-callout>div{display:grid;gap:14px}.wxb3-footer-callout h2{max-width:15ch;font-size:clamp(36px,5.5cqi,78px);line-height:.94}.wxb3-footer-callout p{color:color-mix(in srgb,var(--wxb-live-canvas) 68%,transparent);font-size:11px;line-height:1.7}.wxb3-footer-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(120px,.55fr));gap:clamp(22px,4cqi,56px);padding-block:clamp(30px,5cqi,56px)}.wxb3-footer-brand{display:grid;align-content:start;gap:18px}.wxb3-footer-brand p{max-width:48ch;color:color-mix(in srgb,var(--wxb-live-canvas) 64%,transparent);font-size:10px;line-height:1.7}.wxb3-site-footer .wxb3-brand{color:var(--wxb-live-canvas)}.wxb3-site-footer .wxb3-brand__copy small{color:color-mix(in srgb,var(--wxb-live-canvas) 58%,transparent)}.wxb3-footer-column{display:grid;align-content:start;gap:10px}.wxb3-footer-column strong{margin-bottom:5px;color:var(--wxb-live-accent);font:700 7px/1 monospace;letter-spacing:.1em}.wxb3-footer-column a{font-size:10px;text-decoration:none}.wxb3-footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--wxb-live-canvas) 18%,transparent);color:color-mix(in srgb,var(--wxb-live-canvas) 56%,transparent);font:650 7px/1.3 monospace}
.wxb3-site-footer--index .wxb3-footer-grid,.wxb3-site-footer--journal .wxb3-footer-grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,.5fr))}.wxb3-site-footer--index .wxb3-footer-column:last-child,.wxb3-site-footer--journal .wxb3-footer-column:last-child{display:none}
.wxb3-site-footer--gallery .wxb3-footer-callout,.wxb3-site-footer--cascade .wxb3-footer-callout{border:1px solid color-mix(in srgb,var(--wxb-live-canvas) 18%,transparent);padding:clamp(24px,4cqi,50px)}
.wxb3-site-footer--vertical .wxb3-footer-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.wxb3-site-footer--vertical .wxb3-footer-column{grid-column:2;padding-block:10px;border-top:1px solid color-mix(in srgb,var(--wxb-live-canvas) 18%,transparent)}
.wxb3-site-footer--cinema{text-align:center}.wxb3-site-footer--cinema .wxb3-footer-callout{grid-template-columns:1fr;justify-items:center}.wxb3-site-footer--cinema .wxb3-footer-callout>div{justify-items:center}.wxb3-site-footer--cinema .wxb3-footer-grid{grid-template-columns:repeat(3,1fr)}.wxb3-site-footer--cinema .wxb3-footer-brand{grid-column:1/-1;justify-items:center}
.wxb3-site-footer--commerce .wxb3-button{border-radius:999px}.wxb3-site-footer--commerce .wxb3-footer-column{padding:18px;border:1px solid color-mix(in srgb,var(--wxb-live-canvas) 14%,transparent)}
.wxb3-site-footer--numbered .wxb3-footer-column strong{font-size:20px}.wxb3-site-footer--poster{border-top:10px solid var(--wxb-live-accent)}.wxb3-site-footer--poster .wxb3-footer-callout h2{text-transform:uppercase}.wxb3-site-footer--bento .wxb3-footer-grid{gap:6px}.wxb3-site-footer--bento .wxb3-footer-grid>*{padding:18px;border:1px solid color-mix(in srgb,var(--wxb-live-canvas) 14%,transparent)}.wxb3-site-footer--console{background:#0d121a}.wxb3-site-footer--console .wxb3-footer-column{padding:14px;border:1px solid #2e3948;background:#131a24}.wxb3-site-footer--minimal .wxb3-footer-callout{display:none}.wxb3-site-footer--minimal .wxb3-footer-grid{padding-top:0;grid-template-columns:minmax(0,1fr) repeat(3,auto)}

/* Template cards now show the real first-board area map. */
.wxb2-template-card__preview{grid-template-columns:repeat(12,1fr)!important;grid-template-rows:repeat(4,1fr)!important;gap:2px!important}.wxb2-template-card__preview i{border-radius:2px}.wxb2-template-card__preview i[data-wxb-piece="a"]{grid-area:a;background:var(--card-a)}.wxb2-template-card__preview i[data-wxb-piece="b"]{grid-area:b;background:var(--card-c)}.wxb2-template-card__preview i[data-wxb-piece="c"]{grid-area:c}.wxb2-template-card__preview i[data-wxb-piece="d"]{grid-area:d;background:color-mix(in srgb,var(--card-a) 38%,var(--card-b))}.wxb2-template-card__preview i[data-wxb-piece="e"]{grid-area:e}.wxb2-template-card__preview i[data-wxb-piece="f"]{grid-area:f;background:color-mix(in srgb,var(--card-c) 42%,var(--card-b))}
.wxb2-template-card__preview[data-wxb-card-shape="spine"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a d d d d e e e e" "a a a a f f f f e e e e" "a a a a f f f f e e e e"}.wxb2-template-card__preview[data-wxb-card-shape="folio"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c c d d d d e e e e" "c c c c f f f f e e e e"}.wxb2-template-card__preview[data-wxb-card-shape="stair"]{grid-template-areas:"a a a a a a b b b c c c" "a a a a a a d d d d d d" "e e e f f f d d d d d d" "e e e f f f d d d d d d"}.wxb2-template-card__preview[data-wxb-card-shape="rail"]{grid-template-areas:"a a a b b b c c c c c c" "a a a b b b c c c c c c" "a a a d d d e e e f f f" "a a a d d d e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="splice"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a b b b b b b" "c c c d d d e e e f f f" "c c c d d d e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="quiet"]{grid-template-areas:"a a a a a a a a a a a a" "a a a a a a a a a a a a" "b b b c c c d d d e e e" "f f f f f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="overlap"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a c c c c" "a a a a a a a a d d d d" "e e e e e e f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="pinwheel"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a d d d d d d d d" "a a a a d d d d d d d d" "e e e e f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="cascade"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a c c c d d d" "e e e e e e f f f f f f" "e e e e e e f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="corner"]{grid-template-areas:"a a a a b b b b b b b b" "a a a a c c c c d d d d" "a a a a e e e e e e e e" "f f f f f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="skyline"]{grid-template-areas:"a a a b b b c c c d d d" "a a a b b b c c c d d d" "a a a b b b f f f d d d" "a a a e e e f f f d d d"}.wxb2-template-card__preview[data-wxb-card-shape="cross"]{grid-template-areas:"b b b c c c c c c d d d" "b b b a a a a a a d d d" "b b b a a a a a a d d d" "e e e e e e f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="cinema"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c d d d e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="runway"]{grid-template-areas:"a a a a a a a a a a a a" "b b b b c c c c c c c c" "b b b b d d d d e e e e" "b b b b f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="shelf"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a b b b b b b" "c c c c d d d d e e e e" "f f f f f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="catalog"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "d d d d e e e e f f f f" "d d d d e e e e f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="numbered"]{grid-template-areas:"a a a b b b b b b b b b" "a a a c c c c c c c c c" "a a a d d d e e e f f f" "a a a d d d e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="poster"]{grid-template-areas:"a a a a a a a b b b b b" "a a a a a a a c c c c c" "a a a a a a a d d d d d" "a a a a a a a e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="bento"]{grid-template-areas:"a a a a a a b b b c c c" "a a a a a a b b b c c c" "d d d e e e e e e f f f" "d d d e e e e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="offset"]{grid-template-areas:"a a a a b b b b b b b b" "c c c c c c c c d d d d" "c c c c c c c c d d d d" "e e e e e e f f f f f f"}
.wxb2-template-card__preview[data-wxb-card-shape="signal"]{grid-template-areas:"a a a b b b c c c d d d" "a a a b b b c c c d d d" "a a a e e e e e e f f f" "a a a e e e e e e f f f"}
.wxb2-template-card__preview[data-wxb-card-shape="arch"]{grid-template-areas:"a a a b b b b b b f f f" "a a a c c c c c c f f f" "a a a c c c c c c f f f" "a a a d d d e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="bridge"]{grid-template-areas:"a a a a a a a a a a a a" "b b b c c c c c c f f f" "b b b d d d d d d f f f" "b b b e e e e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="canyon"]{grid-template-areas:"a a a a b b b b d d d d" "a a a a b b b b e e e e" "a a a a c c c c e e e e" "a a a a c c c c f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="mosaic"]{grid-template-areas:"a a a a c c c c e e e e" "a a a a d d d d e e e e" "b b b b d d d d e e e e" "b b b b d d d d f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="hinge"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a c c c c" "d d d d e e e e f f f f" "d d d d e e e e f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="ribbon"]{grid-template-areas:"a a a a a a a a a a a a" "b b b b b b b b b b b b" "c c c c d d d d d d d d" "e e e e f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="orbit"]{grid-template-areas:"a a a b b b b b b c c c" "a a a b b b b b b c c c" "d d d e e e e e e f f f" "d d d e e e e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="terrace"]{grid-template-areas:"a a a a a b b b b b b b" "a a a a a c c c c d d d" "e e e e e e f f f d d d" "e e e e e e f f f d d d"}.wxb2-template-card__preview[data-wxb-card-shape="anchor"]{grid-template-areas:"a a a a a a a a a a a a" "b b b c c c c c c d d d" "b b b c c c c c c d d d" "b b b e e e f f f d d d"}.wxb2-template-card__preview[data-wxb-card-shape="column"]{grid-template-areas:"a a b b b b b c c c c c" "a a b b b b b d d d d d" "a a b b b b b e e e f f" "a a b b b b b e e e f f"}.wxb2-template-card__preview[data-wxb-card-shape="spotlight"]{grid-template-areas:"a a a a a a a a a b b b" "a a a a a a a a a c c c" "a a a a a a a a a d d d" "e e e e e e f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="boulevard"]{grid-template-areas:"a a a a b b b b b b b b" "a a a a c c c c d d d d" "e e e e f f f f d d d d" "e e e e f f f f d d d d"}.wxb2-template-card__preview[data-wxb-card-shape="duplex"]{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a c c c d d d" "a a a a a a c c c d d d" "a a a a a a e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="triptych"]{grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "a a a a b b b b c c c c" "d d e e e e e e e e f f"}.wxb2-template-card__preview[data-wxb-card-shape="window"]{grid-template-areas:"a a a b b b b b b c c c" "d d d b b b b b b e e e" "d d d b b b b b b e e e" "f f f f f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="gallery-wall"]{grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a c c c c" "a a a a a a a a d d d d" "a a a a a a a a e e f f"}.wxb2-template-card__preview[data-wxb-card-shape="ladder"]{grid-template-areas:"a a a a b b b b b b b b" "c c c c b b b b b b b b" "d d d d b b b b b b b b" "e e e e f f f f f f f f"}.wxb2-template-card__preview[data-wxb-card-shape="plaza"]{grid-template-areas:"a a a b b b b b b c c c" "d d d e e e e e e f f f" "d d d e e e e e e f f f" "d d d e e e e e e f f f"}.wxb2-template-card__preview[data-wxb-card-shape="horizon"]{grid-template-areas:"a a a a a a a a b b b b" "c c c c d d d d d d d d" "c c c c d d d d d d d d" "e e e e e e f f f f f f"}

@container wxb3-preview (max-width:58rem){
  .wxb3-site-header__inner,.wxb3-site-header--split .wxb3-site-header__inner,.wxb3-site-header--vertical .wxb3-site-header__inner{grid-template-columns:minmax(0,1fr) auto}.wxb3-site-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-block:8px;overflow-x:auto}.wxb3-header-utility{display:none}.wxb3-site-header__inner>.wxb3-button{grid-column:2;grid-row:1}.wxb3-header-rail{display:block;padding:0;border:0}.wxb3-header-rail .wxb3-header-utility{display:none}.wxb3-header-mast{grid-template-columns:1fr auto}.wxb3-header-mast .wxb3-header-utility{display:none}
  .wxb3-hero-layout{grid-template-columns:1fr;align-items:start}.wxb3-hero-copy{max-width:780px}.wxb3-hero h1{max-width:15ch}.wxb3-hero-stage{width:100%}
  .wxb3-section-heading{grid-template-columns:1fr;align-items:start;gap:16px}.wxb3-footer-callout{grid-template-columns:1fr}.wxb3-footer-grid,.wxb3-site-footer--index .wxb3-footer-grid,.wxb3-site-footer--journal .wxb3-footer-grid{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(120px,.6fr))}.wxb3-footer-column:last-child{display:none}
}
@container wxb3-preview (max-width:36rem){
  .wxb3-site-shell{width:calc(100% - 28px)!important;padding-inline:0!important}.wxb3-logo-slot{width:46px;flex-basis:46px}.wxb3-brand__copy strong{font-size:12px}.wxb3-brand__copy small{display:none}.wxb3-site-header__inner>.wxb3-button{width:42px;min-width:42px;padding:0;font-size:0}.wxb3-site-header__inner>.wxb3-button::after{content:"↗";font-size:14px}.wxb3-site-nav{gap:17px}.wxb3-site-nav a{font-size:8px}
  .wxb3-hero{padding-block:44px}.wxb3-hero h1{font-size:clamp(41px,14cqi,66px)}.wxb3-hero-facts{grid-template-columns:1fr}.wxb3-hero-facts>div{grid-template-columns:minmax(70px,.6fr) 1fr;align-items:center}
  .wxb3-hero-stage--journal,.wxb3-hero-stage--vertical,.wxb3-hero-stage--shelf,.wxb3-hero-stage--signal,.wxb3-hero-stage--quiet{grid-template-columns:1fr}.wxb3-hero-issue,.wxb3-hero-shelf,.wxb3-hero-index,.wxb3-hero-console,.wxb3-hero-quiet-note{grid-column:1;grid-row:auto;margin:0}.wxb3-hero-vertical-media,.wxb3-hero-signal-image{grid-column:1;grid-row:auto;aspect-ratio:16/10}.wxb3-hero-stage--overlap{grid-template-columns:1fr .7fr}.wxb3-hero-stage--offset{grid-template-columns:1fr}.wxb3-hero-offset-image{grid-column:1;grid-row:auto}.wxb3-hero-folio{margin:0}.wxb3-hero-stage--offset blockquote{width:100%}.wxb3-hero-number{grid-template-columns:auto 1fr}.wxb3-hero-number p{grid-column:2}.wxb3-hero-cinema-caption{grid-template-columns:1fr}.wxb3-hero-stage--bento{grid-template-columns:1fr}.wxb3-hero-bento-main{grid-row:auto;aspect-ratio:16/10}
  .wxb3-section{padding-block:50px}.wxb3-section-heading h2{font-size:clamp(34px,11cqi,54px)}.wxb3-section-switcher{inset:7px 7px auto auto}.wxb3-detail-rows>div{grid-template-columns:68px 1fr}.wxb3-mini-facts,.wxb3-record-facts,.wxb3-stay-facts,.wxb3-impact-facts{grid-template-columns:1fr}.wxb3-piece--itinerary-stop,.wxb3-piece--itinerary-stop-alt,.wxb3-piece--program-slot,.wxb3-piece--program-slot-alt{grid-template-columns:1fr}.wxb3-piece--itinerary-stop time,.wxb3-piece--itinerary-stop-alt time,.wxb3-piece--program-slot time,.wxb3-piece--program-slot-alt time{grid-row:auto;writing-mode:horizontal-tb}
  .wxb3-footer-callout,.wxb3-footer-grid,.wxb3-site-footer--index .wxb3-footer-grid,.wxb3-site-footer--journal .wxb3-footer-grid,.wxb3-site-footer--cinema .wxb3-footer-grid,.wxb3-site-footer--vertical .wxb3-footer-grid,.wxb3-site-footer--minimal .wxb3-footer-grid{grid-template-columns:1fr}.wxb3-footer-column:last-child{display:grid}.wxb3-footer-brand,.wxb3-site-footer--cinema .wxb3-footer-brand{grid-column:1}.wxb3-footer-bottom{flex-direction:column}
}
@supports not (container-type:inline-size){
  .wxb3-tetris-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-template-areas:none!important}.wxb3-tetris-board>*{grid-area:auto!important}
}

/* Flush-media families remove the generic padded-media bleed. */
.wxb3-piece--studio-project .wxb3-piece-media,
.wxb3-piece--studio-material .wxb3-piece-media,
.wxb3-piece--case-cover .wxb3-piece-media,
.wxb3-piece--case-move .wxb3-piece-media { margin:0; }