.wpq-reference-hub {
  --wpq-reference-blue: var(--wpq-color-blue);
  --wpq-reference-green: var(--wpq-color-green);
  --wpq-reference-violet: var(--wpq-color-violet);
  --wpq-reference-amber: var(--wpq-color-orange);
  --wpq-reference-sky: #217bc5;
}

.wpq-reference-hub__intro {
  max-width: 780px;
}

.wpq-reference-hub__jump-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--wpq-space-6);
  margin: 22px 0 30px;
  border-top: 1px solid var(--wpq-color-line);
  border-bottom: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__jump {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: var(--wpq-space-3);
  align-items: center;
  min-width: 0;
  min-height: 76px;
  padding: var(--wpq-space-3) 0;
  border-bottom: 1px solid var(--wpq-color-line);
  color: var(--wpq-color-ink);
  text-decoration: none;
}

.wpq-reference-hub__jump:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.wpq-reference-hub__jump > span:first-child {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
}

.wpq-reference-hub__jump svg {
  width: 27px;
  height: 27px;
}

.wpq-reference-hub__jump > span:last-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.wpq-reference-hub__jump strong {
  font-size: var(--wpq-type-body);
  line-height: 1.45;
}

.wpq-reference-hub__jump small {
  color: var(--wpq-color-muted);
  font-size: var(--wpq-type-small);
  line-height: 1.55;
}

.wpq-reference-hub__jump--blue { color: var(--wpq-reference-blue); }
.wpq-reference-hub__jump--green { color: var(--wpq-reference-green); }
.wpq-reference-hub__jump--violet { color: var(--wpq-reference-violet); }
.wpq-reference-hub__jump--amber { color: var(--wpq-reference-amber); }
.wpq-reference-hub__jump--sky { color: var(--wpq-reference-sky); }
.wpq-reference-hub__jump strong { color: var(--wpq-color-ink); }

.wpq-reference-hub__guide,
.wpq-reference-hub__placement {
  display: grid;
  gap: var(--wpq-space-4);
  margin: 0 0 30px;
  padding: var(--wpq-space-5) 0;
  border-top: 0;
  border-bottom: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__eyebrow {
  margin: 0 0 5px;
  color: var(--wpq-color-blue);
  font-size: var(--wpq-type-meta);
  font-weight: var(--wpq-weight-bold);
  line-height: 1.4;
  letter-spacing: var(--wpq-tracking-default);
}

.wpq-reference-hub__guide h2,
.wpq-reference-hub__placement h2 {
  margin: 0;
  color: var(--wpq-color-ink);
  font-size: var(--wpq-type-section);
  line-height: 1.5;
}

.wpq-reference-hub__placement > div:first-child > p:last-child {
  margin: var(--wpq-space-1-5) 0 0;
  color: var(--wpq-color-muted);
  font-size: var(--wpq-type-copy-strong);
  line-height: 1.7;
}

.wpq-reference-hub__guide ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wpq-reference-hub__guide li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: var(--wpq-space-1) var(--wpq-space-3-5);
  border-right: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__guide li:first-child { padding-left: 0; }
.wpq-reference-hub__guide li:last-child { padding-right: 0; border-right: 0; }

.wpq-reference-hub__guide li > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: var(--wpq-color-blue);
  color: var(--wpq-color-surface);
  font-size: var(--wpq-type-label);
  font-weight: var(--wpq-weight-bold);
}

.wpq-reference-hub__guide li > div {
  display: grid;
  gap: var(--wpq-space-0-5);
}

