/* =========================================================
   DESIGN B · PROSPECT
   Landscape-monograph for a Salem, Oregon solo lawyer.
   All selectors scoped under [data-design="b"].
   ========================================================= */

[data-design="b"] {
  /* Color */
  --pr-paper:      #F4F0E8;
  --pr-paper-deep: #E8E1D0;
  --pr-paper-warm: #EDE5D2;
  --pr-ink:        #1A1B1F;
  --pr-ink-soft:  #3D3E44;
  --pr-muted:      #7E7A6E;
  --pr-rule:       #2D2E33;
  --pr-rule-soft:  #C2BBA9;
  --pr-umber:      #6B3A1F;
  --pr-sea:        #2E5E5A;
  --pr-cardinal:   #A2351E;
  --pr-seal:       #3E513A;
  --pr-critical:   #8A1A12;

  /* Reforge Bar swatch */
  --design-b-primary: #A2351E;

  /* Type */
  --pr-font-display: "Saol Display", "Canela", "Bodoni 72", Didot, Crimson Pro, "Times New Roman", serif;
  --pr-font-body:    "Tiempos Text", "Lyon Text", "Hoefler Text", "Crimson Pro", Georgia, serif;
  --pr-font-caption: "Söhne Mono", "JetBrains Mono", ui-monospace, monospace;
  --pr-font-place:   "Tiempos Headline", "Lyon Display", "Crimson Pro", Georgia, serif;

  --pr-text-coord:   11px;
  --pr-text-cap:     13px;
  --pr-text-body:    17px;
  --pr-text-deck:    22px;
  --pr-text-place:   clamp(28px, 4vw, 32px);
  --pr-text-head:    clamp(36px, 5.2vw, 48px);
  --pr-text-banner:  clamp(48px, 9vw, 80px);
  --pr-text-display: clamp(64px, 12vw, 120px);

  /* Space */
  --pr-space-tick:   2px;
  --pr-space-em:     8px;
  --pr-space-margin: 24px;
  --pr-space-pan:    40px;
  --pr-space-frame:  72px;
  --pr-space-spread: clamp(64px, 12vw, 104px);
  --pr-space-region: clamp(96px, 16vw, 160px);

  /* Motion */
  --pr-dur-snap:     240ms;
  --pr-dur-cut:      280ms;
  --pr-dur-pan:      1100ms;
  --pr-dur-approach: 1800ms;
  --pr-dur-region:   2600ms;
  --pr-dur-pulse:   14000ms;
  --pr-dur-rule:    28000ms;

  --pr-ease-cinema: cubic-bezier(.16, 1, .3, 1);
  --pr-ease-pan:    cubic-bezier(.22, .61, .36, 1);
  --pr-ease-drift:  cubic-bezier(.45, .05, .55, .95);

  /* Frame */
  --pr-shadow-mat:   0 0 0 1px var(--pr-rule);
  --pr-shadow-frame: 0 0 0 1px var(--pr-rule), 0 0 0 8px var(--pr-paper);
  --pr-shadow-fold:  inset 0 -1px 0 rgba(0,0,0,.06);
}

/* Mobile overflow defense + base */
[data-design="b"].dq-design,
[data-design="b"] .dq-design { max-width: 100%; overflow-x: clip; }
[data-design="b"] * { min-width: 0; box-sizing: border-box; }
[data-design="b"] img,
[data-design="b"] svg:not([data-keep-size]) { max-width: 100%; height: auto; }

[data-design="b"].dq-design {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  color: var(--pr-ink);
  background: var(--pr-paper);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  display: block;
}

[data-design="b"] a { color: inherit; }
[data-design="b"] ::selection { background: var(--pr-sea); color: var(--pr-paper); }

/* ============================================================
   1. HEADER · The Region Compass
   ============================================================ */

[data-design="b"] .pr-header {
  position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, var(--pr-paper) 92%, transparent);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--pr-rule);
}
[data-design="b"] .pr-header__atmosphere {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: var(--pr-cardinal);
  z-index: 0;
  opacity: .9;
}
[data-design="b"] .pr-compass__needle {
  transform-origin: 16px 16px;
  animation: pr-compass-drift var(--pr-dur-rule) linear infinite;
}
@keyframes pr-compass-drift { to { transform: rotate(360deg); } }

[data-design="b"] .pr-header__bar {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: nowrap;
  gap: var(--pr-space-pan);
  padding: var(--pr-space-margin);
  max-width: 1280px; margin: 0 auto;
}
[data-design="b"] .pr-logo {
  text-decoration: none; color: var(--pr-ink);
  min-width: 0; flex: 0 1 auto;
}
[data-design="b"] .pr-logo__mark {
  font-family: var(--pr-font-place); font-style: italic;
  font-size: clamp(20px, 2.4vw, 28px);
  letter-spacing: -0.012em; color: var(--pr-ink);
  white-space: nowrap;
}
[data-design="b"] .pr-header__hamburger {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  background: transparent; border: 1px solid var(--pr-rule);
  color: var(--pr-ink); cursor: pointer;
  border-radius: 0; padding: 0;
  transition: border-color 240ms var(--pr-ease-cinema), color 240ms var(--pr-ease-cinema);
  flex-shrink: 0;
}
[data-design="b"] .pr-header__hamburger:hover,
[data-design="b"] .pr-header__hamburger:focus-visible { border-color: var(--pr-sea); color: var(--pr-sea); }
[data-design="b"] .pr-header__hamburger:focus-visible { outline: 2px solid var(--pr-cardinal); outline-offset: 4px; }