.wpq-reference-hub__guide strong { color: var(--wpq-color-ink); font-size: var(--wpq-type-copy); }
.wpq-reference-hub__guide small { color: #5e708a; font-size: var(--wpq-type-meta); overflow-wrap: anywhere; }

.wpq-reference-hub__section {
  scroll-margin-top: 100px;
  margin: 0;
  padding: 28px 0;
  border-bottom: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__section:first-of-type {
  border-top: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__section-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: var(--wpq-space-3);
  align-items: start;
  margin-bottom: var(--wpq-space-4);
}

.wpq-reference-hub__section-head > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
}

.wpq-reference-hub__section-head svg { width: 29px; height: 29px; }
.wpq-reference-hub__section--blue .wpq-reference-hub__section-head > span { color: var(--wpq-reference-blue); }
.wpq-reference-hub__section--green .wpq-reference-hub__section-head > span { color: var(--wpq-reference-green); }
.wpq-reference-hub__section--violet .wpq-reference-hub__section-head > span { color: var(--wpq-reference-violet); }
.wpq-reference-hub__section--amber .wpq-reference-hub__section-head > span { color: var(--wpq-reference-amber); }
.wpq-reference-hub__section--sky .wpq-reference-hub__section-head > span { color: var(--wpq-reference-sky); }

.wpq-reference-hub__section-head h2 {
  margin: 0;
  color: var(--wpq-color-ink);
  font-size: var(--wpq-type-section);
  line-height: 1.45;
}

.wpq-reference-hub__section-head p {
  margin: var(--wpq-space-1) 0 0;
  color: var(--wpq-color-muted);
  font-size: var(--wpq-type-copy);
  line-height: 1.65;
}

.wpq-parameter-table {
  border-top: 1px solid var(--wpq-color-line-strong);
}

.wpq-parameter-table__head,
.wpq-parameter-table__row {
  display: grid;
  grid-template-columns: minmax(170px, 0.8fr) minmax(220px, 1.25fr) minmax(160px, 0.95fr);
  gap: var(--wpq-space-4-5);
  align-items: center;
  min-width: 0;
  border-bottom: 1px solid var(--wpq-color-line);
}

.wpq-parameter-table__head {
  min-height: 38px;
  color: #4f617a;
  font-size: var(--wpq-type-meta);
  font-weight: var(--wpq-weight-bold);
}

.wpq-parameter-table__row {
  min-height: 54px;
  padding: var(--wpq-space-2) 0;
  color: var(--wpq-color-muted);
  font-size: var(--wpq-type-small-strong);
  line-height: 1.55;
}

.wpq-parameter-table__row code {
  color: var(--wpq-color-blue);
  font: var(--wpq-weight-bold) var(--wpq-type-small-strong)/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
}

.wpq-parameter-table__row strong {
  color: var(--wpq-color-ink);
  font-size: var(--wpq-type-copy);
}

.wpq-reference-hub__placement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 var(--wpq-space-4-5);
}

.wpq-reference-hub__placement-card {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 0 var(--wpq-space-4-5);
  border-right: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__placement-card:first-child { padding-left: 0; }
.wpq-reference-hub__placement-card:last-child { padding-right: 0; border-right: 0; }
.wpq-reference-hub__placement-card > span { display: grid; width: 30px; height: 30px; place-items: center; }
.wpq-reference-hub__placement-card svg { width: 26px; height: 26px; }
.wpq-reference-hub__placement-card--green > span { color: var(--wpq-reference-green); }
.wpq-reference-hub__placement-card--blue > span { color: var(--wpq-reference-blue); }
.wpq-reference-hub__placement-card--amber > span { color: var(--wpq-reference-amber); }
.wpq-reference-hub__placement-card h3 { margin: 0; color: var(--wpq-color-ink); font-size: var(--wpq-type-body); line-height: 1.45; }
.wpq-reference-hub__placement-card code { color: var(--wpq-color-blue); font-size: var(--wpq-type-label); font-weight: var(--wpq-weight-bold); overflow-wrap: anywhere; }
.wpq-reference-hub__placement-card p { margin: 0; color: var(--wpq-color-muted); font-size: var(--wpq-type-small); line-height: 1.65; }

.wpq-reference-hub__section > .wpq-code-block {
  margin-top: var(--wpq-space-3);
}

.wpq-reference-hub__safety {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: var(--wpq-space-3);
  margin: 28px 0 0;
  padding: var(--wpq-space-4-5) 0;
  border-top: 1px solid #c4d7ef;
  border-bottom: 1px solid #c4d7ef;
}

.wpq-reference-hub__safety > span { color: var(--wpq-color-green); }
.wpq-reference-hub__safety svg { width: 29px; height: 29px; }
.wpq-reference-hub__safety h2 { margin: 0 0 var(--wpq-space-2); color: var(--wpq-color-ink); font-size: var(--wpq-type-control); }
.wpq-reference-hub__safety ul { display: grid; gap: 5px; margin: 0; padding-left: 1.2rem; color: var(--wpq-color-muted); font-size: var(--wpq-type-copy); line-height: 1.6; }

.wpq-reference-hub__next {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 var(--wpq-space-4-5);
  margin: 30px 0 0;
  padding: var(--wpq-space-4-5) 0 0;
  border-top: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub__next > a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
  padding-right: var(--wpq-space-4-5);
  border-right: 1px solid var(--wpq-color-line);
  color: var(--wpq-color-blue);
  text-decoration: none;
}

.wpq-reference-hub__next > a:last-child { padding-right: 0; border-right: 0; }
.wpq-reference-hub__next svg { width: 23px; height: 23px; }
.wpq-reference-hub__next span { display: grid; gap: 3px; }
.wpq-reference-hub__next strong { color: var(--wpq-color-ink); font-size: var(--wpq-type-copy); line-height: 1.5; }
.wpq-reference-hub__next small { color: var(--wpq-color-muted); font-size: var(--wpq-type-meta); line-height: 1.55; }

.wpq-reference-hub__example-directory {
  display: grid;
  gap: var(--wpq-space-2-5);
  margin-top: 28px;
}

.wpq-reference-hub__example-directory > .wpq-section-heading { margin: 0; }
.wpq-reference-hub__section-lead {
  max-width: 760px;
  margin: 0;
  color: var(--wpq-ui-copy, var(--wpq-color-muted));
  font: var(--wpq-weight-medium) var(--wpq-ui-body, 0.875rem)/1.7 var(--wpq-font-ui);
}

.wpq-reference-hub__example-directory .wpq-reference-hub__jump-grid {
  margin: var(--wpq-space-1) 0 0;
}

.wpq-reference-hub__query-note {
  margin: 0;
  border-top: 0;
}

.wpq-reference-hub--examples .wpq-reference-hub__query-note + .wpq-reference-hub__section {
  border-top: 1px solid var(--wpq-color-line);
}

.wpq-reference-hub--examples .wpq-reference-hub__safety {
  border-top: 0;
}

/* Parameter reference: one flat, line-led family. The index and detail pages
 * use the shared Noto type scale, semantic repository icons and single-owner
 * dividers. Decorative cards, coloured top edges and routine arrows are not
 * part of this family. */
.wpq-reference-hub__next-section {
  display: grid;
  gap: var(--wpq-space-2);
  margin-top: 28px;
}

.wpq-reference-hub__next-section > .wpq-section-heading {
  margin: 0;
}

.wpq-reference-hub__next-section .wpq-reference-hub__next {
  margin-top: 0;
}

.wpq-parameter-index :is(.wpq-parameter-index__directory, .wpq-parameter-index__chooser, .wpq-parameter-index__rules) {
  display: grid;
  gap: var(--wpq-space-2-5);
  margin-top: 28px;
}

.wpq-parameter-index :is(.wpq-parameter-index__directory, .wpq-parameter-index__chooser, .wpq-parameter-index__rules) > .wpq-section-heading {
  margin: 0;
}

.wpq-parameter-index__section-lead {
  max-width: 760px;
  margin: 0;
  color: var(--wpq-ui-copy, var(--wpq-color-muted));
  font: var(--wpq-weight-medium) var(--wpq-ui-body, 0.875rem)/1.7 var(--wpq-font-ui);
}

.wpq-parameter-index__directory .wpq-parameter-index__jump-grid {
  margin: var(--wpq-space-1) 0 0;
}

.wpq-parameter-index__jump-grid .wpq-reference-hub__jump {
  grid-template-columns: 34px minmax(0, 1fr);
}

.wpq-parameter-index__jump-grid .wpq-reference-hub__jump small {
  font-size: var(--wpq-type-copy);
  font-weight: var(--wpq-weight-medium);
  line-height: 1.6;
}

.wpq-parameter-index__routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin-top: var(--wpq-space-1);
  border-top: 1px solid var(--wpq-ui-line, var(--wpq-color-line));
}

.wpq-parameter-index__route {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: var(--wpq-space-4) 0;
  border: 0;
  border-bottom: 1px solid var(--wpq-ui-line, var(--wpq-color-line));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.wpq-parameter-index__route-head {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: var(--wpq-space-2-5);
}

.wpq-parameter-index__route-head > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: var(--wpq-color-blue);
}

.wpq-parameter-index__route--green .wpq-parameter-index__route-head > span { color: var(--wpq-color-green); }
.wpq-parameter-index__route--amber .wpq-parameter-index__route-head > span { color: var(--wpq-color-orange); }
.wpq-parameter-index__route--violet .wpq-parameter-index__route-head > span { color: var(--wpq-color-violet); }
.wpq-parameter-index__route-head svg { width: 27px; height: 27px; }
.wpq-parameter-index__route h3 { margin: 0; color: var(--wpq-color-ink); font: var(--wpq-weight-bold) var(--wpq-ui-h3, 1rem)/1.45 var(--wpq-font-ui); }
.wpq-parameter-index__route-head p { margin: 3px 0 0; color: var(--wpq-color-muted); font: var(--wpq-weight-medium) var(--wpq-type-copy)/1.62 var(--wpq-font-ui); }
.wpq-parameter-index__route ul { display: grid; gap: var(--wpq-space-1); margin: 0; padding-left: 1.15rem; color: var(--wpq-color-copy); font: var(--wpq-weight-medium) var(--wpq-type-copy)/1.65 var(--wpq-font-ui); }