/* Drawer */
[data-design="b"] .pr-header__drawer {
  position: fixed; inset: 0; z-index: 100;
  pointer-events: none; visibility: hidden;
}
[data-design="b"] .pr-header.is-drawer-open .pr-header__drawer { pointer-events: auto; visibility: visible; }
[data-design="b"] .pr-header__drawer-backdrop {
  position: absolute; inset: 0;
  background: rgba(26, 27, 31, 0); cursor: pointer;
  transition: background var(--pr-dur-pan) var(--pr-ease-cinema);
}
[data-design="b"] .pr-header.is-drawer-open .pr-header__drawer-backdrop { background: rgba(26, 27, 31, 0.35); }
[data-design="b"] .pr-header__drawer-panel {
  position: absolute; top: 0; left: 0; right: 0;
  background: var(--pr-paper-deep);
  border-bottom: 1px solid var(--pr-rule);
  padding: clamp(48px, 8vw, 96px) var(--pr-space-margin) var(--pr-space-frame);
  transform: translateY(-100%);
  transition: transform var(--pr-dur-approach) var(--pr-ease-cinema);
  max-height: 100vh; overflow-y: auto;
}
[data-design="b"] .pr-header.is-drawer-open .pr-header__drawer-panel { transform: translateY(0); }
[data-design="b"] .pr-header__drawer-close {
  position: absolute; top: var(--pr-space-margin); right: var(--pr-space-margin);
  width: 44px; height: 44px;
  background: transparent; border: 1px solid var(--pr-rule);
  color: var(--pr-ink); cursor: pointer;
  font-size: 24px; line-height: 1; padding: 0;
  font-family: var(--pr-font-caption);
  transition: border-color 240ms var(--pr-ease-cinema), color 240ms var(--pr-ease-cinema);
}
[data-design="b"] .pr-header__drawer-close:hover,
[data-design="b"] .pr-header__drawer-close:focus-visible { border-color: var(--pr-cardinal); color: var(--pr-cardinal); }
[data-design="b"] .pr-header__drawer-close:focus-visible { outline: 2px solid var(--pr-cardinal); outline-offset: 4px; }

[data-design="b"] .pr-header__drawer-coord {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0 0 var(--pr-space-margin);
  max-width: 880px;
  margin-left: auto; margin-right: auto;
  width: max-content;
}
[data-design="b"] .pr-header__drawer-nav {
  display: flex; flex-direction: column;
  gap: var(--pr-space-margin);
  max-width: 880px; margin: 0 auto;
}
[data-design="b"] .pr-header__drawer-link {
  font-family: var(--pr-font-place); font-style: italic;
  font-size: clamp(28px, 4vw, 40px);
  color: var(--pr-ink); text-decoration: none;
  letter-spacing: -0.012em;
  border-bottom: 1px solid transparent; padding-bottom: 4px;
  transition: border-color 280ms var(--pr-ease-cinema), color 280ms var(--pr-ease-cinema);
  width: max-content; max-width: 100%;
}
[data-design="b"] .pr-header__drawer-link:hover,
[data-design="b"] .pr-header__drawer-link:focus-visible { border-bottom-color: var(--pr-sea); color: var(--pr-sea); }
[data-design="b"] .pr-header__drawer-link:focus-visible { outline: 2px solid var(--pr-cardinal); outline-offset: 4px; }
[data-design="b"] .pr-header__drawer-imprint {
  max-width: 880px; margin: var(--pr-space-frame) auto 0;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-cap);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pr-muted);
  line-height: 1.8;
}
[data-design="b"] .pr-header__drawer-imprint a { color: var(--pr-ink); text-decoration: none; border-bottom: 1px solid var(--pr-umber); }

/* Hide hamburger mobile chrome competition: nothing else competes by design */
@media (max-width: 768px) {
  [data-design="b"] .pr-header__bar { padding: 16px var(--pr-space-margin); gap: 16px; }
  [data-design="b"] .pr-logo__mark { font-size: clamp(18px, 4.8vw, 22px); }
  [data-design="b"] .pr-header__atmosphere svg { width: 22px; height: 22px; }
}
@media (max-width: 580px) {
  /* Drop display-type clamp floors at small viewports — Saol Italic at 56px+ overflows narrow phones */
  [data-design="b"] .pr-approach__plate-county { font-size: clamp(36px, 13vw, 64px); }
  [data-design="b"] .pr-approach__plate-amp { font-size: clamp(28px, 9vw, 44px); }
  [data-design="b"] .pr-chapter__plate-large { font-size: clamp(34px, 10vw, 54px); }
  [data-design="b"] .pr-approach__plate-county,
  [data-design="b"] .pr-chapter__plate-large { overflow-wrap: anywhere; word-break: normal; }
}
@media (max-width: 380px) {
  [data-design="b"] .pr-approach__plate-county { font-size: clamp(28px, 11vw, 40px); }
  [data-design="b"] .pr-approach__plate-amp { font-size: clamp(22px, 8vw, 32px); }
  [data-design="b"] .pr-chapter__plate-large { font-size: clamp(28px, 9vw, 40px); }
}

/* ============================================================
   2. APPROACH · Hero
   ============================================================ */

[data-design="b"] .pr-approach {
  padding: var(--pr-space-region) 0 var(--pr-space-frame);
  background: var(--pr-paper);
  position: relative;
  overflow: hidden;
}
[data-design="b"] .pr-approach__figure {
  margin: 0;
  max-width: 1280px;
  padding: 0 var(--pr-space-margin);
  display: grid;
  gap: var(--pr-space-frame);
  grid-template-columns: 1fr;
  margin-left: auto; margin-right: auto;
}
@media (min-width: 960px) {
  [data-design="b"] .pr-approach__figure {
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    column-gap: var(--pr-space-spread);
  }
}

/* The typographic landscape - type IS the photo. */
[data-design="b"] .pr-approach__image {
  width: 100%;
  aspect-ratio: 4/5;
  background: linear-gradient(180deg, var(--pr-paper-deep) 0%, var(--pr-paper-warm) 100%);
  box-shadow: var(--pr-shadow-mat);
  transform: scale(1.08);
  transition: transform var(--pr-dur-approach) var(--pr-ease-cinema);
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  padding: clamp(24px, 4vw, 56px);
}
@media (min-width: 720px) {
  [data-design="b"] .pr-approach__image { aspect-ratio: 5/6; }
}
@media (min-width: 960px) {
  [data-design="b"] .pr-approach__image { aspect-ratio: 4/5; }
}
[data-design="b"] .pr-approach--approached .pr-approach__image { transform: scale(1); }

/* Hairline rule sweep inside the image */
[data-design="b"] .pr-approach__image::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 50%;
  height: 1px;
  background: var(--pr-cardinal);
  opacity: .35;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform var(--pr-dur-approach) var(--pr-ease-cinema) 400ms;
}
[data-design="b"] .pr-approach--approached .pr-approach__image::before { transform: scaleX(1); }
[data-design="b"] .pr-approach__image::after {
  content: "44.94 / 123.04";
  position: absolute; right: 16px; bottom: 14px;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  color: var(--pr-muted);
  text-transform: uppercase;
}

[data-design="b"] .pr-approach__plate {
  display: grid;
  gap: 8px;
  text-align: left;
  color: var(--pr-ink);
}
[data-design="b"] .pr-approach__plate-coord {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.22em;
  color: var(--pr-cardinal);
  text-transform: uppercase;
}
[data-design="b"] .pr-approach__plate-coord--soft { color: var(--pr-muted); }
[data-design="b"] .pr-approach__plate-county {
  font-family: var(--pr-font-place);
  font-style: italic;
  font-size: clamp(56px, 14vw, 132px);
  line-height: .9;
  letter-spacing: -0.024em;
  color: var(--pr-ink);
  margin: 4px 0 0;
}
[data-design="b"] .pr-approach__plate-county--polk {
  color: var(--pr-cardinal);
}
[data-design="b"] .pr-approach__plate-amp {
  font-family: var(--pr-font-display);
  font-style: italic;
  font-size: clamp(40px, 9vw, 88px);
  color: var(--pr-umber);
  line-height: .9;
  padding-left: clamp(8px, 2vw, 24px);
}
[data-design="b"] .pr-approach__plate-meta {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.32em;
  color: var(--pr-ink-soft);
  text-transform: uppercase;
  margin-top: 16px;
}

[data-design="b"] .pr-approach__caption {
  display: grid;
  gap: var(--pr-space-margin);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--pr-dur-region) var(--pr-ease-cinema) 600ms,
              transform var(--pr-dur-region) var(--pr-ease-cinema) 600ms;
}
[data-design="b"] .pr-approach--approached .pr-approach__caption { opacity: 1; transform: translateY(0); }

[data-design="b"] .pr-approach__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0;
}
[data-design="b"] .pr-approach__place {
  font-family: var(--pr-font-place);
  font-style: normal;
  font-size: var(--pr-text-banner);
  line-height: 1.0;
  margin: 0;
  color: var(--pr-ink);
  letter-spacing: -0.018em;
}
[data-design="b"] .pr-approach__place em { font-style: italic; }
[data-design="b"] .pr-approach__coords {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0;
  border-top: 1px solid var(--pr-rule-soft);
  border-bottom: 1px solid var(--pr-rule-soft);
  padding: 12px 0;
}
[data-design="b"] .pr-approach__deck {
  font-family: var(--pr-font-body);
  font-size: clamp(17px, 1.5vw, 19px);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0;
  max-width: 56ch;
}
[data-design="b"] .pr-approach__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pr-space-margin);
  margin-top: 8px;
}