.wpq-parameter-index__keys {
  margin: 0;
  padding-top: var(--wpq-space-0-5);
  border-top: 0;
  color: var(--wpq-color-muted);
  font: var(--wpq-weight-medium) var(--wpq-type-small)/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
}

.wpq-parameter-index__keys span { margin-right: 7px; color: var(--wpq-color-ink); font-family: inherit; font-weight: var(--wpq-weight-bold); }

.wpq-parameter-index__route > a {
  display: inline-flex;
  gap: 0;
  align-items: center;
  justify-self: start;
  min-height: 38px;
  color: var(--wpq-color-blue);
  font-size: var(--wpq-type-copy);
  font-weight: var(--wpq-weight-bold);
  text-decoration: none;
}

.wpq-parameter-index__route > a:hover { color: #064fca; text-decoration: none; }

.wpq-parameter-index__rules {
  display: grid;
  gap: var(--wpq-space-2-5);
  margin-top: 28px;
  padding: 0;
  border: 0;
}

.wpq-parameter-index__rules > .wpq-section-heading { margin: 0; }
.wpq-parameter-index__rule-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.wpq-parameter-index__rule-grid article { padding: 0 var(--wpq-space-4); border-right: 1px solid var(--wpq-color-line); }
.wpq-parameter-index__rule-grid article:first-child { padding-left: 0; }
.wpq-parameter-index__rule-grid article:last-child { padding-right: 0; border-right: 0; }
.wpq-parameter-index__rule-grid strong { color: var(--wpq-color-ink); font-size: var(--wpq-type-body); font-weight: var(--wpq-weight-bold); line-height: 1.5; }
.wpq-parameter-index__rule-grid p { margin: 5px 0 0; color: var(--wpq-color-muted); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-medium); line-height: 1.65; }

.wpq-parameter-index__scope-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: var(--wpq-space-2-5);
  align-items: start;
  margin: var(--wpq-space-1) 0 0;
  padding: var(--wpq-space-3) 0 0;
  border: 0;
  border-top: 1px solid var(--wpq-ui-line-soft, var(--wpq-color-line-soft));
  background: transparent;
  color: var(--wpq-ui-copy, var(--wpq-color-muted));
}

.wpq-parameter-index__scope-note > span { color: var(--wpq-ui-blue, var(--wpq-color-blue)); }
.wpq-parameter-index__scope-note > span svg { width: 23px; height: 23px; }
.wpq-parameter-index__scope-note h3 { margin: 0; color: var(--wpq-ui-ink, var(--wpq-color-ink)); font: var(--wpq-weight-bold) var(--wpq-type-body)/1.5 var(--wpq-font-ui); }
.wpq-parameter-index__scope-note p { margin: 3px 0 0; font: var(--wpq-weight-medium) var(--wpq-type-copy)/1.7 var(--wpq-font-ui); }

.wpq-parameter-detail__intro { display: grid; gap: 0; }

.wpq-parameter-detail__builder-cta { margin-top: 28px; }
.wpq-parameter-detail__builder-cta > .wpq-public-builder-cta { width: 100%; margin-top: 0; }

.wpq-parameter-detail__questions,
.wpq-parameter-detail__catalog,
.wpq-parameter-detail__compatibility,
.wpq-parameter-detail__example,
.wpq-parameter-detail__siblings {
  display: grid;
  gap: var(--wpq-space-3);
  margin-top: 28px;
}

.wpq-parameter-detail :is(.wpq-parameter-detail__questions, .wpq-parameter-detail__catalog, .wpq-parameter-detail__compatibility, .wpq-parameter-detail__example, .wpq-parameter-detail__siblings) > .wpq-section-heading { margin: 0; }

.wpq-parameter-detail__questions ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: var(--wpq-space-3-5) 0;
  border-top: 1px solid var(--wpq-color-line);
  border-bottom: 1px solid var(--wpq-color-line);
  list-style: none;
}

.wpq-parameter-detail__questions li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 7px; align-items: start; padding: var(--wpq-space-0-5) var(--wpq-space-3-5); border-right: 1px solid var(--wpq-color-line); color: var(--wpq-color-copy); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-medium); line-height: 1.62; }
.wpq-parameter-detail__questions li:first-child { padding-left: 0; }
.wpq-parameter-detail__questions li:last-child { padding-right: 0; border-right: 0; }
.wpq-parameter-detail__questions svg { width: 18px; height: 18px; color: var(--wpq-color-green); }