/* CTA pin */
[data-design="b"] .pr-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: var(--pr-font-body);
  font-style: italic;
  font-size: var(--pr-text-body);
  color: var(--pr-ink);
  background: transparent;
  border: 1px solid var(--pr-ink);
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--pr-ease-cinema);
}
[data-design="b"] .pr-cta__pin { color: var(--pr-cardinal); display: inline-flex; }
[data-design="b"] .pr-cta__pin-needle {
  transform-origin: 8px 8px;
  transform: rotate(var(--pr-pin, 0deg));
  transition: transform 320ms var(--pr-ease-drift);
}
[data-design="b"] .pr-cta::after {
  content: ""; position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 1px;
  background: var(--pr-sea);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 420ms var(--pr-ease-cinema);
}
[data-design="b"] .pr-cta:hover::after,
[data-design="b"] .pr-cta:focus-visible::after { transform: scaleX(1); }
[data-design="b"] .pr-cta:focus-visible { outline: 2px solid var(--pr-cardinal); outline-offset: 4px; }
[data-design="b"] .pr-cta:active { transform: translate(1px, 1px); box-shadow: var(--pr-shadow-fold); }

[data-design="b"] .pr-cta-tel {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-cap);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pr-ink-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--pr-umber);
  padding-bottom: 2px;
}
[data-design="b"] .pr-cta-tel:hover { color: var(--pr-cardinal); }

/* ============================================================
   3. COORDS · "From 494 State Street"
   ============================================================ */

[data-design="b"] .pr-coords {
  background: var(--pr-paper-deep);
  padding: var(--pr-space-region) var(--pr-space-margin);
  max-width: 1280px;
  margin: 0 auto;
}
[data-design="b"] .pr-coords__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-coords__title {
  font-family: var(--pr-font-place);
  font-style: normal;
  font-size: var(--pr-text-head);
  margin: 0 0 var(--pr-space-frame);
  color: var(--pr-ink);
  line-height: 1.1;
  letter-spacing: -0.012em;
  max-width: 32ch;
}
[data-design="b"] .pr-coords__title em { font-style: italic; }
[data-design="b"] .pr-coords__strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--pr-space-pan) var(--pr-space-margin);
  margin: 0 0 var(--pr-space-frame);
  border-top: 1px solid var(--pr-rule);
  border-bottom: 1px solid var(--pr-rule);
  padding: var(--pr-space-margin) 0;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.1em;
}
[data-design="b"] .pr-coords__pair {
  display: grid;
  gap: 6px;
  transition: color 800ms var(--pr-ease-drift);
}
[data-design="b"] .pr-coords__pair dt {
  text-transform: uppercase;
  color: var(--pr-muted);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.16em;
}
[data-design="b"] .pr-coords__pair dd {
  margin: 0;
  font-size: var(--pr-text-cap);
  color: var(--pr-ink);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}
[data-design="b"] .pr-coords__pair--active dd { color: var(--pr-sea); }
[data-design="b"] .pr-coords__pair--active dt { color: var(--pr-sea); }
[data-design="b"] .pr-coords__body {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0;
  max-width: 60ch;
}

/* ============================================================
   4. CHAPTERS · Practice Areas
   ============================================================ */

[data-design="b"] .pr-chapters {
  padding: var(--pr-space-region) var(--pr-space-margin) 0;
  max-width: 1280px;
  margin: 0 auto;
}
[data-design="b"] .pr-chapters__head { max-width: 60ch; margin-bottom: var(--pr-space-frame); }
[data-design="b"] .pr-chapters__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-chapters__title {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-head);
  color: var(--pr-ink);
  margin: 0 0 var(--pr-space-margin);
  line-height: 1.05;
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-chapters__title em { font-style: italic; }
[data-design="b"] .pr-chapters__deck {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0;
}

[data-design="b"] .pr-chapter {
  display: grid;
  gap: var(--pr-space-frame);
  grid-template-columns: 1fr;
  padding: var(--pr-space-spread) 0;
  border-top: 1px solid var(--pr-sea);
  position: relative;
}
@media (min-width: 720px) {
  [data-design="b"] .pr-chapter { grid-template-columns: 1fr 1fr; align-items: center; }
}
[data-design="b"] .pr-chapter--alt { background: var(--pr-paper-warm); }
[data-design="b"] .pr-chapter--alt .pr-chapter__plate {
  order: 2;
}
@media (min-width: 720px) {
  [data-design="b"] .pr-chapter--alt .pr-chapter__plate { order: initial; }
}

[data-design="b"] .pr-chapter__num {
  position: absolute;
  top: var(--pr-space-margin);
  left: 0;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0;
}

[data-design="b"] .pr-chapter__plate {
  background: var(--pr-paper-deep);
  border: 1px solid var(--pr-rule);
  aspect-ratio: 16/10;
  display: grid;
  align-content: center;
  padding: clamp(20px, 3vw, 40px);
  position: relative;
  overflow: hidden;
}
[data-design="b"] .pr-chapter--alt .pr-chapter__plate {
  background: var(--pr-paper);
}
[data-design="b"] .pr-chapter__plate::before {
  content: "";
  position: absolute; left: 16px; right: 16px; top: 16px;
  height: 1px; background: var(--pr-rule-soft);
}
[data-design="b"] .pr-chapter__plate::after {
  content: "";
  position: absolute; left: 16px; right: 16px; bottom: 16px;
  height: 1px; background: var(--pr-rule-soft);
}
[data-design="b"] .pr-chapter__plate-large {
  font-family: var(--pr-font-place);
  font-style: italic;
  font-size: clamp(48px, 10vw, 96px);
  line-height: .95;
  letter-spacing: -0.022em;
  color: var(--pr-ink);
}
[data-design="b"] .pr-chapter__plate-small {
  margin-top: 8px;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
}

[data-design="b"] .pr-chapter__body { display: grid; gap: 16px; max-width: 48ch; }
[data-design="b"] .pr-chapter__where {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0;
}
[data-design="b"] .pr-chapter__title {
  font-family: var(--pr-font-place);
  font-style: normal;
  font-size: clamp(36px, 4.5vw, 52px);
  margin: 0;
  color: var(--pr-ink);
  line-height: 1.0;
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-chapter__title em { font-style: italic; }
[data-design="b"] .pr-chapter__copy {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.7;
  color: var(--pr-ink-soft);
  margin: 0;
}
[data-design="b"] .pr-chapter__view {
  font-family: var(--pr-font-body);
  font-style: italic;
  font-size: var(--pr-text-body);
  color: var(--pr-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--pr-umber);
  padding-bottom: 2px;
  width: max-content;
  max-width: 100%;
  transition: color 280ms var(--pr-ease-cinema), border-color 280ms var(--pr-ease-cinema);
}
[data-design="b"] .pr-chapter__view:hover { color: var(--pr-sea); border-color: var(--pr-sea); }

/* ============================================================
   5. PROCESS · The Walk
   ============================================================ */

[data-design="b"] .pr-process {
  padding: var(--pr-space-region) var(--pr-space-margin);
  max-width: 880px;
  margin: 0 auto;
  position: relative;
}
[data-design="b"] .pr-process__rule {
  height: 1px;
  background: var(--pr-cardinal);
  margin-bottom: var(--pr-space-frame);
  transform-origin: left center;
  animation: pr-rule-sweep var(--pr-dur-rule) ease-in-out infinite;
}
@keyframes pr-rule-sweep {
  0%   { transform: scaleX(0); opacity: 0; }
  20%  { transform: scaleX(1); opacity: .8; }
  80%  { transform: scaleX(1); opacity: .8; }
  100% { transform: scaleX(1); opacity: 0; transform-origin: right center; }
}
[data-design="b"] .pr-process__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-process__title {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-banner);
  margin: 0 0 var(--pr-space-frame);
  line-height: 1.0;
  letter-spacing: -0.018em;
}
[data-design="b"] .pr-process__title em { font-style: italic; }
[data-design="b"] .pr-process__lede {
  font-family: var(--pr-font-body);
  font-size: clamp(19px, 1.8vw, 22px);
  line-height: 1.65;
  color: var(--pr-ink);
  margin: 0 0 var(--pr-space-frame);
  max-width: 60ch;
  font-style: italic;
}
[data-design="b"] .pr-process__steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--pr-space-frame);
}
[data-design="b"] .pr-process__steps li {
  display: grid;
  gap: 12px;
  padding-left: 0;
  border-left: 1px solid var(--pr-rule-soft);
  padding-left: var(--pr-space-margin);
}
[data-design="b"] .pr-process__step-num {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
  margin: 0;
}
[data-design="b"] .pr-process__step-title {
  font-family: var(--pr-font-place);
  font-style: normal;
  font-size: clamp(28px, 3.2vw, 36px);
  margin: 0;
  color: var(--pr-ink);
  line-height: 1.05;
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-process__step-title em { font-style: italic; }
[data-design="b"] .pr-process__steps li p:last-child {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.7;
  color: var(--pr-ink-soft);
  margin: 0;
  max-width: 56ch;
}

/* ============================================================
   6. EDITOR · About
   ============================================================ */

[data-design="b"] .pr-editor {
  background: var(--pr-paper-deep);
  padding: var(--pr-space-region) var(--pr-space-margin);
}
[data-design="b"] .pr-editor__grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  gap: var(--pr-space-frame);
  grid-template-columns: 1fr;
}
@media (min-width: 960px) {
  [data-design="b"] .pr-editor__grid { grid-template-columns: 1.6fr 1fr; column-gap: var(--pr-space-spread); }
}
[data-design="b"] .pr-editor__body { max-width: 60ch; }
[data-design="b"] .pr-editor__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-editor__title {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-banner);
  margin: 0 0 var(--pr-space-frame);
  line-height: 1.0;
  letter-spacing: -0.018em;
}
[data-design="b"] .pr-editor__title em { font-style: italic; }
[data-design="b"] .pr-editor__lede {
  font-family: var(--pr-font-body);
  font-size: clamp(19px, 1.6vw, 22px);
  line-height: 1.7;
  color: var(--pr-ink);
  font-style: italic;
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-editor__pending {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0 0 var(--pr-space-frame);
  padding-left: var(--pr-space-margin);
  border-left: 1px solid var(--pr-rule-soft);
}
[data-design="b"] .pr-editor__pending-mark {
  display: inline-block;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
  margin-bottom: 4px;
  margin-right: 8px;
}
[data-design="b"] .pr-editor__sign {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--pr-ink);
  margin: 0;
}
[data-design="b"] .pr-editor__sidebar {
  padding: var(--pr-space-margin);
  background: var(--pr-paper);
  border: 1px dashed var(--pr-rule-soft);
}
[data-design="b"] .pr-editor__sidebar-kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-editor__data {
  margin: 0;
  display: grid;
  gap: 14px;
}
[data-design="b"] .pr-editor__datum {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}
[data-design="b"] .pr-editor__datum dt {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
}
[data-design="b"] .pr-editor__pending-box {
  margin: 0;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-cap);
  color: var(--pr-ink-soft);
  padding: 6px 10px;
  border: 1px dashed var(--pr-rule-soft);
  background: var(--pr-paper-warm);
  letter-spacing: 0.04em;
}