.wpq-parameter-detail__section-lead { margin: -2px 0 0; color: var(--wpq-color-muted); font-size: var(--wpq-type-body); font-weight: var(--wpq-weight-medium); line-height: 1.7; }
.wpq-parameter-detail__table { border-top: 1px solid var(--wpq-color-line-strong); }
.wpq-parameter-detail__table-head,
.wpq-parameter-detail__table-row { display: grid; grid-template-columns: minmax(145px, 0.8fr) minmax(130px, 0.72fr) minmax(175px, 1fr) minmax(230px, 1.35fr); gap: var(--wpq-space-3-5); align-items: start; }
.wpq-parameter-detail__table-head { min-height: 40px; align-items: center; border-bottom: 1px solid var(--wpq-color-line); color: var(--wpq-color-muted); font-size: var(--wpq-type-small-strong); font-weight: var(--wpq-weight-bold); }
.wpq-parameter-detail__table-row { min-height: 66px; padding: 11px 0; border-bottom: 1px solid var(--wpq-color-line); color: var(--wpq-color-muted); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-medium); line-height: 1.62; }
.wpq-parameter-detail__table-row code { color: var(--wpq-color-blue); font: var(--wpq-weight-bold) var(--wpq-type-small-strong)/1.58 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.wpq-parameter-detail__table-row strong { color: var(--wpq-color-ink); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-bold); line-height: 1.58; }
.wpq-parameter-detail__table-row p { margin: 0; }

.wpq-parameter-detail__compatibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--wpq-color-line); }
.wpq-parameter-detail__compatibility-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-content: start;
  padding: var(--wpq-space-3-5) var(--wpq-space-4);
  border: 0;
  border-right: 1px solid var(--wpq-color-line);
  border-radius: 0;
  background: transparent;
}
.wpq-parameter-detail__compatibility-card:first-child { padding-left: 0; }
.wpq-parameter-detail__compatibility-card:last-child { padding-right: 0; border-right: 0; }
.wpq-parameter-detail__compatibility-card > span { color: var(--wpq-color-orange); }
.wpq-parameter-detail__compatibility-card--danger > span { color: #c73e35; }
.wpq-parameter-detail__compatibility-card--good > span { color: var(--wpq-color-green); }
.wpq-parameter-detail__compatibility-card svg { width: 23px; height: 23px; }
.wpq-parameter-detail__compatibility-card h3 { margin: 0; color: var(--wpq-color-ink); font-size: var(--wpq-type-copy-strong); font-weight: var(--wpq-weight-bold); line-height: 1.5; }
.wpq-parameter-detail__compatibility-card p { margin: var(--wpq-space-1) 0 0; color: var(--wpq-color-muted); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-medium); line-height: 1.65; }

.wpq-parameter-detail__official { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: center; margin: 0; padding: var(--wpq-space-3) 0; border-bottom: 1px solid var(--wpq-color-line); color: var(--wpq-color-muted); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-medium); line-height: 1.6; }
.wpq-parameter-detail__official > span:first-child { color: var(--wpq-color-blue); }
.wpq-parameter-detail__official > span:first-child svg { width: 23px; height: 23px; }
.wpq-parameter-detail__official > span:nth-child(2) { display: grid; gap: 1px; }
.wpq-parameter-detail__official strong { color: var(--wpq-color-ink); font-size: var(--wpq-type-copy-strong); font-weight: var(--wpq-weight-bold); }
.wpq-parameter-detail__official > a { display: inline-flex; gap: 5px; align-items: center; color: var(--wpq-color-blue); font-weight: var(--wpq-weight-bold); text-decoration: none; }
.wpq-parameter-detail__official > a svg { width: 13px; height: 13px; }

.wpq-parameter-detail__sibling-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--wpq-space-4-5); border-top: 1px solid var(--wpq-color-line); }
.wpq-parameter-detail__sibling-grid a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 50px;
  padding: var(--wpq-space-2) 0;
  border: 0;
  border-bottom: 1px solid var(--wpq-color-line);
  border-radius: 0;
  color: var(--wpq-color-blue);
  text-decoration: none;
}
.wpq-parameter-detail__sibling-grid a[aria-current="page"] { background: var(--wpq-color-surface-subtle); box-shadow: inset 0 -2px var(--wpq-color-blue); }
.wpq-parameter-detail__sibling-grid svg { width: 20px; height: 20px; }
.wpq-parameter-detail__sibling-grid strong { color: var(--wpq-color-ink); font-size: var(--wpq-type-copy); font-weight: var(--wpq-weight-bold); }