/* ============================================================
   7. JURISDICTIONS · Map
   ============================================================ */

[data-design="b"] .pr-jurisdictions {
  padding: var(--pr-space-region) var(--pr-space-margin);
  max-width: 1180px;
  margin: 0 auto;
}
[data-design="b"] .pr-jurisdictions__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-jurisdictions__title {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-head);
  margin: 0 0 var(--pr-space-frame);
  line-height: 1.05;
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-jurisdictions__title em { font-style: italic; }
[data-design="b"] .pr-jurisdictions__map {
  border: 1px solid var(--pr-rule);
  background: var(--pr-paper);
  padding: clamp(16px, 3vw, 32px);
  margin-bottom: var(--pr-space-frame);
}
[data-design="b"] .pr-jurisdictions__map svg { width: 100%; height: auto; display: block; }
[data-design="b"] .pr-jur-svg-poly {
  fill: var(--pr-paper-deep);
  stroke: var(--pr-rule);
  stroke-width: 1;
}
[data-design="b"] .pr-jur-svg-poly--marion { fill: color-mix(in srgb, var(--pr-cardinal) 8%, var(--pr-paper-deep)); }
[data-design="b"] .pr-jur-svg-poly--polk { fill: color-mix(in srgb, var(--pr-sea) 6%, var(--pr-paper-deep)); }
[data-design="b"] .pr-jur-svg-river {
  stroke: var(--pr-sea);
  stroke-width: 2;
  stroke-dasharray: 3 3;
  opacity: .65;
}
[data-design="b"] .pr-jur-svg-pin {
  fill: var(--pr-cardinal);
}
[data-design="b"] .pr-jur-svg-pin--soft { fill: var(--pr-umber); }
[data-design="b"] .pr-jur-svg-cardinal {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.18em;
  fill: var(--pr-muted);
}
[data-design="b"] .pr-jur-svg-county {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  letter-spacing: 0.22em;
  fill: var(--pr-ink);
}
[data-design="b"] .pr-jur-svg-label-place {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  fill: var(--pr-ink);
}
[data-design="b"] .pr-jur-svg-label-place--soft { fill: var(--pr-ink-soft); font-size: 12px; }
[data-design="b"] .pr-jur-svg-label-coord {
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  letter-spacing: 0.1em;
  fill: var(--pr-muted);
}
[data-design="b"] .pr-jurisdictions__data {
  display: grid;
  gap: var(--pr-space-margin);
  grid-template-columns: 1fr;
  margin: 0;
}
@media (min-width: 720px) {
  [data-design="b"] .pr-jurisdictions__data { grid-template-columns: repeat(3, 1fr); }
}
[data-design="b"] .pr-jurisdictions__data > div {
  border-top: 1px solid var(--pr-rule);
  padding-top: 16px;
}
[data-design="b"] .pr-jurisdictions__data dt {
  font-family: var(--pr-font-place);
  font-style: italic;
  font-size: var(--pr-text-deck);
  color: var(--pr-ink);
  margin-bottom: 6px;
}
[data-design="b"] .pr-jurisdictions__data dd {
  margin: 0;
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-cap);
  line-height: 1.65;
  color: var(--pr-ink-soft);
}

/* ============================================================
   8. FUNNEL · The Region Intake
   ============================================================ */

[data-design="b"] .pr-funnel {
  background: var(--pr-paper);
  padding: var(--pr-space-region) var(--pr-space-margin);
  max-width: 880px;
  margin: 0 auto;
}
[data-design="b"] .pr-funnel__head { margin-bottom: var(--pr-space-frame); }
[data-design="b"] .pr-funnel__coords,
[data-design="b"] .pr-funnel__step-coords {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-funnel__title {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-banner);
  margin: 0 0 var(--pr-space-margin);
  color: var(--pr-ink);
  line-height: 1.0;
  letter-spacing: -0.018em;
}
[data-design="b"] .pr-funnel__title em { font-style: italic; }
[data-design="b"] .pr-funnel__deck {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0;
}
[data-design="b"] .pr-funnel__progress {
  display: flex;
  gap: 18px;
  list-style: none;
  padding: 0;
  margin: 0 0 var(--pr-space-frame);
  flex-wrap: wrap;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
[data-design="b"] .pr-funnel__progress li {
  color: var(--pr-muted);
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
}
[data-design="b"] .pr-funnel__progress li[aria-current="true"] {
  color: var(--pr-ink);
  border-bottom-color: var(--pr-cardinal);
}
[data-design="b"] .pr-funnel__progress li.pr-funnel__progress-item--filed {
  color: var(--pr-seal);
  border-bottom-color: var(--pr-seal);
}
[data-design="b"] .pr-funnel__form { position: relative; min-height: 320px; }
[data-design="b"] .pr-funnel__step {
  border: none;
  padding: 0;
  margin: 0;
  transition: opacity var(--pr-dur-pan) var(--pr-ease-pan),
              transform var(--pr-dur-pan) var(--pr-ease-pan);
}
[data-design="b"] .pr-funnel__step[hidden] {
  display: block;
  opacity: 0;
  transform: translateX(40px);
  visibility: hidden;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
[data-design="b"] .pr-funnel__step.pr-funnel__step--panned {
  opacity: 0;
  transform: translateX(-40px);
  pointer-events: none;
}
[data-design="b"] .pr-funnel__legend {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-place);
  color: var(--pr-ink);
  padding: 0;
  margin: 0 0 var(--pr-space-margin);
  line-height: 1.1;
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-funnel__legend em { font-style: italic; }
[data-design="b"] .pr-funnel__choices {
  display: grid;
  gap: 10px;
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-funnel__choice {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 14px 16px;
  background: var(--pr-paper-deep);
  border: 1px solid var(--pr-rule-soft);
  cursor: pointer;
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  color: var(--pr-ink);
  transition: border-color 280ms var(--pr-ease-cinema), background 280ms var(--pr-ease-cinema);
}
[data-design="b"] .pr-funnel__choice:hover { border-color: var(--pr-sea); }
[data-design="b"] .pr-funnel__choice input { accent-color: var(--pr-sea); flex-shrink: 0; }
[data-design="b"] .pr-funnel__choice:has(input:checked) {
  border-color: var(--pr-sea);
  background: color-mix(in srgb, var(--pr-sea) 5%, var(--pr-paper-deep));
}
[data-design="b"] .pr-funnel__choice span {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.5;
}
[data-design="b"] .pr-funnel__field { display: block; margin: 0 0 var(--pr-space-margin); }
[data-design="b"] .pr-funnel__field-label {
  display: block;
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-ink);
  margin-bottom: var(--pr-space-em);
}
[data-design="b"] .pr-funnel__field-input {
  width: 100%;
  padding: 10px 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--pr-rule);
  font-family: var(--pr-font-body);
  font-style: italic;
  font-size: var(--pr-text-body);
  color: var(--pr-ink);
  border-radius: 0;
  transition: border-color 120ms var(--pr-ease-cinema);
  appearance: none;
}
[data-design="b"] .pr-funnel__field-input:focus {
  outline: none;
  border-bottom-color: var(--pr-sea);
  border-bottom-width: 2px;
  padding-bottom: 9px;
}
[data-design="b"] .pr-funnel__field-input--area { font-style: normal; resize: vertical; }
[data-design="b"] .pr-funnel__note {
  font-family: var(--pr-font-body);
  font-style: italic;
  font-size: var(--pr-text-cap);
  line-height: 1.5;
  color: var(--pr-ink-soft);
  border-left: 1px solid var(--pr-sea);
  padding-left: var(--pr-space-margin);
  margin: var(--pr-space-margin) 0;
}
[data-design="b"] .pr-funnel__next,
[data-design="b"] .pr-funnel__submit {
  font-family: var(--pr-font-body);
  font-style: italic;
  font-size: var(--pr-text-body);
  color: var(--pr-ink);
  background: transparent;
  border: 1px solid var(--pr-ink);
  border-radius: 0;
  padding: 12px 28px;
  cursor: pointer;
  transition: background 240ms var(--pr-ease-cinema), color 240ms var(--pr-ease-cinema);
}
[data-design="b"] .pr-funnel__next:hover,
[data-design="b"] .pr-funnel__submit:hover { background: var(--pr-ink); color: var(--pr-paper); }
[data-design="b"] .pr-funnel__next:focus-visible,
[data-design="b"] .pr-funnel__submit:focus-visible { outline: 2px solid var(--pr-cardinal); outline-offset: 4px; }

[data-design="b"] .pr-funnel__confirm {
  background: var(--pr-paper-deep);
  border: 1px solid var(--pr-seal);
  padding: var(--pr-space-frame) var(--pr-space-margin);
  margin-top: var(--pr-space-frame);
  display: block;
}
[data-design="b"] .pr-funnel__confirm[hidden] { display: none; }
[data-design="b"] .pr-funnel__stamp {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pr-seal);
  border: 1px solid var(--pr-seal);
  padding: 6px 12px;
  display: inline-block;
  margin: 0 0 var(--pr-space-margin);
}
[data-design="b"] .pr-funnel__confirm-title {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-place);
  color: var(--pr-ink);
  margin: 0 0 var(--pr-space-margin);
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-funnel__confirm-title em { font-style: italic; }
[data-design="b"] .pr-funnel__confirm-body {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0;
}