.wpq-reference-hub--parameters .wpq-reference-hub__next strong {
  font-size: var(--wpq-type-body);
  font-weight: var(--wpq-weight-bold);
}

.wpq-reference-hub--parameters .wpq-reference-hub__next small {
  font-size: var(--wpq-type-small-strong);
  font-weight: var(--wpq-weight-medium);
}

@media (max-width: 1023px) {
  .wpq-parameter-detail__table-head,
  .wpq-parameter-detail__table-row { grid-template-columns: minmax(120px, 0.75fr) minmax(115px, 0.7fr) minmax(145px, 0.9fr) minmax(190px, 1.2fr); gap: var(--wpq-space-2-5); }
}

/* At 1024–1199px the shared rail is already visible, so fixed minimum table
 * tracks no longer fit the remaining main column. Let the four semantic
 * columns interpolate inside that column and wrap their copy locally instead
 * of drawing beneath the rail. */
@media (min-width: 1024px) and (max-width: 1199px) {
  .wpq-parameter-detail__table-head,
  .wpq-parameter-detail__table-row {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.72fr) minmax(0, 1fr) minmax(0, 1.35fr);
    gap: var(--wpq-space-2);
  }

  .wpq-parameter-detail__table-head > *,
  .wpq-parameter-detail__table-row > * {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (min-width: 900px) and (max-width: 1023px) {
  body .wpq-site-main .wpq-reference-hub--parameters .wpq-public-hub__layout {
    grid-template-columns: minmax(0, 1fr) 220px !important;
    column-gap: var(--wpq-space-6) !important;
    align-items: start;
  }

  body .wpq-site-main .wpq-reference-hub--parameters .wpq-public-hub__main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
  }

  body .wpq-site-main .wpq-reference-hub--parameters .wpq-public-hub__rail {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 220px !important;
    max-width: 220px !important;
    margin-top: 0 !important;
  }

  .wpq-reference-hub--parameters .wpq-parameter-detail__table-head,
  .wpq-reference-hub--parameters .wpq-parameter-detail__table-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .wpq-reference-hub--parameters .wpq-parameter-detail__table-head { display: none; }
  .wpq-reference-hub--parameters .wpq-parameter-detail__table-row { padding: var(--wpq-space-2-5) 0; }
  .wpq-reference-hub--parameters .wpq-parameter-detail__table-row span::before { content: "選べる値: "; color: var(--wpq-color-ink); font-weight: var(--wpq-weight-bold); }
  .wpq-reference-hub--parameters .wpq-parameter-detail__compatibility-grid { grid-template-columns: minmax(0, 1fr); gap: var(--wpq-space-2); }
}

/* Parameters keeps its contextual rail in the document flow. At compact
 * widths it follows the main content, matching the other Hub pages, so the
 * related entrances and the shared Builder banner do not disappear. */
@media (max-width: 899px) {
  .wpq-reference-hub--parameters .wpq-public-hub__rail {
    display: grid !important;
  }
}