/* ============================================================
   9. IMPRINT · Footer
   ============================================================ */

[data-design="b"] .pr-imprint {
  background: var(--pr-paper-deep);
  padding: var(--pr-space-frame) var(--pr-space-margin) var(--pr-space-region);
  max-width: 1280px;
  margin: 0 auto;
}
[data-design="b"] .pr-imprint__rule {
  height: 1px;
  background: var(--pr-rule);
  margin-bottom: var(--pr-space-frame);
}
[data-design="b"] .pr-imprint__grid {
  display: grid;
  gap: var(--pr-space-frame);
  grid-template-columns: 1fr;
  margin-bottom: var(--pr-space-frame);
}
@media (min-width: 720px) {
  [data-design="b"] .pr-imprint__grid { grid-template-columns: repeat(3, 1fr); }
}
[data-design="b"] .pr-imprint__col { display: grid; gap: 10px; }
[data-design="b"] .pr-imprint__mark {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}
[data-design="b"] .pr-imprint__dot {
  display: inline-block;
  width: 10px; height: 10px;
  background: var(--pr-sea);
  border-radius: 50%;
}
[data-design="b"] .pr-imprint__name {
  font-family: var(--pr-font-place);
  font-size: var(--pr-text-deck);
  color: var(--pr-ink);
  line-height: 1.1;
  letter-spacing: -0.012em;
}
[data-design="b"] .pr-imprint__name em { font-style: italic; }
[data-design="b"] .pr-imprint__addr {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-body);
  line-height: 1.6;
  color: var(--pr-ink-soft);
  margin: 0;
}
[data-design="b"] .pr-imprint__kicker {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pr-cardinal);
  margin: 0;
}
[data-design="b"] .pr-imprint__line {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-cap);
  letter-spacing: 0.06em;
  color: var(--pr-ink);
  margin: 0;
}
[data-design="b"] .pr-imprint__line a {
  color: var(--pr-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--pr-umber);
  padding-bottom: 1px;
}
[data-design="b"] .pr-imprint__line a:hover { color: var(--pr-cardinal); }
[data-design="b"] .pr-imprint__line--muted { color: var(--pr-muted); }
[data-design="b"] .pr-imprint__line--pending { color: var(--pr-muted); font-style: italic; }

[data-design="b"] .pr-imprint__legal {
  border-top: 1px solid var(--pr-rule-soft);
  padding-top: var(--pr-space-margin);
  display: grid;
  gap: 12px;
}
[data-design="b"] .pr-imprint__responsible {
  font-family: var(--pr-font-body);
  font-size: var(--pr-text-cap);
  line-height: 1.6;
  color: var(--pr-ink);
  margin: 0;
}
[data-design="b"] .pr-imprint__pending {
  font-style: italic;
  color: var(--pr-muted);
}
[data-design="b"] .pr-imprint__disclaimer {
  font-family: var(--pr-font-body);
  font-style: italic;
  font-size: var(--pr-text-cap);
  line-height: 1.65;
  color: var(--pr-ink-soft);
  margin: 0;
  max-width: 72ch;
}
[data-design="b"] .pr-imprint__colophon {
  font-family: var(--pr-font-caption);
  font-size: var(--pr-text-coord);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pr-muted);
  margin: 0;
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
  [data-design="b"] .pr-compass__needle { animation: none; transform: rotate(0deg); }
  [data-design="b"] .pr-header__drawer-panel,
  [data-design="b"] .pr-header__drawer-backdrop { transition: none; }
  [data-design="b"] .pr-approach__image { transition: none; transform: scale(1); }
  [data-design="b"] .pr-approach__image::before { transition: none; transform: scaleX(1); }
  [data-design="b"] .pr-approach__caption { transition: none; opacity: 1; transform: none; }
  [data-design="b"] .pr-coords__pair { transition: none; }
  [data-design="b"] .pr-process__rule { animation: none; transform: scaleX(1); opacity: .8; }
  [data-design="b"] .pr-cta,
  [data-design="b"] .pr-cta__pin-needle,
  [data-design="b"] .pr-cta::after { transition: none; }
  [data-design="b"] .pr-funnel__step { transition: opacity 200ms linear; transform: none; }
  [data-design="b"] .pr-funnel__step[hidden] { transform: none; }
}

/* ============================================================
   DESIGN VISIBILITY · only render when active
   ============================================================ */

body[data-design="a"] [data-design="b"].dq-design { display: none; }
body[data-design="b"] [data-design="b"].dq-design { display: block; }