@media (max-width: 767px) {
  .wpq-reference-hub__jump-grid,
  .wpq-reference-hub__jump-grid--examples {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin: var(--wpq-space-3-5) 0 var(--wpq-space-5);
  }

  .wpq-reference-hub__jump,
  .wpq-reference-hub__jump:nth-last-child(-n + 2) {
    min-height: 58px;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    padding: var(--wpq-space-2) 0;
    border-bottom: 1px solid var(--wpq-color-line);
  }

  .wpq-reference-hub__jump:last-child { border-bottom: 0; }
  .wpq-reference-hub__jump > span:first-child { width: 28px; height: 28px; }
  .wpq-reference-hub__jump svg { width: 22px; height: 22px; }
  .wpq-reference-hub__jump strong { font-size: var(--wpq-type-copy); }
  .wpq-reference-hub__jump small { font-size: var(--wpq-type-meta); line-height: 1.45; }

  .wpq-reference-hub__guide,
  .wpq-reference-hub__placement {
    gap: var(--wpq-space-3);
    margin-bottom: var(--wpq-space-5);
    padding: var(--wpq-space-3-5) 0;
  }

  .wpq-reference-hub__guide h2,
  .wpq-reference-hub__placement h2 { font-size: var(--wpq-type-control); }
  .wpq-reference-hub__guide ol { grid-template-columns: minmax(0, 1fr); }
  .wpq-reference-hub__guide li,
  .wpq-reference-hub__guide li:first-child,
  .wpq-reference-hub__guide li:last-child { min-height: 42px; padding: var(--wpq-space-1-5) 0; border-right: 0; border-bottom: 1px solid var(--wpq-color-line); }
  .wpq-reference-hub__guide li:last-child { border-bottom: 0; }

  .wpq-reference-hub__section { padding: var(--wpq-space-5) 0; scroll-margin-top: 76px; }
  .wpq-reference-hub__section-head { grid-template-columns: 30px minmax(0, 1fr); gap: 9px; margin-bottom: 11px; }
  .wpq-reference-hub__section-head > span { width: 30px; height: 30px; }
  .wpq-reference-hub__section-head svg { width: 24px; height: 24px; }
  .wpq-reference-hub__section-head h2 { font-size: var(--wpq-type-control); }
  .wpq-reference-hub__section-head p { margin-top: var(--wpq-space-0-5); font-size: var(--wpq-type-label); line-height: 1.55; }

  .wpq-parameter-table__head { display: none; }
  .wpq-parameter-table__row { grid-template-columns: minmax(0, 1fr); gap: var(--wpq-space-0-5); min-height: 0; padding: var(--wpq-space-2-5) 0; }
  .wpq-parameter-table__row code { font-size: var(--wpq-type-label); }
  .wpq-parameter-table__row strong { font-size: var(--wpq-type-small); }
  .wpq-parameter-table__row span { font-size: var(--wpq-type-meta); }

  .wpq-reference-hub__placement-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .wpq-reference-hub__placement-card,
  .wpq-reference-hub__placement-card:first-child,
  .wpq-reference-hub__placement-card:last-child { grid-template-columns: 26px minmax(0, 1fr); gap: var(--wpq-space-0-5) 9px; padding: var(--wpq-space-2-5) 0; border-right: 0; border-bottom: 1px solid var(--wpq-color-line); }
  .wpq-reference-hub__placement-card:last-child { border-bottom: 0; }
  .wpq-reference-hub__placement-card > span { grid-row: 1 / 4; width: 26px; height: 26px; }
  .wpq-reference-hub__placement-card svg { width: 22px; height: 22px; }
  .wpq-reference-hub__placement-card h3 { font-size: var(--wpq-type-small-strong); }
  .wpq-reference-hub__placement-card code { font-size: var(--wpq-type-micro-floor); }
  .wpq-reference-hub__placement-card p { font-size: var(--wpq-type-meta); line-height: 1.55; }

  .wpq-reference-hub__section > .wpq-code-block { margin-top: 9px; }
  .wpq-reference-hub__section .wpq-code-head { padding: 7px 9px; }
  .wpq-reference-hub__section .wpq-copy-button { min-height: 32px; padding-inline: 9px; }
  .wpq-reference-hub__section .wpq-code-block pre { padding: var(--wpq-space-2-5) 11px; }
  .wpq-reference-hub__section .wpq-code-block code { font-size: var(--wpq-type-meta); line-height: 1.4; }

  .wpq-reference-hub__safety { grid-template-columns: 28px minmax(0, 1fr); gap: 9px; margin-top: var(--wpq-space-5); padding: 13px 0; }
  .wpq-reference-hub__safety svg { width: 24px; height: 24px; }
  .wpq-reference-hub__safety h2 { font-size: var(--wpq-type-body); }
  .wpq-reference-hub__safety ul { gap: 3px; font-size: var(--wpq-type-meta); line-height: 1.55; }

  .wpq-reference-hub__next { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: var(--wpq-space-5); padding-top: var(--wpq-space-2); }
  .wpq-reference-hub__next > a,
  .wpq-reference-hub__next > a:last-child { min-height: 54px; align-items: center; padding: var(--wpq-space-2) 0; border-right: 0; border-bottom: 1px solid var(--wpq-color-line); }
  .wpq-reference-hub__next > a:last-child { border-bottom: 0; }

  .wpq-reference-hub__next-section { gap: 5px; margin-top: var(--wpq-space-5); }
  .wpq-reference-hub__example-directory { gap: 7px; margin-top: var(--wpq-space-5); }
  .wpq-reference-hub__section-lead { font-size: var(--wpq-ui-body, 0.82rem); line-height: 1.65; }
  .wpq-parameter-index :is(.wpq-parameter-index__directory, .wpq-parameter-index__chooser, .wpq-parameter-index__rules) { gap: 7px; margin-top: var(--wpq-space-5); }
  .wpq-parameter-index__section-lead { font-size: var(--wpq-ui-body, 0.82rem); line-height: 1.65; }
  .wpq-parameter-index__jump-grid .wpq-reference-hub__jump { grid-template-columns: 28px minmax(0, 1fr); }
  .wpq-parameter-index__routes { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 5px; }
  .wpq-parameter-index__route { gap: var(--wpq-space-2); padding: var(--wpq-space-3) 0; border-radius: 0; }
  .wpq-parameter-index__route-head { grid-template-columns: 28px minmax(0, 1fr); gap: var(--wpq-space-2); }
  .wpq-parameter-index__route-head > span { width: 28px; height: 28px; }
  .wpq-parameter-index__route-head svg { width: 23px; height: 23px; }
  .wpq-parameter-index__route h3 { font-size: var(--wpq-type-body); }
  .wpq-parameter-index__route-head p { font-size: var(--wpq-type-copy); line-height: 1.62; }
  .wpq-parameter-index__route ul { gap: 3px; font-size: var(--wpq-type-copy); line-height: 1.62; }
  .wpq-parameter-index__route > a { min-height: 44px; font-size: var(--wpq-type-copy); }
  .wpq-parameter-index__rules { gap: 7px; margin-top: var(--wpq-space-5); padding: 0; }
  .wpq-parameter-index__rule-grid { grid-template-columns: minmax(0, 1fr); }
  .wpq-parameter-index__rule-grid article,
  .wpq-parameter-index__rule-grid article:first-child,
  .wpq-parameter-index__rule-grid article:last-child { padding: 9px 0; border-right: 0; border-bottom: 1px solid var(--wpq-color-line); }
  .wpq-parameter-index__rule-grid article:last-child { border-bottom: 0; }
  .wpq-parameter-index__rule-grid strong { font-size: var(--wpq-type-copy); }
  .wpq-parameter-index__rule-grid p { font-size: var(--wpq-type-small-strong); line-height: 1.65; }
  .wpq-parameter-index__scope-note { grid-template-columns: 24px minmax(0, 1fr); gap: var(--wpq-space-2); padding-top: var(--wpq-space-2-5); }
  .wpq-parameter-index__scope-note h3 { font-size: var(--wpq-type-copy); }
  .wpq-parameter-index__scope-note p { font-size: var(--wpq-type-small-strong); line-height: 1.65; }

  .wpq-parameter-detail__builder-cta { margin-top: var(--wpq-space-5); }
  .wpq-parameter-detail__questions,
  .wpq-parameter-detail__catalog,
  .wpq-parameter-detail__compatibility,
  .wpq-parameter-detail__example,
  .wpq-parameter-detail__siblings { gap: var(--wpq-space-2); margin-top: var(--wpq-space-5); }
  .wpq-parameter-detail__questions ul { grid-template-columns: minmax(0, 1fr); padding: 7px 0; }
  .wpq-parameter-detail__questions li,
  .wpq-parameter-detail__questions li:first-child,
  .wpq-parameter-detail__questions li:last-child { min-height: 38px; align-items: center; padding: 7px 0; border-right: 0; border-bottom: 1px solid var(--wpq-color-line); font-size: var(--wpq-type-copy); }
  .wpq-parameter-detail__questions li:last-child { border-bottom: 0; }
  .wpq-parameter-detail__section-lead { font-size: var(--wpq-type-copy); line-height: 1.65; }
  .wpq-parameter-detail__table-head { display: none; }
  .wpq-parameter-detail__table-row { grid-template-columns: minmax(0, 1fr); gap: 3px; min-height: 0; padding: 11px 0; }
  .wpq-parameter-detail__table-row code { font-size: var(--wpq-type-small-strong); }
  .wpq-parameter-detail__table-row strong { font-size: var(--wpq-type-copy); }
  .wpq-parameter-detail__table-row span,
  .wpq-parameter-detail__table-row p { font-size: var(--wpq-type-small-strong); }
  .wpq-parameter-detail__table-row span::before { content: "選べる値: "; color: var(--wpq-color-ink); font-weight: var(--wpq-weight-bold); }
  .wpq-parameter-detail__compatibility-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .wpq-parameter-detail__compatibility-card,
  .wpq-parameter-detail__compatibility-card:first-child,
  .wpq-parameter-detail__compatibility-card:last-child { padding: var(--wpq-space-2-5) 0; border-right: 0; border-bottom: 1px solid var(--wpq-color-line); }
  .wpq-parameter-detail__compatibility-card:last-child { border-bottom: 0; }
  .wpq-parameter-detail__official { grid-template-columns: 24px minmax(0, 1fr); gap: 7px; }
  .wpq-parameter-detail__official > a { grid-column: 2; min-height: 30px; }
  .wpq-parameter-detail__sibling-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--wpq-space-3); }
  .wpq-parameter-detail__sibling-grid a { min-height: 42px; padding: 7px 0; }
}