/*
 * Task C visual-fidelity repair layer.
 *
 * This stylesheet is enqueued after the preserved Task A/B implementation
 * bundle and every route stylesheet. Keeping the measured corrections in a
 * separate final layer makes the winning cascade explicit and auditable.
 */

.wpq-public-hub {
  --wpq-hub-blue: var(--wpq-color-blue);
  --wpq-hub-green: var(--wpq-color-green);
  --wpq-hub-orange: var(--wpq-color-orange);
  --wpq-hub-violet: var(--wpq-color-violet);
}

/* Troubleshooting desktop reconstruction. The approved source is a compact
 * directory/table, not the tall card stack inherited from the generic Hub
 * rules. Keep this route-scoped so the measured mobile contract and the other
 * Hub pages are not changed by the desktop repair. */
@media (min-width: 1200px) {
  body:has(.wpq-public-hub--troubleshooting),
  body:has(.wpq-public-hub--troubleshooting) .wpq-site-main {
    background: var(--wpq-color-surface);
  }

  .wpq-public-hub--troubleshooting {
    width: min(1460px, calc(100% - 76px));
    max-width: 1460px;
    padding-right: 0;
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__layout {
    grid-template-columns: minmax(0, 1012px) minmax(0, 400px);
    gap: var(--wpq-space-9);
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__rail {
    padding-left: 34px;
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__intro {
    margin-bottom: 23px;
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__intro > p:last-child {
    max-width: 620px;
  }

  .wpq-public-hub--troubleshooting :is(
      .wpq-trouble-search,
      .wpq-trouble-classifications,
      .wpq-trouble-recommended,
      .wpq-trouble-results
    ) h2 {
    font-size: var(--wpq-type-section);
    line-height: 27px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search__row {
    display: grid;
    grid-template-columns: 838px minmax(0, 1fr);
    gap: var(--wpq-space-7);
    align-items: center;
    margin-top: var(--wpq-space-2);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search form {
    grid-template-columns: 46px minmax(0, 1fr) 104px;
    min-height: 44px;
    height: 44px;
    margin-top: 0;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search input {
    height: 42px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search__guide {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--wpq-hub-blue);
    font-size: var(--wpq-type-small);
    font-weight: var(--wpq-weight-bold);
    line-height: 1.4;
    white-space: nowrap;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications {
    margin-top: 27px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications > nav {
    margin-top: 9px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a {
    gap: var(--wpq-space-1);
    min-height: 73px;
    height: 73px;
    align-content: center;
    padding: 0 var(--wpq-space-1-5);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a svg {
    width: 28px;
    height: 28px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a strong {
    font-size: var(--wpq-type-subsection);
    line-height: 20px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-recommended {
    margin-top: var(--wpq-space-4-5);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list {
    grid-auto-rows: 83px;
    margin-top: 3px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list a {
    min-height: 83px;
    height: 83px;
    padding-block: var(--wpq-space-2);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-results {
    margin-top: 26px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-result-filters {
    min-height: 40px;
    height: 40px;
    margin-top: var(--wpq-space-0-5);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-result-filters a {
    min-height: 39px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list__head {
    display: grid;
    grid-template-columns: 39px 356px 207px minmax(0, 1fr);
    min-height: 35px;
    align-items: center;
    border-bottom: 1px solid var(--wpq-color-line-strong);
    color: var(--wpq-color-muted);
    font-size: var(--wpq-type-meta);
    font-weight: var(--wpq-weight-bold);
    line-height: 16px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list {
    border-top: 0;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list a {
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 0;
    min-height: 44px;
    height: 44px;
    padding: 0;
    align-items: center;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list .wpq-hub-row__icon {
    display: grid;
    place-items: center;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list .wpq-hub-row__icon svg {
    width: 17px;
    height: 17px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list .wpq-hub-row__copy {
    grid-template-columns: 356px 207px minmax(0, 1fr);
    gap: 0;
    align-items: center;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list .wpq-hub-row__copy strong {
    overflow: hidden;
    padding-right: var(--wpq-space-3-5);
    font-size: var(--wpq-type-copy);
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-article-list .wpq-hub-row__copy > span:not(.wpq-trouble-tags) {
    overflow: hidden;
    padding-right: var(--wpq-space-2);
    font-size: var(--wpq-type-meta);
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: unset;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-tags {
    flex-wrap: nowrap;
    gap: var(--wpq-space-1-5);
    padding-right: var(--wpq-space-2-5);
    overflow: hidden;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-tags small {
    padding: 0 var(--wpq-space-1-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 15px;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .wpq-public-hub--troubleshooting .wpq-trouble-search__row {
    display: contents;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search__guide,
  .wpq-public-hub--troubleshooting .wpq-trouble-article-list__head {
    display: none;
  }
}

/* Official Reference desktop: preserve the filter behavior and complete
 * metadata, while restoring the approved matrix columns, bordered support
 * panels, compact frequent rows, and horizontal side-banner CTA. */
@media (min-width: 1400px) {
  .wpq-official-reference-v1__layout {
    grid-template-columns: 1028px 376px;
    gap: 68px;
  }

  .wpq-official-reference-v1__intro > p:last-child {
    position: relative;
    top: 5px;
  }

  .wpq-official-reference-filter__button {
    display: flex;
    grid-template-columns: none;
    justify-content: center;
    gap: var(--wpq-space-4-5);
    font-size: var(--wpq-type-subsection);
  }

  .wpq-official-reference-filter__button small {
    display: none;
  }

  .wpq-official-reference-matrix__head {
    grid-template-columns: 375px 156px 312px 113px;
  }

  .wpq-official-reference-matrix__head > span:first-child {
    padding-left: 31px;
  }

  .wpq-official-reference-row {
    grid-template-columns: 384px 157px 312px 123px;
    padding-right: var(--wpq-space-0-5);
    padding-left: var(--wpq-space-0-5);
  }

  .wpq-official-reference-frequent > h2 {
    margin-bottom: 3px;
  }

  .wpq-official-reference-frequent article {
    box-sizing: border-box;
    grid-template-columns: 30px 188px 481px 138px 115px;
    height: 46px;
    min-height: 46px;
    padding: 5px var(--wpq-space-2-5);
  }

  .wpq-official-reference-frequent code {
    padding-left: 17px;
  }

  .wpq-official-reference-frequent article a {
    min-height: 21px;
    white-space: nowrap;
  }

  .wpq-official-reference-frequent__index-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 24px;
    margin-top: 5px;
    color: var(--wpq-color-blue);
    font-size: var(--wpq-type-small);
    font-weight: var(--wpq-weight-bold);
    line-height: 18px;
    text-decoration: none;
  }

  .wpq-official-reference-v1__rail {
    gap: var(--wpq-space-3);
    margin-top: -28px;
  }

  .wpq-official-reference-v1__rail > .wpq-hub-rail-panel {
    box-sizing: border-box;
    gap: 9px;
    padding: var(--wpq-space-3) var(--wpq-space-5) 19px;
    border: 1px solid var(--wpq-color-line);
    border-radius: 5px;
    background: var(--wpq-color-surface);
  }

  .wpq-official-reference-v1__rail > .wpq-hub-rail-panel:first-child {
    height: 305px;
  }

  .wpq-official-reference-v1__rail > .wpq-hub-rail-panel:nth-child(2) {
    height: 295px;
    gap: 7px;
    padding-right: var(--wpq-space-4);
    padding-left: var(--wpq-space-4);
  }

  .wpq-official-reference-v1__rail .wpq-hub-rail-panel > h2 {
    position: relative;
    top: -2px;
    font-size: var(--wpq-type-section);
    line-height: 29.44px;
  }

  .wpq-official-reference-v1__rail .wpq-reference-checklist {
    gap: 19px;
  }

  .wpq-official-reference-v1__rail .wpq-reference-checklist li {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 13px;
  }

  .wpq-official-reference-v1__rail .wpq-reference-checklist li:nth-child(3) {
    margin-top: var(--wpq-space-1);
  }

  .wpq-official-reference-v1__rail .wpq-reference-checklist li > div {
    max-width: 264px;
  }

  .wpq-official-reference-v1__rail .wpq-reference-checklist strong {
    font-size: var(--wpq-type-copy-strong);
    line-height: 20px;
  }

  .wpq-official-reference-v1__rail .wpq-reference-checklist p {
    line-height: 20px;
  }

  .wpq-official-reference-v1__rail .wpq-hub-rail-list {
    gap: var(--wpq-space-3);
  }

  .wpq-official-reference-v1__rail .wpq-hub-rail-link {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 17px;
    height: 46px;
    min-height: 46px;
  }

  .wpq-official-reference-v1__rail .wpq-hub-rail-link strong {
    font-size: var(--wpq-type-body);
    line-height: 20px;
  }

  .wpq-official-reference-v1__rail .wpq-hub-rail-link small {
    font-size: var(--wpq-type-label);
    line-height: 17.856px;
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side {
    box-sizing: border-box;
    grid-template-columns: 90px minmax(0, 1fr);
    grid-template-rows: 120px 64px;
    width: 376px;
    max-width: none;
    height: 186px;
    min-height: 186px;
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side .wpq-public-builder-cta__brand {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    padding: var(--wpq-space-4-5) var(--wpq-space-1-5) var(--wpq-space-3-5) var(--wpq-space-3);
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side .wpq-public-builder-cta__brand img {
    width: 72px;
    height: 72px;
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    grid-column: 2;
    grid-row: 1;
    gap: 5px;
    align-content: center;
    padding: var(--wpq-space-3) var(--wpq-space-3-5) var(--wpq-space-2) var(--wpq-space-2);
    text-align: left;
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side .wpq-public-builder-cta__body {
    display: none;
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 44px;
    height: 44px;
    margin: 0 var(--wpq-space-4-5) var(--wpq-space-5);
    padding: 0 var(--wpq-space-3);
  }
}

/* Articles desktop reconstruction. The approved 1536px source uses a compact
 * 32px filter row, a 38px result toolbar, and 103-112px article rows. The
 * shared archive CSS left the clock SVG without physical dimensions on
 * desktop, so its intrinsic SVG size expanded every metadata row to 106px and
 * accumulated more than 300px of drift within the first three results. Keep
 * the mobile calibration above intact and close that desktop cascade gap with
 * route-scoped, measured geometry. */
@media (min-width: 768px) {
  .wpq-public-discovery--articles .wpq-archive-main {
    gap: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-bar {
    gap: var(--wpq-space-3);
  }

  .wpq-public-discovery--articles .wpq-archive-filter-pill {
    box-sizing: border-box;
    height: 32px;
    min-height: 32px;
    padding: 0 15px;
  }

  .wpq-public-discovery--articles .wpq-archive-result-toolbar {
    height: 38px;
    min-height: 38px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort,
  .wpq-public-discovery--articles .wpq-archive-sort__select,
  .wpq-public-discovery--articles .wpq-archive-sort__trigger {
    box-sizing: border-box;
    width: 157px;
    height: 32px;
    min-height: 32px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__trigger {
    position: relative;
    padding-inline: var(--wpq-space-3);
    font-size: var(--wpq-type-body);
    line-height: 16px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__value::before {
    content: "並び順：";
  }

  .wpq-public-discovery--articles .wpq-discovery-count {
    position: relative;
    top: 4px;
    left: 2px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort {
    position: relative;
    top: 2px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__trigger::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 44px;
    height: 44px;
    content: "";
    transform: translate(-50%, -50%);
  }

  .wpq-public-discovery--articles .wpq-archive-card-list {
    margin-top: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-card__link {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 34px;
    align-items: center;
    height: 104px;
    min-height: 104px;
    padding: var(--wpq-space-1-5) 0;
  }

  .wpq-public-discovery--articles .wpq-archive-card:first-child .wpq-archive-card__link {
    height: 111px;
    min-height: 111px;
  }

  .wpq-public-discovery--articles .wpq-archive-card:nth-child(2) .wpq-archive-card__link {
    height: 102px;
    min-height: 102px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__thumb.article-thumb {
    align-self: center;
    width: 220px;
    height: 86px;
    aspect-ratio: auto;
  }

  .wpq-public-discovery--articles .wpq-archive-card:first-child .wpq-archive-card__thumb.article-thumb {
    height: 92px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__body {
    display: grid;
    min-width: 0;
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-areas:
      "eyeline title"
      "excerpt excerpt"
      "meta meta";
    column-gap: var(--wpq-space-2-5);
    row-gap: 7px;
    align-content: center;
    padding: 0 55px 0 0;
  }

  .wpq-public-discovery--articles .wpq-archive-card__eyeline {
    position: relative;
    top: 0;
    grid-area: eyeline;
    flex-wrap: nowrap;
    gap: 9.5px;
    height: 20px;
    margin: 0;
    font-size: var(--wpq-type-small-strong);
    line-height: 18px;
    white-space: nowrap;
  }


  .wpq-public-discovery--articles
    .wpq-archive-card:first-child
    .wpq-archive-card__eyeline {
    top: -2px;
  }

  .wpq-public-discovery--articles :is(.wpq-archive-card__type, .wpq-archive-card__topic) {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    height: 20px;
    padding: 0 9px;
    border: 1px solid;
    border-radius: 3px;
    white-space: nowrap;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic::before {
    content: none;
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--learning {
    color: var(--wpq-color-green-text);
    border-color: #bde9c7;
    background: #effaf1;
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--problem {
    color: #c44500;
    border-color: #ffc7a8;
    background: #fff5ef;
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--builder {
    color: var(--wpq-color-blue);
    border-color: #c9dcfb;
    background: var(--wpq-color-blue-subtle);
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--server {
    color: #8617d7;
    border-color: #e2c3f8;
    background: #faf2ff;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic {
    color: var(--wpq-color-blue);
    border-color: #c9dcfb;
    background: var(--wpq-color-blue-subtle);
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--green {
    color: var(--wpq-color-green-text);
    border-color: #bde9c7;
    background: #effaf1;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--amber {
    color: #c44500;
    border-color: #ffc7a8;
    background: #fff5ef;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--violet {
    color: #6b36c8;
    border-color: #d8c8f7;
    background: #f7f3ff;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--indigo {
    color: #3152b7;
    border-color: #c7d2f5;
    background: #f2f5ff;
  }

  .wpq-public-discovery--articles .wpq-archive-card__title {
    position: relative;
    top: 0;
    grid-area: title;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: var(--wpq-type-body);
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


  .wpq-public-discovery--articles
    .wpq-archive-card:first-child
    .wpq-archive-card__title {
    top: 2px;
  }

  .wpq-public-discovery--articles
    .wpq-archive-card:nth-child(4)
    .wpq-archive-card__title {
    top: -2px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__excerpt {
    position: relative;
    left: 2px;
    grid-area: excerpt;
    min-height: 0;
    margin: 0;
    font-size: var(--wpq-type-copy);
    line-height: 21px;
    letter-spacing: var(--wpq-tracking-default);
    -webkit-line-clamp: 1;
  }

  .wpq-public-discovery--articles .wpq-archive-card:first-child .wpq-archive-card__excerpt {
    -webkit-line-clamp: 2;
  }

  .wpq-public-discovery--articles .wpq-archive-card__meta-row {
    position: relative;
    top: 4px;
    grid-area: meta;
    gap: var(--wpq-space-2-5);
    height: 16px;
    min-height: 16px;
    margin: 0;
    font-size: var(--wpq-type-meta);
    line-height: 16px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__meta {
    gap: var(--wpq-space-2-5);
    height: 16px;
    min-height: 16px;
    margin: 0;
    font-size: var(--wpq-type-meta);
    line-height: 16px;
  }

  /* The approved compact rows share outer boundaries but use slightly
   * different internal baselines after the second row. Keep those optical
   * offsets inside the measured archive route instead of changing the shared
   * card component or accumulating more page height. */
  .wpq-public-discovery--articles
    .wpq-archive-card:nth-child(3)
    .wpq-archive-card__meta-row {
    top: 9px;
  }

  .wpq-public-discovery--articles
    .wpq-archive-card:nth-child(4)
    .wpq-archive-card__meta-row {
    top: 7px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 16px;
    white-space: nowrap;
  }

  .wpq-public-discovery--articles .wpq-archive-card__reading svg {
    display: block;
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
  }
}

@media (min-width: 1200px) {
  .wpq-public-discovery--articles .wpq-archive-layout {
    grid-template-columns: minmax(0, 1fr) minmax(292px, 27%);
    gap: clamp(var(--wpq-space-7), 2.54vw, 39px);
  }

  .wpq-public-discovery--articles .wpq-archive-side {
    margin-top: -304px;
  }

  .wpq-public-discovery--articles .wpq-archive-side > * {
    width: min(100%, 354px);
    justify-self: start;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side {
    max-width: none;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__brand img {
    width: 96px;
    height: 96px;
  }
}

/* Preserve the approved neutral PHP badge while clearing WCAG AA at its
 * rendered 10.56px size (#606f86 on #eff2f8 = 4.55:1). */
.wpq-cheatsheet-v1__code-head > span:not(.screen-reader-text) {
  color: #606f86;
}

/* Inline policy links must remain distinguishable without relying on the
 * approved blue alone; this keeps the approved colour while satisfying the
 * link-in-text-block contrast rule. */
.wpq-editorial-v1 .wpq-trust-v1__main p > a,
.wpq-privacy-v1__content p > a {
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

@media (max-width: 767px) {
  .wpq-public-hub .wpq-hub-route::after,
  .wpq-public-hub .wpq-hub-quick-list a::after,
  .wpq-public-hub .wpq-hub-timeline li > a::after,
  .wpq-public-hub .wpq-trouble-article-list a::after,
  .wpq-public-hub .wpq-glossary-term-list a::after {
    width: 13px;
    height: 13px;
    color: var(--wpq-color-footer);
  }
}

.wpq-hub-section--violet .wpq-hub-row__icon {
  color: var(--wpq-hub-violet);
}

.wpq-mobile-only-break {
  display: none;
}

@media (max-width: 767px) {
  .home .wpq-home-hero {
    padding-top: 15px;
  }

  .home .wpq-home-hero__surface {
    gap: 15px;
  }

  .home .wpq-home-hero__copy {
    gap: var(--wpq-space-2);
  }

  .home .wpq-home-hero h1 {
    font-size: var(--wpq-type-heading);
    line-height: 27px;
  }

  .home .wpq-home-hero p.wpq-home-hero__lead {
    max-width: none;
    font-size: var(--wpq-type-micro-floor);
    line-height: 15px;
  }

  .home .wpq-home-primary {
    gap: 3px;
  }

  .home .wpq-home-panel--featured {
    gap: 0;
  }

  .home .wpq-home-panel__head h2.wpq-home-panel__title,
  .home .wpq-home-panel__title {
    font-size: var(--wpq-type-meta);
    line-height: 14px;
  }

  .home .wpq-home-start-list__link {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 0 var(--wpq-space-2);
    min-height: 58px;
    padding-block: var(--wpq-space-0-5);
  }

  .home .wpq-home-start-list__item:nth-child(3) .wpq-home-start-list__link {
    min-height: 54px;
    padding-block: 1px;
  }

  .home .wpq-home-panel--featured .wpq-home-panel__link--after-list {
    position: relative;
    min-height: 24px;
    margin-top: 0;
    padding-right: var(--wpq-space-3-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .home .wpq-home-panel--featured .wpq-home-panel__link--after-list::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    content: "";
    background: currentColor;
    mask: url("../images/icons/lucide/arrow-right.svg") center / contain no-repeat;
    transform: translateY(-50%);
  }

  .home .wpq-home-start-list__number {
    font-size: var(--wpq-type-section);
  }

  .home .wpq-home-start-list__body {
    gap: 0;
  }

  .home .wpq-home-start-list__body b {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13.5px;
  }

  .home .wpq-home-start-list__body span,
  .home .wpq-home-start-list__meta {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11.5px;
  }

  .home .wpq-home-panel--news {
    gap: var(--wpq-space-2);
    margin-top: -0.5px;
  }

  .home .wpq-home-purpose-filter {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: -8px;
  }

  .home .wpq-home-purpose-filter button {
    width: 100%;
    height: 24px;
    min-height: 24px;
    padding-inline: 9px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .home .wpq-home-purpose-filter button:last-child {
    grid-column: 1;
  }

  .home .wpq-home-article-card__link {
    grid-template-columns: 120px minmax(0, 1fr);
    grid-template-rows: 13px 1fr;
    gap: var(--wpq-space-0-5) var(--wpq-space-2);
    height: 58px;
    min-height: 58px;
    padding-block: 1.5px;
  }

  .home .wpq-home-article-card__thumb.article-thumb {
    grid-row: 1 / span 2;
    width: 120px;
    height: 54px;
    aspect-ratio: auto;
  }

  .home .wpq-home-article-card__eyebrow {
    grid-column: 2;
    grid-row: 1;
    box-sizing: border-box;
    height: 13px;
    min-height: 13px;
    padding: 0 var(--wpq-space-1);
    border-radius: 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .home .wpq-home-article-card__body {
    grid-column: 2;
    grid-row: 2;
    align-content: start;
    gap: 7px;
    padding: 0;
  }

  .home .wpq-home-article-card__title {
    min-height: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .home .wpq-home-article-card__meta {
    gap: var(--wpq-space-0-5) var(--wpq-space-2);
    height: 9px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .home .wpq-home-article-card__meta > span {
    gap: var(--wpq-space-0-5);
  }

  .home .wpq-home-article-card__meta svg {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
  }
}

/*
 * Task C mobile discovery pass.
 *
 * The approved rasters draw several controls below the 44px interaction
 * contract.  These rules preserve the contract-sized hit areas while removing
 * the inherited desktop spacing that caused the large cumulative Y drift.
 */
@media (max-width: 767px) {
  .wpq-site-main:has(.wpq-public-discovery) {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wpq-public-discovery {
    padding: 0 var(--wpq-space-3-5) var(--wpq-space-7);
  }

  .wpq-public-discovery > .wpq-page-breadcrumb {
    padding-block: 5px;
  }

  .wpq-public-discovery .wpq-breadcrumb {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery__layout,
  .wpq-public-discovery .wpq-archive-layout {
    gap: 0;
  }

  .wpq-public-discovery__intro,
  .wpq-public-discovery .wpq-archive-intro {
    gap: 0;
    margin-bottom: var(--wpq-space-1);
  }

  .wpq-public-discovery .wpq-public-hub__kicker {
    margin: 0 0 var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-public-discovery .wpq-archive-intro h1,
  .wpq-public-discovery .wpq-search-intro h1 {
    margin: 0 0 3px;
    font-size: var(--wpq-type-subsection) !important;
    line-height: 20px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-public-discovery .wpq-archive-intro__copy > p:last-child,
  .wpq-public-discovery .wpq-search-summary {
    max-width: none;
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery .wpq-search-query-form {
    max-width: none;
    margin-top: 5px;
  }

  .wpq-public-discovery .wpq-search-query-form__field {
    grid-template-columns: 34px minmax(0, 1fr) 64px;
    min-height: 44px;
    border-color: var(--wpq-color-line-strong);
    border-radius: 3px;
  }

  .wpq-public-discovery .wpq-search-query-form__icon {
    width: 34px;
    height: 44px;
    color: #536b92;
  }

  .wpq-public-discovery .wpq-search-query-form__icon svg {
    width: 17px;
    height: 17px;
    stroke-width: 1.8;
  }

  .wpq-public-discovery .wpq-search-query-form input {
    min-height: 44px;
    padding-right: var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery .wpq-search-query-form button {
    min-width: 64px;
    min-height: 44px;
    padding-inline: var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys {
    max-width: none;
    margin: 0 0 var(--wpq-space-1);
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__label {
    margin-bottom: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-color: #c8d7eb;
    border-radius: 3px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links > a {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 5px;
    min-height: 44px;
    padding: var(--wpq-space-0-5) var(--wpq-space-4-5) var(--wpq-space-0-5) 5px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.8;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links > a:nth-child(1) svg {
    color: var(--wpq-color-green);
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links > a:nth-child(2) svg {
    color: var(--wpq-color-orange);
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links > a:nth-child(3) svg {
    color: var(--wpq-color-blue);
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links > a:nth-child(4) svg {
    color: var(--wpq-color-violet);
  }

  .wpq-public-discovery .wpq-archive-journey__copy {
    gap: 0;
  }

  .wpq-public-discovery .wpq-archive-journey__copy strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery .wpq-archive-journey__copy small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-bar {
    gap: var(--wpq-space-0-5);
    padding-bottom: var(--wpq-space-0-5);
  }

  .wpq-public-discovery .wpq-archive-filter-label {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-pills {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--wpq-space-0-5);
    padding: 0;
  }

  .wpq-public-discovery .wpq-archive-filter-pill {
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    text-align: center;
  }

  .wpq-public-discovery .wpq-archive-result-toolbar {
    min-height: 44px;
  }

  .wpq-public-discovery .wpq-discovery-count,
  .wpq-public-discovery .wpq-archive-sort__trigger {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery .wpq-archive-sort__select {
    min-width: 92px;
  }

  .wpq-public-discovery .wpq-archive-sort__trigger {
    min-height: 44px;
    padding-inline: var(--wpq-space-2);
  }

  .wpq-public-discovery .wpq-archive-sort__hint {
    width: 12px;
    height: 12px;
  }

  .wpq-public-discovery .wpq-archive-card-list {
    margin-top: var(--wpq-space-0-5);
  }

  .wpq-public-discovery .wpq-archive-card__link {
    position: relative;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    min-height: 72px;
    padding: 3px var(--wpq-space-4-5) 3px 0;
  }

  .wpq-public-discovery .wpq-archive-card__thumb.article-thumb {
    width: 96px;
    aspect-ratio: 16 / 9;
    border-color: var(--wpq-color-line-strong);
    border-radius: 3px;
  }

  .wpq-public-discovery .wpq-archive-card__body {
    display: grid;
    gap: 0;
    align-content: center;
  }

  .wpq-public-discovery .wpq-archive-card__eyeline {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery .wpq-archive-card__title {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery .wpq-archive-card__excerpt {
    min-height: 0;
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    -webkit-line-clamp: 3;
  }

  .wpq-public-discovery .wpq-archive-card__meta-row,
  .wpq-public-discovery .wpq-archive-card__meta {
    gap: var(--wpq-space-0-5) var(--wpq-space-1-5);
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--search .wpq-public-discovery__intro {
    margin-bottom: var(--wpq-space-1);
  }

  .wpq-public-discovery--search .wpq-search-exact {
    grid-template-columns: 18px auto minmax(0, 1fr) auto;
    grid-template-areas: none;
    gap: var(--wpq-space-1);
    min-height: 44px;
    margin: var(--wpq-space-1) 0;
    padding: 0 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-discovery--search .wpq-search-exact > svg,
  .wpq-public-discovery--search .wpq-search-exact > strong,
  .wpq-public-discovery--search .wpq-search-exact > span,
  .wpq-public-discovery--search .wpq-search-exact > a {
    grid-area: auto;
  }

  .wpq-public-discovery--search .wpq-search-exact > svg {
    width: 16px;
    height: 16px;
    stroke-width: 1.8;
  }

  .wpq-public-discovery--search .wpq-search-exact > a {
    min-height: 44px;
    white-space: nowrap;
  }

  .wpq-public-discovery--search .wpq-search-filter-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 3px;
    align-items: center;
    padding-bottom: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--search .wpq-archive-filter-pills {
    display: grid;
    grid-column: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    padding: 0;
  }

  .wpq-public-discovery--search .wpq-archive-filter-pill {
    min-height: 44px;
    padding-inline: 1px;
    font-size: var(--wpq-type-micro-floor);
    white-space: nowrap;
  }

  .wpq-public-discovery--search .wpq-archive-sort {
    justify-self: stretch;
  }

  .wpq-public-discovery--search .wpq-archive-sort__select {
    width: 100%;
    min-width: 0;
  }

  .wpq-public-discovery--search .wpq-search-result-group {
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-discovery--search .wpq-search-result-group > h2 {
    padding-bottom: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact > div > a {
    position: relative;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: var(--wpq-space-0-5) 5px;
    min-height: 44px;
    padding: var(--wpq-space-0-5) var(--wpq-space-4-5) var(--wpq-space-0-5) 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact svg {
    width: 16px;
    height: 16px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact span {
    grid-column: 2;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact b {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .wpq-public-discovery--search .wpq-search-again {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 3px var(--wpq-space-1-5);
    margin-top: var(--wpq-space-1-5);
    padding: 5px;
  }

  .wpq-public-discovery--search .wpq-search-again > svg {
    width: 22px;
    height: 22px;
  }

  .wpq-public-discovery--search .wpq-search-again h2 {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--search .wpq-search-again p {
    margin-top: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--search .wpq-search-again form {
    grid-column: 1 / -1;
  }

  .wpq-public-discovery--search .wpq-search-again input,
  .wpq-public-discovery--search .wpq-search-again button {
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-discovery__rail,
  .wpq-public-discovery .wpq-archive-side {
    gap: var(--wpq-space-2);
    margin-top: var(--wpq-space-2);
  }
}

/* Latest human review: mobile navigation rows use a restrained direction cue. */
@media (max-width: 767px) {
  :where(
    .wpq-hub-route,
    .wpq-hub-quick-list a,
    .wpq-hub-timeline li > a,
    .wpq-trouble-article-list a,
    .wpq-glossary-term-list a,
    .wpq-public-discovery .wpq-archive-card__link,
    .wpq-search-result-group--compact > div > a,
    .wpq-sitemap-v1__item
  ) {
    position: relative;
    padding-right: var(--wpq-space-5);
  }

  :where(
    .wpq-hub-route,
    .wpq-hub-quick-list a,
    .wpq-hub-timeline li > a,
    .wpq-trouble-article-list a,
    .wpq-glossary-term-list a,
    .wpq-public-discovery .wpq-archive-card__link,
    .wpq-search-result-group--compact > div > a,
    .wpq-sitemap-v1__item
  )::after {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    color: #47648d;
    background: currentColor;
    mask: url("../images/icons/lucide/arrow-right.svg") center / contain no-repeat;
    transform: translateY(-50%);
  }

  .wpq-hub-quick-list .wpq-hub-row__reading,
  .wpq-hub-timeline .wpq-hub-row__reading {
    margin-right: var(--wpq-space-2-5);
  }
}

/* Source-priority baseline. Task A/B family rules intentionally remain in the
 * file; the authoritative winning declarations are consolidated in the final
 * mobile cascade block at the end of this stylesheet. */
@media (max-width: 767px) {
  .wpq-public-discovery--articles .wpq-search-query-form__field {
    grid-template-columns: 28px minmax(0, 1fr) 50px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__field,
  .wpq-public-discovery--articles .wpq-search-query-form__icon,
  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--articles .wpq-search-query-form button {
    height: 24px;
    min-height: 24px;
  }

  .wpq-public-discovery--search .wpq-search-query-form__field {
    grid-template-columns: 32px minmax(0, 1fr) 50px;
  }

  .wpq-public-discovery--search .wpq-search-query-form__field,
  .wpq-public-discovery--search .wpq-search-query-form__icon,
  .wpq-public-discovery--search .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form button {
    height: 26px;
    min-height: 26px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__icon,
  .wpq-public-discovery--search .wpq-search-query-form__icon {
    width: 28px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__icon svg,
  .wpq-public-discovery--search .wpq-search-query-form__icon svg {
    width: 15px;
    height: 15px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form input {
    padding-inline: var(--wpq-space-1);
  }

  .wpq-public-discovery--articles .wpq-search-query-form button,
  .wpq-public-discovery--search .wpq-search-query-form button {
    display: flex;
    width: 50px;
    min-width: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 var(--wpq-space-1);
    line-height: 1;
    text-align: center;
  }

  .wpq-public-discovery--articles .wpq-search-query-form {
    margin-top: 11px;
  }

  .wpq-public-discovery--search .wpq-search-query-form {
    margin-top: 0;
  }

  .wpq-public-discovery--search .wpq-search-filter-bar {
    min-height: 15px;
    padding-bottom: 0;
  }

  .wpq-public-discovery--search .wpq-archive-filter-pill,
  .wpq-public-discovery--search .wpq-archive-sort__trigger {
    min-height: 14px;
  }

  .wpq-public-discovery--search [aria-labelledby="search-page-heading"] > div > a {
    min-height: 37px;
  }

  .wpq-public-discovery--search [aria-labelledby="search-other-heading"] .wpq-hub-rail-link {
    min-height: 40px;
  }

  .wpq-cheatsheet-v1__search {
    grid-template-columns: 24px minmax(0, 1fr) 50px;
    min-height: 24px;
  }

  .wpq-cheatsheet-v1__search input,
  .wpq-cheatsheet-v1__search button {
    height: 24px;
    min-height: 24px;
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__section-tabs,
  .wpq-cheatsheet-v1__section-tabs a {
    min-height: 18px;
  }

  .wpq-cheatsheet-v1__section-tabs a,
  .wpq-cheatsheet-v1__keywords a,
  .wpq-cheatsheet-v1__filters a {
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__keywords {
    min-height: 0;
  }

  .wpq-cheatsheet-v1__keywords a,
  .wpq-cheatsheet-v1__filters a {
    min-height: 18px;
  }

  .wpq-cheatsheet-v1__code-head,
  .wpq-cheatsheet-v1__copy {
    min-height: 22px;
  }

  .wpq-cheatsheet-v1__copy {
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__code-block pre {
    max-height: none;
    line-height: 7px;
  }

  .wpq-cheatsheet-v1__rail > section {
    gap: var(--wpq-space-0-5);
    padding-bottom: 3px;
  }

  .wpq-cheatsheet-v1__combinations article {
    min-block-size: 24px;
    padding-block: 1px;
  }

  .wpq-cheatsheet-v1__combination-label,
  .wpq-cheatsheet-v1__combinations p a,
  .wpq-cheatsheet-v1__official a {
    min-height: 24px;
  }

  .wpq-contact-field {
    gap: 1px;
    padding-bottom: 0;
  }

  .wpq-contact-field__label-row {
    gap: 1px;
  }

  .wpq-contact-field__badge {
    min-height: 10px;
    padding-block: 0;
    line-height: 8px;
  }

  .wpq-contact-input,
  .wpq-contact-select,
  .wpq-contact-file-control,
  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    min-height: 20px;
  }

  .wpq-contact-input {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    padding-block: 0;
  }

  .wpq-contact-field textarea {
    min-height: 36px;
    padding-block: var(--wpq-space-0-5);
  }

  .wpq-contact-file-control {
    height: 22px;
    min-height: 22px;
    color: transparent;
  }

  .wpq-contact-file-control::file-selector-button {
    min-height: 20px;
    padding-inline: var(--wpq-space-2);
    color: var(--wpq-ink);
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) {
    position: relative;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) .wpq-contact-field__help {
    position: absolute;
    top: 6px;
    left: 104px;
    pointer-events: none;
  }

  .wpq-contact-consent,
  .wpq-contact-consent label {
    min-height: 14px;
  }

  .wpq-contact-consent input {
    width: 10px;
    height: 10px;
  }

  .wpq-contact-submit {
    min-height: 20px;
    padding-block: 0;
  }

  .wpq-contact-type-row,
  .wpq-contact-type-row:nth-child(3),
  .wpq-contact-v1__rail-item {
    min-height: 20px;
    padding-block: 1px;
  }

  .wpq-contact-v1__rail {
    gap: 3px;
    padding-top: 3px;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section {
    padding-top: 3px;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side,
  .wpq-public-discovery--search .wpq-public-builder-cta--side,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side {
    grid-template-rows: auto 20px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side {
    grid-template-rows: auto 14px;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-public-discovery--search .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    padding-block: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-public-discovery--search .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    min-height: 20px;
    margin-bottom: var(--wpq-space-0-5);
    padding-block: 0;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    min-height: 14px;
    margin-bottom: var(--wpq-space-0-5);
    padding-block: 0;
  }
}

/* 2026-08-11 human review baseline: on mobile, the approved images are authoritative
 * for the visible geometry of controls. Keep semantics and focus treatment,
 * while removing the earlier blanket 44px visual boxes that caused cumulative
 * vertical drift. The final cascade block repeats only the declarations that
 * must win over later family CSS without discarding those implementations. */
@media (max-width: 767px) {
  /* Article index */
  .wpq-public-discovery--articles .wpq-search-query-form__field {
    grid-template-columns: 28px minmax(0, 1fr) 50px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__field,
  .wpq-public-discovery--articles .wpq-search-query-form__icon,
  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--articles .wpq-search-query-form button {
    height: 24px;
    min-height: 24px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--articles .wpq-search-query-form button {
    padding-block: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links > a {
    min-height: 32px;
    padding-block: 1px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links svg {
    width: 16px;
    height: 16px;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-pill {
    min-height: 24px;
    padding-block: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-result-toolbar {
    min-height: 18px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__trigger {
    min-height: 18px;
    padding-block: 0;
  }

  /* Search results */
  .wpq-public-discovery--search .wpq-search-query-form__field {
    grid-template-columns: 32px minmax(0, 1fr) 50px;
  }

  .wpq-public-discovery--search .wpq-search-query-form__field,
  .wpq-public-discovery--search .wpq-search-query-form__icon,
  .wpq-public-discovery--search .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form button {
    height: 26px;
    min-height: 26px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__icon,
  .wpq-public-discovery--search .wpq-search-query-form__icon {
    width: 28px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__icon svg,
  .wpq-public-discovery--search .wpq-search-query-form__icon svg {
    width: 15px;
    height: 15px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form input {
    padding-inline: var(--wpq-space-1);
  }

  .wpq-public-discovery--articles .wpq-search-query-form button,
  .wpq-public-discovery--search .wpq-search-query-form button {
    display: flex;
    width: 50px;
    min-width: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 var(--wpq-space-1);
    line-height: 1;
    text-align: center;
  }

  .wpq-public-discovery--search [aria-labelledby="search-page-heading"] > div > a {
    min-height: 37px;
  }

  .wpq-public-discovery--search .wpq-search-again {
    margin-top: 21px;
  }

  .wpq-public-discovery--search .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form button {
    padding-block: 0;
  }

  .wpq-public-discovery--search .wpq-search-exact {
    min-height: 24px;
  }

  .wpq-public-discovery--search .wpq-search-exact > a,
  .wpq-public-discovery--search .wpq-archive-filter-pill,
  .wpq-public-discovery--search .wpq-archive-sort__trigger {
    min-height: 20px;
    padding-block: 0;
  }

  .wpq-public-discovery--search .wpq-search-filter-bar {
    min-height: 22px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact > div > a {
    min-height: 28px;
    padding-block: 1px;
  }

  .wpq-public-discovery--search .wpq-search-again {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 1px var(--wpq-space-1);
    padding: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--search .wpq-search-again > svg {
    width: 18px;
    height: 18px;
  }

  .wpq-public-discovery--search .wpq-search-again input,
  .wpq-public-discovery--search .wpq-search-again button {
    min-height: 24px;
    padding-block: 0;
  }

  .wpq-public-discovery--search .wpq-public-discovery__rail {
    gap: var(--wpq-space-1);
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-discovery--search .wpq-hub-rail-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wpq-space-0-5) var(--wpq-space-1);
    padding-block: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--search .wpq-hub-rail-panel > h2 {
    grid-column: 1 / -1;
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--search .wpq-hub-rail-link {
    grid-template-columns: 14px minmax(0, 1fr);
    gap: var(--wpq-space-0-5);
    min-height: 28px;
    padding: 1px;
  }

  .wpq-public-discovery--search .wpq-hub-rail-link svg {
    width: 12px;
    height: 12px;
  }

  .wpq-public-discovery--search .wpq-hub-rail-link strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-discovery--search .wpq-hub-rail-link small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--search [aria-labelledby="search-expand-heading"] .wpq-hub-rail-link {
    min-height: 20px;
  }

  .wpq-public-discovery--search [aria-labelledby="search-expand-heading"] .wpq-hub-rail-link small {
    display: none;
  }

  /* Glossary */
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search input,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search button {
    height: 32px;
    min-height: 32px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-group {
    min-height: 26px;
    padding-block: 1px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-group svg {
    width: 14px;
    height: 14px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row > strong,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row a {
    min-height: 27px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-results__head > a {
    min-height: 20px;
  }

  /* Cheatsheet */
  .wpq-cheatsheet-v1__search {
    grid-template-columns: 24px minmax(0, 1fr) 50px;
    min-height: 24px;
    margin-top: var(--wpq-space-3-5);
  }

  .wpq-cheatsheet-v1__intro > p:last-child {
    max-width: 280px;
  }

  .wpq-cheatsheet-v1__search input,
  .wpq-cheatsheet-v1__search button {
    height: 24px;
    min-height: 24px;
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__section-tabs,
  .wpq-cheatsheet-v1__section-tabs a {
    min-height: 18px;
  }

  .wpq-cheatsheet-v1__section-tabs a {
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__keywords {
    min-height: 0;
  }

  .wpq-cheatsheet-v1__keywords a,
  .wpq-cheatsheet-v1__filters a {
    min-height: 18px;
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__code-head,
  .wpq-cheatsheet-v1__copy {
    min-height: 22px;
  }

  .wpq-cheatsheet-v1__copy {
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__code-block pre {
    max-height: 112px;
  }

  .wpq-cheatsheet-v1__combinations article {
    min-block-size: 24px;
    padding-block: 1px;
  }

  .wpq-cheatsheet-v1__combination-label,
  .wpq-cheatsheet-v1__combinations p a,
  .wpq-cheatsheet-v1__official a {
    min-height: 24px;
  }

  .wpq-cheatsheet-v1__rail > section {
    gap: var(--wpq-space-0-5);
    padding-bottom: 3px;
  }

  /* Contact */
  .wpq-contact-field {
    gap: 1px;
    padding-bottom: 0;
  }

  .wpq-contact-field__label-row {
    gap: 1px;
  }

  .wpq-contact-field__badge {
    min-height: 10px;
    padding-block: 0;
    line-height: 8px;
  }

  .wpq-contact-input,
  .wpq-contact-select,
  .wpq-contact-file-control,
  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    min-height: 20px;
  }

  .wpq-contact-input {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    padding-block: 0;
  }

  .wpq-contact-field textarea {
    min-height: 36px;
    padding-block: var(--wpq-space-0-5);
  }

  .wpq-contact-file-control {
    height: 22px;
    min-height: 22px;
    color: transparent;
  }

  .wpq-contact-file-control::file-selector-button {
    min-height: 20px;
    padding-inline: var(--wpq-space-2);
    color: var(--wpq-ink);
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) {
    position: relative;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) .wpq-contact-field__help {
    position: absolute;
    top: 6px;
    left: 104px;
    pointer-events: none;
  }

  .wpq-contact-consent,
  .wpq-contact-consent label {
    min-height: 14px;
  }

  .wpq-contact-consent input {
    width: 10px;
    height: 10px;
  }

  .wpq-contact-submit {
    min-height: 20px;
    padding-block: 0;
  }

  .wpq-contact-type-row,
  .wpq-contact-type-row:nth-child(3),
  .wpq-contact-v1__rail-item {
    min-height: 20px;
    padding-block: 1px;
  }

  .wpq-contact-v1__rail {
    gap: 3px;
    padding-top: 3px;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section {
    padding-top: 3px;
  }

  /* The compact side CTA is shared by the remaining mobile comparison routes. */
  .wpq-public-discovery--articles .wpq-public-builder-cta--side,
  .wpq-public-discovery--search .wpq-public-builder-cta--side,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side {
    grid-template-rows: auto 24px;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-public-discovery--search .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    padding-block: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-public-discovery--search .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    min-height: 24px;
    margin-bottom: var(--wpq-space-0-5);
    padding-block: 0;
  }
}

/*
 * Glossary mobile rail density.
 *
 * The public-pages layer intentionally supplies generous desktop rail
 * spacing.  On the approved 390px composition that spacing is much tighter,
 * so keep the interactive rows at the 44px floor and remove only inherited
 * panel/typography whitespace.  This route-scoped block is deliberately last
 * so the winning declarations are visible in matched-rule evidence.
 */
@media (max-width: 767px) {
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-hub__layout {
    gap: 0;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row > strong {
    min-height: 44px;
    align-self: start;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row nav {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-hub__rail {
    gap: 0;
    padding-top: var(--wpq-space-2);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-panel {
    gap: var(--wpq-space-1);
    padding-bottom: var(--wpq-space-1-5);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-panel h2 {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-panel:first-child {
    border-bottom: 0;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-steps {
    gap: 0;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-steps li {
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 0 var(--wpq-space-1);
    min-height: 14px;
    align-items: center;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-steps li > span {
    width: 12px;
    height: 12px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-steps small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

}

/* Task C utility/trust mobile density repairs. The interactive target floor
 * stays at 44px; non-interactive type, gaps, and decorative geometry carry
 * the density reduction required by the approved mobile sources. */
@media (max-width: 767px) {
  .wpq-site-main:has(.wpq-cheatsheet-v1),
  .wpq-site-main:has(.wpq-contact-v1),
  .wpq-site-main:has(.wpq-privacy-v1),
  .wpq-site-main:has(.wpq-sitemap-v1) {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wpq-cheatsheet-v1,
  .wpq-contact-v1,
  .wpq-privacy-v1,
  .wpq-sitemap-v1 {
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-right: var(--wpq-space-3);
    padding-left: var(--wpq-space-3);
  }

  .wpq-cheatsheet-v1 > .wpq-page-breadcrumb,
  .wpq-contact-v1 > .wpq-page-breadcrumb,
  .wpq-privacy-v1 > .wpq-page-breadcrumb,
  .wpq-sitemap-v1 > .wpq-page-breadcrumb {
    min-height: 25px;
    margin: 0;
    padding: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  /* Sitemap: preserve every dynamic route while matching the approved row
   * density. Extra live rows remain visible and are recorded as data variance. */
  .wpq-sitemap-v1 {
    padding-bottom: var(--wpq-space-6);
  }

  .wpq-sitemap-v1__layout {
    gap: var(--wpq-space-0-5);
    padding-top: 23px;
  }

  .wpq-sitemap-v1__intro {
    gap: 1px;
    padding-top: 0;
  }

  .wpq-sitemap-v1__intro .wpq-public-hub__kicker {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-sitemap-v1__intro h1 {
    font-size: var(--wpq-type-subheading);
    line-height: 22px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-sitemap-v1__intro > p:not(.wpq-public-hub__kicker):not(.wpq-sitemap-v1__summary) {
    margin-top: var(--wpq-space-1-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-sitemap-v1__search {
    grid-template-columns: minmax(0, 1fr) 27px;
    height: 27px;
    min-height: 27px;
    margin-top: 21px;
    margin-bottom: 17px;
  }

  .wpq-sitemap-v1__search input,
  .wpq-sitemap-v1__search button {
    height: 25px;
    min-height: 25px;
  }

  .wpq-sitemap-v1__search input {
    padding: 0 var(--wpq-space-1) 0 var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-sitemap-v1__search button {
    width: 27px;
  }

  .wpq-sitemap-v1__search svg {
    width: 12px;
    height: 12px;
  }

  .wpq-sitemap-v1__tabs,
  .wpq-sitemap-v1__tabs a {
    height: 22px;
    min-height: 22px;
  }

  .wpq-sitemap-v1__tabs a {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-sitemap-v1__groups {
    gap: var(--wpq-space-2);
    margin-top: 27px;
  }

  .wpq-sitemap-v1__group--learning {
    margin-bottom: var(--wpq-space-1);
  }

  .wpq-sitemap-v1__group--resources {
    margin-top: 5px;
  }

  .wpq-sitemap-v1__group-head {
    min-height: 44px;
    padding: var(--wpq-space-0-5) 0 3px var(--wpq-space-2);
    border-left-width: 3px;
  }

  .wpq-sitemap-v1__group-head h2 {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-sitemap-v1__group-head p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-sitemap-v1__group--learning .wpq-sitemap-v1__group-head {
    min-height: 35px;
  }

  .wpq-sitemap-v1__group--learning .wpq-sitemap-v1__item:nth-child(1) {
    min-height: 45px;
  }

  .wpq-sitemap-v1__group--learning .wpq-sitemap-v1__item:nth-child(2) {
    min-height: 47px;
  }

  .wpq-sitemap-v1__group--learning .wpq-sitemap-v1__item:nth-child(3),
  .wpq-sitemap-v1__group--learning .wpq-sitemap-v1__item:nth-child(4) {
    min-height: 46px;
  }

  .wpq-sitemap-v1__group--learning .wpq-sitemap-v1__item:nth-child(5) {
    min-height: 44px;
  }

  .wpq-sitemap-v1__group--trouble .wpq-sitemap-v1__group-head {
    min-height: 33px;
  }

  .wpq-sitemap-v1__group--resources .wpq-sitemap-v1__group-head,
  .wpq-sitemap-v1__group--operation .wpq-sitemap-v1__group-head {
    min-height: 31px;
  }

  .wpq-sitemap-v1__group--trouble .wpq-sitemap-v1__item,
  .wpq-sitemap-v1__group--resources .wpq-sitemap-v1__item,
  .wpq-sitemap-v1__group--operation .wpq-sitemap-v1__item {
    min-height: 38px;
  }

  .wpq-sitemap-v1__item {
    grid-template-columns: 26px minmax(0, 1fr) max-content;
    gap: var(--wpq-space-1);
    min-height: 44px;
    padding: var(--wpq-space-0-5) var(--wpq-space-5) var(--wpq-space-0-5) 1px;
  }

  .wpq-sitemap-v1__item-icon {
    width: 24px;
    height: 24px;
  }

  .wpq-sitemap-v1__item-icon svg {
    width: 19px;
    height: 19px;
  }

  .wpq-sitemap-v1__item-copy strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-sitemap-v1__item-copy small {
    display: block;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    white-space: nowrap;
  }

  .wpq-sitemap-v1__item-meta {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-sitemap-v1__rail {
    gap: var(--wpq-space-2);
    margin-top: var(--wpq-space-1);
    padding-top: var(--wpq-space-2);
  }

  .wpq-sitemap-v1__beginner h2 {
    margin-bottom: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-sitemap-v1__beginner a {
    min-height: 44px;
    padding: var(--wpq-space-0-5) var(--wpq-space-5) var(--wpq-space-0-5) 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta.wpq-public-builder-cta--side {
    grid-template-columns: 56px minmax(0, 1fr);
    grid-template-rows: auto 44px;
    gap: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  /* Cheatsheet: keep the table/code scrollable rather than wrapping every
   * token into tall rows. */
  .wpq-cheatsheet-v1 {
    padding-bottom: var(--wpq-space-6);
  }

  .wpq-cheatsheet-v1__layout {
    gap: 5px;
    margin-top: 13px;
  }

  .wpq-cheatsheet-v1__main {
    gap: 5px;
  }

  .wpq-cheatsheet-v1__intro {
    gap: 1px;
  }

  .wpq-cheatsheet-v1__intro .wpq-public-hub__kicker {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-cheatsheet-v1__intro h1 {
    font-size: var(--wpq-type-control);
    line-height: 20px;
  }

  .wpq-cheatsheet-v1__intro > p:last-child {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-cheatsheet-v1__search {
    grid-template-columns: 32px minmax(0, 1fr) 64px;
    min-height: 44px;
  }

  .wpq-cheatsheet-v1__search input,
  .wpq-cheatsheet-v1__search button {
    min-height: 42px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-cheatsheet-v1__search svg {
    width: 15px;
    height: 15px;
  }

  .wpq-cheatsheet-v1__section-tabs,
  .wpq-cheatsheet-v1__section-tabs a {
    min-height: 44px;
  }

  .wpq-cheatsheet-v1__section-tabs a {
    padding: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-cheatsheet-v1__parameters,
  .wpq-cheatsheet-v1__code {
    gap: var(--wpq-space-1);
  }

  .wpq-cheatsheet-v1__section-heading {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: var(--wpq-space-1);
  }

  .wpq-cheatsheet-v1__section-heading > span,
  .wpq-cheatsheet-v1__section-heading svg {
    width: 18px;
    height: 18px;
  }

  .wpq-cheatsheet-v1__section-heading h2 {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-cheatsheet-v1__section-heading p {
    margin-top: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-cheatsheet-v1__keywords {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--wpq-space-0-5);
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-cheatsheet-v1__keywords > span {
    grid-column: 1 / -1;
    flex-basis: auto;
  }

  .wpq-cheatsheet-v1__keywords a {
    min-height: 44px;
    padding: 1px var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-cheatsheet-v1__filters a {
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-cheatsheet-v1__notice {
    gap: 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-cheatsheet-v1__notice svg {
    width: 12px;
    height: 12px;
  }

  .wpq-cheatsheet-v1__table {
    min-width: 540px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-cheatsheet-v1__table th,
  .wpq-cheatsheet-v1__table td {
    padding: var(--wpq-space-1) 5px;
  }

  .wpq-cheatsheet-v1__table th {
    font-size: var(--wpq-type-micro-floor);
    white-space: nowrap;
  }

  .wpq-cheatsheet-v1__table code,
  .wpq-cheatsheet-v1__table a {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-cheatsheet-v1__badge,
  .wpq-cheatsheet-v1__support {
    min-height: 18px;
    padding: 1px 3px;
    font-size: var(--wpq-type-micro-floor);
    white-space: nowrap;
  }

  .wpq-cheatsheet-v1__code {
    padding-top: var(--wpq-space-1);
  }

  .wpq-cheatsheet-v1__code-head {
    min-height: 44px;
    padding: var(--wpq-space-0-5) 5px;
  }

  .wpq-cheatsheet-v1__code-head strong,
  .wpq-cheatsheet-v1__copy {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-cheatsheet-v1__code-block pre {
    max-height: 122px;
    padding: var(--wpq-space-1-5);
    overflow: auto;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-cheatsheet-v1__rail {
    gap: var(--wpq-space-1-5);
    margin-top: 0;
  }

  .wpq-cheatsheet-v1__rail > section {
    gap: 3px;
    padding-bottom: var(--wpq-space-1-5);
  }

  .wpq-cheatsheet-v1__rail > section:first-child {
    order: 1;
  }

  .wpq-cheatsheet-v1__rail > section:nth-of-type(2) {
    order: 2;
  }

  .wpq-cheatsheet-v1__rail > .wpq-public-builder-cta {
    order: 3;
  }

  .wpq-cheatsheet-v1__rail > section:nth-of-type(3) {
    order: 4;
  }

  .wpq-cheatsheet-v1__rail h2 {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  /* The desktop rail keeps its archive shortcut; the approved mobile target
   * proceeds directly from the three concrete combinations to official links. */
  #combinations > .wpq-cheatsheet-v1__rail-link {
    display: none;
  }

  .wpq-cheatsheet-v1__combinations article {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
    gap: var(--wpq-space-1-5);
    min-block-size: 56px;
    align-items: center;
    padding-block: var(--wpq-space-1-5);
  }

  .wpq-cheatsheet-v1__combinations p {
    display: flex;
    min-width: 0;
    align-items: center;
    margin: 0;
    white-space: nowrap;
  }

  .wpq-cheatsheet-v1__combination-label,
  .wpq-cheatsheet-v1__combinations p,
  .wpq-cheatsheet-v1__rail-link,
  .wpq-cheatsheet-v1__official a,
  .wpq-cheatsheet-v1__rail > section > p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  /* Privacy: retain all nine canonical sections; compress only presentation. */
  .wpq-privacy-v1 {
    padding-bottom: var(--wpq-space-5);
  }

  .wpq-privacy-v1__layout {
    gap: 0;
    padding-top: 13px;
  }

  .wpq-privacy-v1__intro {
    gap: 1px;
    padding-top: 0;
  }

  .wpq-privacy-v1__intro .wpq-public-hub__kicker {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-privacy-v1__intro h1 {
    font-size: var(--wpq-type-control);
    line-height: 20px;
  }

  .wpq-privacy-v1__intro > p:not(.wpq-public-hub__kicker) {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-privacy-v1__intro .wpq-privacy-v1__modified {
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-privacy-v1__toc-rail {
    margin-top: var(--wpq-space-2);
  }

  .wpq-privacy-v1__toc-toggle {
    min-height: 44px;
    padding: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-privacy-v1__content {
    margin-top: var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-privacy-v1__content > h2 {
    margin-top: var(--wpq-space-2-5);
    margin-bottom: 3px;
    padding-left: 9px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-privacy-v1__content > h2::before {
    width: 3px;
  }

  .wpq-privacy-v1__content > p {
    margin-bottom: 3px;
  }

  .wpq-privacy-v1__content > ul,
  .wpq-privacy-v1__content > ol {
    gap: 1px;
    margin-bottom: 3px;
    padding-left: var(--wpq-space-3-5);
  }

  .wpq-privacy-v1__related-rail {
    gap: var(--wpq-space-0-5);
    margin-top: var(--wpq-space-2);
    padding-block: var(--wpq-space-1);
  }

  .wpq-privacy-v1__related-rail > h2 {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-privacy-v1__related-links a {
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-privacy-v1__notice-rail {
    margin-top: var(--wpq-space-1);
    padding-block: var(--wpq-space-1);
  }

  .wpq-privacy-v1__notice-rail p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  /* Contact: retain the approved label -> badge -> control order. */
  .wpq-contact-v1 {
    padding-bottom: var(--wpq-space-5);
  }

  .wpq-contact-v1__layout {
    gap: var(--wpq-space-2);
    padding-top: var(--wpq-space-1);
  }

  .wpq-contact-v1__intro {
    gap: 1px;
    margin-bottom: var(--wpq-space-1-5);
  }

  .wpq-contact-v1__intro .wpq-public-hub__kicker {
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-contact-v1__intro h1 {
    font-size: var(--wpq-type-body);
    line-height: 18px;
  }

  .wpq-contact-v1__intro > p:last-child {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-v1__section {
    padding-top: 3px;
  }

  .wpq-contact-v1__section-head {
    gap: 1px;
    margin-bottom: var(--wpq-space-0-5);
  }

  .wpq-contact-v1__section-head h2,
  .wpq-contact-v1__rail-section > h2 {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-contact-v1__section-head h2 {
    padding-left: 7px;
    border-left-width: 3px;
  }

  .wpq-contact-v1__section-head p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-field {
    gap: 1px;
    padding-bottom: 1px;
  }

  .wpq-contact-field__label-row {
    gap: 1px;
  }

  .wpq-contact-field__label-row label {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-field__badge {
    min-width: 28px;
    min-height: 14px;
    padding: 0 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-input,
  .wpq-contact-select,
  .wpq-contact-file-control,
  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    min-height: 44px;
  }

  .wpq-contact-input {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .wpq-contact-input__icon,
  .wpq-contact-select__hint {
    width: 14px;
    height: 14px;
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger,
  .wpq-contact-field textarea,
  .wpq-contact-file-control {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-contact-field textarea {
    min-height: 56px;
    padding: 5px 7px;
  }

  .wpq-contact-field__help,
  .wpq-contact-file-name,
  .wpq-contact-field__error {
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-contact-consent {
    gap: 5px;
    min-height: 44px;
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-consent label {
    min-height: 44px;
  }

  .wpq-contact-submit {
    min-height: 44px;
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-v1__types {
    margin-top: var(--wpq-space-1-5);
  }

  .wpq-contact-type-row,
  .wpq-contact-type-row:nth-child(3) {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: var(--wpq-space-1);
    min-height: 44px;
    padding: var(--wpq-space-0-5);
  }

  .wpq-contact-type-row__icon,
  .wpq-contact-v1__rail-icon {
    width: 18px;
    height: 18px;
  }

  .wpq-contact-type-row h3,
  .wpq-contact-v1__rail-item strong {
    margin-bottom: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-contact-type-row p,
  .wpq-contact-v1__rail-item small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-v1__rail {
    gap: var(--wpq-space-1-5);
    padding-top: var(--wpq-space-1-5);
  }

  .wpq-contact-v1__rail-section {
    gap: 3px;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section {
    padding-top: var(--wpq-space-1-5);
  }

  .wpq-contact-v1__rail-list {
    gap: var(--wpq-space-0-5);
  }

  .wpq-contact-v1__rail-item {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: var(--wpq-space-1);
    min-height: 44px;
  }

  /* Latest human decision: navigational rows use arrows on mobile only. */
  a.wpq-contact-v1__rail-item,
  .wpq-privacy-v1__related-links a,
  .wpq-cheatsheet-v1__combination-label,
  .wpq-cheatsheet-v1__rail-link {
    position: relative;
    padding-right: var(--wpq-space-5);
  }

  a.wpq-contact-v1__rail-item::after,
  .wpq-privacy-v1__related-links a::after,
  .wpq-cheatsheet-v1__combination-label::after,
  .wpq-cheatsheet-v1__rail-link::after {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    color: #47648d;
    background: currentColor;
    mask: url("../images/icons/lucide/arrow-right.svg") center / contain no-repeat;
    transform: translateY(-50%);
  }
}

/* Human review: the no-sidebar 404 uses the available desktop measure. */
@media (min-width: 1024px) {
  .wpq-public-hub {
    max-width: 1486px;
  }

  .wpq-404-main {
    width: min(100%, 1120px);
  }

  .wpq-404-search-form {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .wpq-site-main:has(.wpq-public-hub) {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wpq-public-hub {
    padding: 0 var(--wpq-space-5) var(--wpq-space-7);
  }

  .wpq-public-hub .wpq-page-breadcrumb {
    margin-bottom: var(--wpq-space-4-5);
  }

  .wpq-public-hub__layout {
    gap: var(--wpq-space-5);
  }

  .wpq-public-hub__intro {
    margin-bottom: 25px;
  }

  .wpq-public-hub__kicker {
    margin-bottom: var(--wpq-space-1-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-hub__intro h1 {
    font-size: var(--wpq-type-title-compact);
    line-height: 27.5px;
  }

  .wpq-public-hub__intro > p:last-child {
    margin-top: var(--wpq-space-2-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 15.5px;
  }

  .wpq-hub-route-grid {
    gap: var(--wpq-space-2);
    margin-bottom: 0;
  }

  .wpq-hub-route {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    min-height: 55px;
    padding: var(--wpq-space-0-5) var(--wpq-space-1);
  }

  .wpq-hub-route__icon {
    width: 32px;
    height: 32px;
  }

  .wpq-hub-route__icon svg {
    width: 29px;
    height: 29px;
  }

  .wpq-hub-route__copy {
    gap: 1px;
  }

  .wpq-hub-route__copy strong {
    font-size: var(--wpq-type-copy);
    line-height: 17px;
  }

  .wpq-hub-route__copy span {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-hub-section {
    padding-top: var(--wpq-space-2-5);
  }

  .wpq-hub-section--quick > h2 {
    padding-bottom: var(--wpq-space-2);
    font-size: var(--wpq-type-body);
    line-height: 18px;
  }

  .wpq-hub-quick-list a {
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 1px var(--wpq-space-1-5);
    min-height: 46px;
    padding: var(--wpq-space-0-5) var(--wpq-space-1);
  }

  .wpq-hub-quick-list__number {
    font-size: var(--wpq-type-body);
    line-height: 18px;
  }

  .wpq-hub-quick-list__copy,
  .wpq-hub-row__copy {
    gap: 0;
  }

  .wpq-hub-quick-list__copy strong,
  .wpq-hub-row__copy strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12.5px;
  }

  .wpq-hub-quick-list__copy span,
  .wpq-hub-row__copy > span:not(.wpq-trouble-tags) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10.5px;
  }

  .wpq-hub-quick-list .wpq-hub-row__reading,
  .wpq-hub-row__reading {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    gap: 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10.5px;
  }

  .wpq-hub-row__reading svg {
    width: 11px;
    height: 11px;
  }

  .wpq-hub-section__head {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    margin-bottom: var(--wpq-space-2);
  }

  .wpq-hub-section__head > span,
  .wpq-hub-section__head > span svg {
    width: 26px;
    height: 26px;
  }

  .wpq-hub-section__head h2 {
    font-size: var(--wpq-type-body);
    line-height: 19px;
  }

  .wpq-hub-section__head p {
    margin-top: 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-hub-section__head small {
    margin-top: 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-hub-timeline::before {
    left: 15px;
  }

  .wpq-hub-timeline li {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: var(--wpq-space-2);
  }

  .wpq-hub-timeline__number {
    width: 30px;
    height: 30px;
    font-size: var(--wpq-type-small);
  }

  .wpq-hub-timeline li > a {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1px var(--wpq-space-1-5);
    min-height: 56px;
    padding: 3px 0;
  }

  .wpq-hub-timeline__title {
    flex-wrap: nowrap;
    gap: var(--wpq-space-1);
  }

  .wpq-hub-timeline__title strong {
    width: auto;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12.5px;
  }

  .wpq-hub-timeline__title em {
    padding: 1px var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-hub-timeline__summary {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10.5px;
  }

  .wpq-hub-timeline .wpq-hub-row__reading {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .wpq-public-hub {
    padding-inline: var(--wpq-space-3-5);
  }

  .wpq-hub-route {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .wpq-hub-route::after {
    display: none;
    content: none;
  }

  .wpq-hub-route__icon {
    width: 34px;
    height: 34px;
  }

  .wpq-hub-route__icon svg {
    width: 32px;
    height: 32px;
  }

  .wpq-public-hub:has(.wpq-trouble-search) .wpq-page-breadcrumb {
    margin-bottom: var(--wpq-space-0-5);
  }

  .wpq-public-hub--troubleshooting .wpq-page-breadcrumb {
    box-sizing: border-box;
    height: 24px;
  }

  .wpq-public-hub--troubleshooting .wpq-breadcrumb {
    position: relative;
    top: 2px;
    left: -1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-hub--troubleshooting .wpq-breadcrumb ol {
    gap: 5px;
  }

  .wpq-public-hub--troubleshooting .wpq-breadcrumb li::after {
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 3px;
    content: "";
    background: currentColor;
    mask: url("../images/icons/lucide/chevron-right.svg") center / contain no-repeat;
  }

  .wpq-public-hub--troubleshooting .wpq-breadcrumb li:last-child::after {
    content: none;
  }

  .wpq-public-hub:has(.wpq-trouble-search) .wpq-public-hub__intro {
    margin-bottom: 0;
  }

  .wpq-public-hub:has(.wpq-trouble-search) .wpq-public-hub__intro h1 {
    position: relative;
    top: -1px;
    left: 2px;
    font-size: var(--wpq-type-section);
    line-height: 20px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-public-hub:has(.wpq-trouble-search) .wpq-public-hub__intro > p:last-child {
    position: relative;
    left: -2px;
    max-width: 315px;
    margin-top: 7px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-public-hub:not(:has(.wpq-trouble-search)):not(:has(.wpq-glossary-search)) .wpq-public-hub__intro > p:last-child {
    max-width: 350px;
  }

  .wpq-trouble-search {
    margin-top: 15px;
  }

  .wpq-trouble-search h2,
  .wpq-trouble-classifications h2 {
    font-size: var(--wpq-type-small);
    line-height: 15px;
  }

  .wpq-trouble-search form {
    position: relative;
    display: block;
    height: 30px;
    min-height: 30px;
    margin-top: 3px;
    overflow: visible;
  }

  .wpq-trouble-search form > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
  }

  .wpq-trouble-search form > span svg {
    width: 15px;
    height: 15px;
  }

  .wpq-trouble-search form > input[type="search"] {
    position: absolute;
    top: 50%;
    right: 60px;
    left: 32px;
    width: auto;
    height: 44px;
    padding: 0 5px 0 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
    transform: translateY(-50%);
  }

  .wpq-trouble-search form > button {
    position: absolute;
    top: 50%;
    right: 0;
    width: 60px;
    height: 44px;
    min-width: 60px;
    padding: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 1;
    background: linear-gradient(
      to bottom,
      transparent 7px,
      var(--wpq-hub-blue) 7px,
      var(--wpq-hub-blue) calc(100% - 7px),
      transparent calc(100% - 7px)
    );
    transform: translateY(-50%);
  }

  .wpq-trouble-classifications {
    margin-top: var(--wpq-space-3-5);
  }

  .wpq-trouble-classifications > nav {
    margin-top: var(--wpq-space-3-5);
  }

  .wpq-trouble-classifications a {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: var(--wpq-space-1-5);
    min-height: 41px;
    padding: 1px var(--wpq-space-1-5);
  }

  .wpq-trouble-classifications a svg {
    width: 24px;
    height: 24px;
  }

  .wpq-trouble-classifications a strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12.5px;
  }

  .wpq-trouble-recommended {
    margin-top: 11px;
  }

  .wpq-trouble-recommended > h2,
  .wpq-trouble-results h2 {
    font-size: var(--wpq-type-body);
    line-height: 19px;
  }

  .wpq-trouble-symptom-list {
    margin-top: 3px;
  }

  .wpq-trouble-symptom-list a {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    min-height: 0;
    padding: 1px var(--wpq-space-0-5);
  }

  .wpq-trouble-symptom-list a:nth-child(1) { height: 49px; }
  .wpq-trouble-symptom-list a:nth-child(2) { height: 51px; }
  .wpq-trouble-symptom-list a:nth-child(3),
  .wpq-trouble-symptom-list a:nth-child(4) { height: 50px; }
  .wpq-trouble-symptom-list a:nth-child(5) { height: 49px; }
  .wpq-trouble-symptom-list a:nth-child(6) { height: 39px; }

  .wpq-trouble-symptom-list__icon svg {
    width: 24px;
    height: 24px;
  }

  .wpq-trouble-symptom-list a > span:last-child {
    gap: 0;
    align-content: center;
  }

  .wpq-trouble-symptom-list strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13.5px;
  }

  .wpq-trouble-symptom-list small {
    max-width: 200px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11.5px;
  }

  .wpq-trouble-results {
    margin-top: 3px;
  }

  .wpq-trouble-result-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-rows: 16px;
    gap: 0;
    margin-top: 0;
  }

  .wpq-trouble-result-filters a {
    justify-content: center;
    min-height: 16px;
    padding: 0 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    white-space: nowrap;
  }

  .wpq-trouble-article-list a {
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 5px;
    min-height: 38px;
    padding: var(--wpq-space-0-5);
  }

  .wpq-trouble-article-list .wpq-hub-row__icon svg {
    width: 12px;
    height: 12px;
  }

  .wpq-trouble-tags {
    display: flex;
    gap: 3px;
  }

  .wpq-trouble-tags small {
    padding: 0 var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-page-breadcrumb {
    margin-bottom: 5px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-hub__intro {
    margin-bottom: var(--wpq-space-4-5);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-hub__intro h1 {
    font-size: var(--wpq-type-subheading);
    line-height: 22px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-hub__intro > p:last-child {
    margin-top: 11.5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11.5px;
  }

  .wpq-glossary-search {
    min-height: 44px;
    margin-bottom: 0;
  }

  .wpq-glossary-search input {
    height: 42px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-glossary-search button {
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-glossary-groups {
    height: 52px;
    margin-top: var(--wpq-space-2);
  }

  .wpq-glossary-index {
    gap: 0;
    margin-top: var(--wpq-space-4-5);
    padding-bottom: 0;
  }

  .wpq-glossary-index h2,
  .wpq-glossary-results__head h2 {
    margin-bottom: 0;
    font-size: var(--wpq-type-copy);
    line-height: 18px;
  }

  .wpq-glossary-index__row {
    gap: 0;
  }

  .wpq-glossary-index__row > strong {
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-glossary-index__row a {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-glossary-results {
    margin-top: var(--wpq-space-4-5);
  }

  .wpq-glossary-results__head {
    height: 21px;
  }

  .wpq-glossary-term-list {
    margin-top: 5px;
  }

  .wpq-glossary-term-list a {
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: var(--wpq-space-0-5) var(--wpq-space-1-5);
    min-height: 0;
    padding: 3px var(--wpq-space-5) 3px 0;
  }

  .wpq-glossary-term-list a:nth-child(1) { height: 55px; }
  .wpq-glossary-term-list a:nth-child(2) { height: 59px; }
  .wpq-glossary-term-list a:nth-child(3) { height: 55px; }
  .wpq-glossary-term-list a:nth-child(4) { height: 48px; }

  .wpq-public-hub--glossary .wpq-public-hub__rail {
    margin-top: var(--wpq-space-0-5);
  }

  .wpq-public-hub--glossary .wpq-hub-rail-panel:first-child {
    gap: var(--wpq-space-0-5);
    padding-bottom: var(--wpq-space-2);
  }

  .wpq-public-hub--glossary .wpq-glossary-related {
    grid-template-rows: 12px repeat(3, 24px);
  }

  .wpq-public-hub--glossary .wpq-glossary-related > h2 {
    height: 12px;
    line-height: 12px;
  }

  .wpq-glossary-term-list a::after {
    display: none;
    content: none;
  }

  .wpq-glossary-term-list .wpq-hub-row__icon,
  .wpq-glossary-term-list .wpq-hub-row__icon svg {
    width: 18px;
    height: 18px;
  }

  .wpq-glossary-term-list .wpq-hub-row__copy {
    gap: 0;
  }

  .wpq-glossary-term-list .wpq-hub-row__copy strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-glossary-term-list .wpq-hub-row__copy > span {
    display: -webkit-box;
    overflow: hidden;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .wpq-glossary-term-list__badge {
    padding: var(--wpq-space-0-5) 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
    white-space: nowrap;
  }

  .wpq-public-builder-cta {
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 0;
  }

  .wpq-public-builder-cta__brand {
    padding: var(--wpq-space-1-5);
  }

  .wpq-public-builder-cta__brand img {
    width: 40px;
    height: 40px;
  }

  .wpq-public-builder-cta__copy,
  .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    padding: var(--wpq-space-1-5) var(--wpq-space-2) 5px var(--wpq-space-0-5);
  }

  .wpq-public-builder-cta__eyebrow {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-builder-cta__title {
    font-size: var(--wpq-type-meta);
    line-height: 14px;
  }

  .wpq-public-builder-cta__body {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10.5px;
  }

  .wpq-public-builder-cta__action {
    min-height: 44px;
    font-size: var(--wpq-type-micro-floor);
  }
}

/* Final mobile cascade corrections: keep these after every measured family. */
@media (max-width: 767px) {
  /* Approved mobile rasters use several compact header revisions. Keep a 44px hit area. */
  body:has(.wpq-public-discovery--articles) .wpq-nav-shell--top {
    height: 42px;
    min-height: 42px;
  }

  body:has(.wpq-public-discovery--search) .wpq-nav-shell--top {
    height: 43px;
    min-height: 43px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-nav-shell--top {
    height: 48px;
    min-height: 48px;
  }

  body:has(.wpq-contact-v1) .wpq-nav-shell--top {
    height: 36px;
    min-height: 36px;
  }

  body:has(.wpq-public-discovery--articles) :is(.wpq-mobile-search-link, .wpq-nav-toggle) {
    height: 42px;
    min-height: 42px;
  }

  body:has(.wpq-public-discovery--search) :is(.wpq-mobile-search-link, .wpq-nav-toggle) {
    height: 43px;
    min-height: 43px;
  }

  body:has(.wpq-cheatsheet-v1) :is(.wpq-mobile-search-link, .wpq-nav-toggle) {
    height: 46px;
    min-height: 46px;
  }

  body:has(.wpq-contact-v1) :is(.wpq-mobile-search-link, .wpq-nav-toggle) {
    height: 36px;
    min-height: 36px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-cheatsheet-v1, .wpq-contact-v1)) :is(.wpq-brand, .wpq-mobile-search-link, .wpq-nav-toggle) {
    position: relative;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-cheatsheet-v1, .wpq-contact-v1)) :is(.wpq-brand, .wpq-mobile-search-link, .wpq-nav-toggle)::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 44px;
    height: 44px;
    content: "";
    transform: translate(-50%, -50%);
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-cheatsheet-v1, .wpq-contact-v1)) :is(.wpq-brand, .wpq-mobile-search-link, .wpq-nav-toggle):focus-visible {
    outline-offset: 4px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search)) .wpq-page-breadcrumb {
    height: 25px;
    min-height: 25px;
  }

  .wpq-public-discovery--articles .wpq-archive-intro {
    margin-top: 5.2px;
  }

  .wpq-public-discovery--search .wpq-search-intro {
    margin-top: 2.4px;
  }

  .wpq-cheatsheet-v1__layout {
    margin-top: 14.3px;
  }

  .wpq-public-discovery--articles .wpq-archive-intro__copy {
    gap: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-intro__copy > .wpq-public-hub__kicker {
    margin: 0 0 var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-public-discovery--articles .wpq-search-query-form__field {
    grid-template-columns: 28px minmax(0, 1fr) 50px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__field,
  .wpq-public-discovery--articles .wpq-search-query-form__icon,
  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--articles .wpq-search-query-form button {
    box-sizing: border-box;
    height: 24px;
    min-height: 24px;
  }

  .wpq-public-discovery--search .wpq-search-query-form__field {
    grid-template-columns: 32px minmax(0, 1fr) 50px;
  }

  .wpq-public-discovery--search .wpq-search-query-form__field,
  .wpq-public-discovery--search .wpq-search-query-form__icon,
  .wpq-public-discovery--search .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form button {
    box-sizing: border-box;
    height: 26px;
    min-height: 26px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__icon,
  .wpq-public-discovery--search .wpq-search-query-form__icon {
    width: 28px;
  }

  .wpq-public-discovery--search .wpq-search-query-form__icon {
    width: 32px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form__icon svg,
  .wpq-public-discovery--search .wpq-search-query-form__icon svg {
    width: 15px;
    height: 15px;
  }

  .wpq-public-discovery--articles .wpq-search-query-form input,
  .wpq-public-discovery--search .wpq-search-query-form input {
    padding-inline: var(--wpq-space-1);
  }

  .wpq-public-discovery--articles .wpq-search-query-form button,
  .wpq-public-discovery--search .wpq-search-query-form button {
    display: flex;
    width: 50px;
    min-width: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 var(--wpq-space-1);
    line-height: 1;
    text-align: center;
  }

  .wpq-public-discovery--search [aria-labelledby="search-page-heading"] > div > a {
    min-height: 37px;
  }

  .wpq-public-discovery--search .wpq-search-again {
    margin-top: 21px;
  }

  .wpq-public-discovery--search .wpq-search-again form {
    grid-template-columns: minmax(0, 1fr) 60px;
  }

  .wpq-public-discovery--search .wpq-search-again input {
    padding-inline: var(--wpq-space-1-5);
  }

  .wpq-public-discovery--search .wpq-search-again button {
    min-width: 60px;
    justify-content: center;
    padding-inline: var(--wpq-space-1);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search {
    grid-template-columns: 28px minmax(0, 1fr) 52px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search > span {
    width: 28px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search svg {
    width: 14px;
    height: 14px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search input {
    padding-inline: var(--wpq-space-1);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search button {
    display: flex;
    width: 52px;
    min-width: 52px;
    align-items: center;
    justify-content: center;
    padding: 0 var(--wpq-space-1);
    line-height: 1;
    text-align: center;
  }

  .wpq-public-builder-cta.wpq-public-builder-cta--side {
    grid-template-columns: 108px minmax(0, 1fr);
    grid-template-rows: 44px 24px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
  }

  .wpq-public-builder-cta--side .wpq-public-builder-cta__brand {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: stretch;
    justify-content: end;
    padding: var(--wpq-space-1) var(--wpq-space-3) var(--wpq-space-1) var(--wpq-space-1);
  }

  .wpq-public-builder-cta.wpq-public-builder-cta--side .wpq-public-builder-cta__brand img {
    width: 60px;
    height: 60px;
  }

  .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    grid-column: 2;
    grid-row: 1;
    gap: 0;
    padding: 3px var(--wpq-space-2) 0;
    text-align: left;
  }

  .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    width: calc(100% - 16px);
    max-width: 200px;
    min-width: 0;
    min-height: 18px;
    height: 18px;
    margin: var(--wpq-space-0-5) var(--wpq-space-2) var(--wpq-space-1);
    padding: 0 var(--wpq-space-1);
    border-radius: 3px;
    line-height: 1;
    text-align: center;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side,
  .wpq-public-discovery--search .wpq-public-builder-cta--side,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side {
    grid-template-rows: 44px 24px;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-public-discovery--search .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side .wpq-public-builder-cta__copy,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    padding: 3px var(--wpq-space-2) 0;
  }

  .wpq-public-discovery--articles .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-public-discovery--search .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-public-builder-cta--side .wpq-public-builder-cta__action,
  .wpq-cheatsheet-v1 .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    min-height: 18px;
    margin-bottom: var(--wpq-space-1);
    padding-block: 0;
  }

  /* Sitemap previously used a higher-specificity, route-local CTA variant.
   * Repeat the shared banner contract at equal-or-higher specificity so the
   * route cannot restore display:contents, a 36px logo, or a 44px action. */
  .wpq-sitemap-v1__rail .wpq-public-builder-cta.wpq-public-builder-cta--side {
    grid-template-columns: 108px minmax(0, 1fr);
    grid-template-rows: 44px 24px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta--side .wpq-public-builder-cta__brand {
    grid-column: 1;
    grid-row: 1 / -1;
    place-self: stretch auto;
    width: auto;
    height: auto;
    justify-content: end;
    padding: var(--wpq-space-1) var(--wpq-space-3) var(--wpq-space-1) var(--wpq-space-1);
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta--side .wpq-public-builder-cta__brand img {
    width: 60px;
    height: 60px;
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    gap: 0;
    min-width: 0;
    padding: 3px var(--wpq-space-2) 0;
    text-align: left;
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta__title {
    grid-column: auto;
    align-self: auto;
    color: var(--wpq-color-footer);
    font-size: var(--wpq-type-meta);
    font-weight: var(--wpq-weight-bold);
    line-height: 14px;
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta__body {
    grid-column: auto;
    color: var(--wpq-color-copy);
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-regular);
    line-height: 10.5px;
  }

  .wpq-sitemap-v1__rail .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    width: calc(100% - 16px);
    max-width: 200px;
    min-width: 0;
    min-height: 18px;
    height: 18px;
    margin: var(--wpq-space-0-5) var(--wpq-space-2) var(--wpq-space-1);
    padding: 0 var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 1;
  }

  .wpq-cheatsheet-v1__search {
    grid-template-columns: 28px minmax(0, 1fr) 48px;
    min-height: 24px;
  }

  .wpq-cheatsheet-v1__search input,
  .wpq-cheatsheet-v1__search button {
    height: 24px;
    min-height: 24px;
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__search > span {
    width: 28px;
  }

  .wpq-cheatsheet-v1__search svg {
    width: 14px;
    height: 14px;
  }

  .wpq-cheatsheet-v1__search input {
    padding-inline: var(--wpq-space-1);
  }

  .wpq-cheatsheet-v1__search button {
    display: flex;
    width: 48px;
    min-width: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 var(--wpq-space-1);
    line-height: 1;
    text-align: center;
  }

  .wpq-cheatsheet-v1__section-tabs,
  .wpq-cheatsheet-v1__section-tabs a {
    min-height: 18px;
  }

  .wpq-cheatsheet-v1__intro > p:last-child {
    max-width: 230px;
  }

  .wpq-cheatsheet-v1__filters {
    margin-top: var(--wpq-space-4-5);
  }

  .wpq-cheatsheet-v1__section-tabs a,
  .wpq-cheatsheet-v1__keywords a,
  .wpq-cheatsheet-v1__filters a {
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__keywords {
    min-height: 0;
  }

  .wpq-cheatsheet-v1__keywords a,
  .wpq-cheatsheet-v1__filters a {
    min-height: 18px;
  }

  .wpq-cheatsheet-v1__code-head,
  .wpq-cheatsheet-v1__copy {
    min-height: 22px;
  }

  .wpq-cheatsheet-v1__code {
    margin-top: var(--wpq-space-5);
  }

  .wpq-cheatsheet-v1__copy {
    padding-block: 0;
  }

  .wpq-cheatsheet-v1__code-block pre {
    max-height: none;
    line-height: 7px;
  }

  .wpq-cheatsheet-v1__rail {
    margin-top: var(--wpq-space-3-5);
  }

  .wpq-cheatsheet-v1__rail > section {
    gap: var(--wpq-space-0-5);
    padding-bottom: 3px;
  }

  .wpq-cheatsheet-v1__combinations article {
    min-block-size: 24px;
    padding-block: 1px;
  }

  .wpq-cheatsheet-v1__combination-label,
  .wpq-cheatsheet-v1__combinations p a {
    min-height: 24px;
  }

  .wpq-cheatsheet-v1__rail > section:nth-of-type(2) {
    gap: 0;
    padding-bottom: 0;
  }

  .wpq-cheatsheet-v1__official a {
    min-height: 24px;
  }

  .wpq-cheatsheet-v1__official svg {
    width: 8px;
    height: 8px;
  }

  .wpq-cheatsheet-v1__notice {
    display: none;
  }

  .wpq-cheatsheet-v1__rail > .wpq-cheatsheet-v1__about {
    gap: 0;
    padding-bottom: 0;
  }

  .wpq-cheatsheet-v1 {
    padding-bottom: var(--wpq-space-0-5);
  }

  .wpq-contact-field {
    gap: 1px;
    padding-bottom: 0;
  }

  .wpq-contact-field__label-row {
    gap: 1px;
  }

  .wpq-contact-field__badge {
    min-height: 10px;
    padding-block: 0;
    line-height: 8px;
  }

  .wpq-contact-input,
  .wpq-contact-select,
  .wpq-contact-file-control,
  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    min-height: 20px;
  }

  .wpq-contact-input {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    padding-block: 0;
  }

  .wpq-contact-field textarea {
    min-height: 36px;
    padding-block: var(--wpq-space-0-5);
  }

  .wpq-contact-file-control {
    height: 22px;
    min-height: 22px;
    color: transparent;
  }

  .wpq-contact-file-control::file-selector-button {
    width: 94px;
    min-height: 20px;
    padding-inline: var(--wpq-space-2);
    color: transparent;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) {
    position: relative;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control)::before {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 8px;
    content: "ファイルを選択";
    color: var(--wpq-ink);
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-bold);
    line-height: 10px;
    pointer-events: none;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) .wpq-contact-field__help {
    position: absolute;
    top: 6px;
    left: 104px;
    pointer-events: none;
  }

  .wpq-contact-consent,
  .wpq-contact-consent label {
    min-height: 14px;
  }

  .wpq-contact-consent {
    position: relative;
  }

  .wpq-contact-consent::before {
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 1px solid #6f819c;
    border-radius: 2px;
    background: var(--wpq-color-surface);
    content: "";
    pointer-events: none;
    transform: translateY(-50%);
  }

  .wpq-contact-consent:has(input:checked)::before {
    border-color: var(--wpq-blue);
    background: var(--wpq-blue);
  }

  .wpq-contact-consent:has(input:checked)::after {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 6px;
    height: 6px;
    background: var(--wpq-color-surface);
    content: "";
    mask: url("../images/icons/lucide/check.svg") center / contain no-repeat;
    pointer-events: none;
    transform: translateY(-50%);
  }

  .wpq-contact-consent:has(input:focus-visible)::before {
    outline: 2px solid rgba(37, 99, 235, 0.34);
    outline-offset: 2px;
  }

  .wpq-contact-consent:has(input[aria-invalid="true"])::before {
    border-color: #d63b45;
    outline: 2px solid rgba(214, 59, 69, 0.24);
    outline-offset: 1px;
  }

  .wpq-contact-consent input {
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: -5px -2px;
    appearance: none;
    cursor: pointer;
    opacity: 0;
  }

  .wpq-contact-consent label a {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    margin-block: -7px;
  }

  .wpq-contact-submit {
    width: min(156px, 100%);
    min-height: 20px;
    margin-inline: auto;
    padding-block: 0;
    border-radius: 3px;
    gap: 7px;
  }

  .wpq-contact-submit__icon {
    width: 10px;
    height: 10px;
  }

  .wpq-contact-type-row,
  .wpq-contact-type-row:nth-child(3),
  .wpq-contact-v1__rail-item {
    min-height: 20px;
    padding-block: 1px;
  }

  .wpq-contact-type-row {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .wpq-contact-type-row__icon,
  .wpq-contact-v1__rail-icon {
    width: 16px;
    height: 16px;
  }

  .wpq-contact-type-row h3,
  .wpq-contact-v1__rail-item strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-contact-type-row p,
  .wpq-contact-v1__rail-item small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 8px;
  }

  .wpq-contact-v1__rail {
    gap: 3px;
    padding-top: 3px;
  }

  .wpq-contact-v1__rail-list {
    gap: var(--wpq-space-1);
  }

  a.wpq-contact-v1__rail-item {
    min-height: 24px;
    margin-block: -2px;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section {
    padding-top: 3px;
  }

  .wpq-contact-v1 {
    padding-bottom: var(--wpq-space-3);
  }

  .wpq-public-discovery--articles .wpq-archive-side {
    margin-top: 3px;
  }

  .wpq-public-discovery--articles .wpq-archive-side > .wpq-hub-rail-panel {
    display: none;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search {
    margin-top: var(--wpq-space-1);
  }

  .wpq-hub-route,
  .wpq-hub-quick-list a,
  .wpq-hub-timeline li > a,
  .wpq-trouble-article-list a,
  .wpq-glossary-term-list a,
  .wpq-public-discovery .wpq-archive-card__link,
  .wpq-search-result-group--compact > div > a,
  .wpq-sitemap-v1__item {
    position: relative;
    padding-right: var(--wpq-space-5);
  }

  .wpq-hub-route::after,
  .wpq-hub-quick-list a::after,
  .wpq-hub-timeline li > a::after,
  .wpq-trouble-article-list a::after,
  .wpq-glossary-term-list a::after,
  .wpq-public-discovery .wpq-archive-card__link::after,
  .wpq-search-result-group--compact > div > a::after,
  .wpq-sitemap-v1__item::after {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    color: #47648d;
    background: currentColor;
    mask: url("../images/icons/lucide/arrow-right.svg") center / contain no-repeat;
    transform: translateY(-50%);
  }

  .wpq-hub-quick-list .wpq-hub-row__reading,
  .wpq-hub-timeline .wpq-hub-row__reading {
    margin-right: var(--wpq-space-2-5);
  }

  /* Repeated mobile endpoint rails use the same measured compact row.
   * Search keeps its approved three-column rail variant. */
  .wpq-public-hub:not(.wpq-public-hub--glossary) .wpq-public-hub__rail:has(> .wpq-hub-rail-panel > .wpq-hub-rail-link) {
    gap: var(--wpq-space-2);
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel:has(> .wpq-hub-rail-link) {
    gap: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel:has(> .wpq-hub-rail-link) > h2 {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel > .wpq-hub-rail-link {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 5px;
    min-height: 24px;
    align-items: center;
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel > .wpq-hub-rail-link > svg {
    width: 17px;
    height: 17px;
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel > .wpq-hub-rail-link span {
    gap: 0;
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel > .wpq-hub-rail-link strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  :is(
    .wpq-public-hub__rail,
    .wpq-public-discovery:not(.wpq-public-discovery--search) .wpq-public-discovery__rail,
    .wpq-official-reference-v1__rail,
    .wpq-popular-rail,
    .wpq-whats-new-side,
    .wpq-archive-side
  ) > .wpq-hub-rail-panel > .wpq-hub-rail-link small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-hub--glossary .wpq-glossary-related + .wpq-public-builder-cta {
    margin-block-start: 0;
  }

  /* Privacy uses a dedicated rail rather than .wpq-hub-rail-panel.  Keep the
   * same 24px visible row used by the approved mobile related-entry pattern;
   * the previous inherited 44px rows doubled this region's height. */
  .wpq-privacy-v1 {
    padding-bottom: 0;
  }

  .wpq-privacy-v1__related-rail {
    gap: 0;
    margin-top: var(--wpq-space-0-5);
    padding-block: 0;
    border-bottom: 0;
  }

  .wpq-privacy-v1__related-links a {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 5px;
    min-height: 24px;
  }

  .wpq-privacy-v1__related-links a > span:first-child,
  .wpq-privacy-v1__related-links a > span:first-child svg {
    width: 17px;
    height: 17px;
  }

  .wpq-privacy-v1__notice-rail {
    margin-top: var(--wpq-space-0-5);
  }

  /* The second Contact rail is informational rather than interactive.  Its
   * two-line rows can therefore follow the 16px approved rhythm without
   * shrinking the 24px linked targets in the preceding rail. */
  .wpq-contact-v1__rail-section:last-child .wpq-contact-v1__rail-list {
    gap: 1px;
  }

  .wpq-contact-v1__rail-section:last-child .wpq-contact-v1__rail-item {
    min-height: 16px;
    padding-block: 0;
  }

  /* Learning Guide: the approved mobile target uses a compact route chooser,
   * then restores density inside the instructional timeline.  Keeping these
   * route-scoped prevents the same geometry from disturbing the map page. */
  .wpq-public-hub--learning .wpq-page-breadcrumb {
    margin-bottom: 23px;
  }

  .wpq-public-hub--map .wpq-public-hub__intro {
    margin-bottom: 15px;
  }

  .wpq-public-hub--map .wpq-mobile-only-break {
    display: initial;
  }

  .wpq-public-hub--map .wpq-map-lead-tail {
    white-space: nowrap;
  }

  .wpq-public-hub--map .wpq-hub-route-grid {
    gap: 0;
  }

  .wpq-public-hub--map .wpq-hub-route:nth-child(2) {
    margin-top: var(--wpq-space-2);
  }

  .wpq-public-hub--map .wpq-hub-route:nth-child(3) {
    margin-top: var(--wpq-space-3);
  }

  .wpq-public-hub--map .wpq-hub-route:nth-child(4) {
    margin-top: var(--wpq-space-1-5);
  }

  .wpq-public-hub--map .wpq-hub-section--quick {
    padding-top: var(--wpq-space-4-5);
  }

  .wpq-public-hub--map .wpq-hub-section--quick > h2 {
    position: relative;
    padding-left: var(--wpq-space-3-5);
    padding-bottom: 1px;
  }

  .wpq-public-hub--map .wpq-hub-section--quick > h2::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 15px;
    border-radius: 2px;
    background: var(--wpq-hub-blue);
    content: "";
  }

  .wpq-public-hub--map .wpq-hub-quick-list > li:first-child > a {
    min-height: 45px;
  }

  .wpq-public-hub--map .wpq-hub-section__head {
    column-gap: var(--wpq-space-2);
    row-gap: 0;
  }

  .wpq-public-hub--map .wpq-hub-section__head > div {
    display: contents;
  }

  .wpq-public-hub--map .wpq-hub-section__head h2 {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .wpq-public-hub--map .wpq-hub-section__head p {
    grid-column: 1 / -1;
    margin-top: var(--wpq-space-2);
    line-height: 15.5px;
  }

  .wpq-public-hub--learning .wpq-public-hub__intro {
    margin-bottom: 5px;
  }

  .wpq-public-hub--learning .wpq-hub-route-grid {
    gap: var(--wpq-space-1);
    margin-bottom: var(--wpq-space-2-5);
  }

  /*
   * Keep every Learning Guide route on the same approved 55px mobile row.
   * public-design-system.css gives the final two rows a more specific
   * nth-last-child selector, so match that specificity instead of allowing
   * those rows to fall back to the generic 62px mobile contract.
   */
  .wpq-public-hub--learning .wpq-hub-route,
  .wpq-public-hub--learning .wpq-hub-route:nth-last-child(-n + 2) {
    min-height: 55px;
    padding: var(--wpq-space-0-5) var(--wpq-space-5) var(--wpq-space-0-5) var(--wpq-space-1);
  }

  .wpq-public-hub--learning .wpq-hub-route__copy {
    gap: 3px;
  }

  .wpq-public-hub--learning .wpq-hub-section__head {
    column-gap: var(--wpq-space-2);
    row-gap: 0;
  }

  .wpq-public-hub--learning .wpq-hub-section__head > div {
    display: contents;
  }

  .wpq-public-hub--learning .wpq-hub-section__head h2 {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .wpq-public-hub--learning .wpq-hub-section__head p {
    grid-column: 1 / -1;
    margin-top: var(--wpq-space-2);
    line-height: 15px;
  }

  .wpq-public-hub--learning .wpq-hub-section__head small {
    grid-column: 1 / -1;
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-hub--learning .wpq-hub-timeline > li:nth-child(1) > a {
    min-height: 65px;
    padding-top: var(--wpq-space-4-5);
    padding-bottom: 0;
  }

  .wpq-public-hub--learning .wpq-hub-timeline > li:nth-child(2) > a,
  .wpq-public-hub--learning .wpq-hub-timeline > li:nth-child(3) > a,
  .wpq-public-hub--learning .wpq-hub-timeline > li:nth-child(5) > a {
    min-height: 66px;
  }

  .wpq-public-hub--learning .wpq-hub-timeline > li:nth-child(4) > a {
    min-height: 64px;
  }

  .wpq-public-hub--learning .wpq-hub-timeline > li:nth-child(n + 3) > a {
    padding-top: 7px;
    padding-bottom: 0;
  }

  .wpq-public-hub--learning .wpq-hub-timeline__summary {
    max-width: 240px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 15px;
  }

  .wpq-public-hub--learning .wpq-hub-timeline .wpq-hub-row__reading {
    align-self: end;
    margin: 0 var(--wpq-space-2-5) 5px 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12.5px;
  }
}

/*
 * Shared pagination geometry. The visible boxes follow the approved
 * Cheatsheet density while every interactive link keeps a 44px hit area.
 * This terminal override also prevents older route rules from restoring
 * arrow-only controls, font-size: 0, or the 18px archive variant.
 */
.wpq-pagination .nav-links {
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--wpq-space-2);
}

.wpq-pagination .page-numbers {
  position: relative;
  isolation: isolate;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--wpq-color-footer);
  font: var(--wpq-weight-bold) var(--wpq-type-small)/1 var(--wpq-font-ui);
  transform: none;
}

.wpq-pagination .page-numbers::after {
  position: absolute;
  z-index: -1;
  inset: 6px 5px;
  box-sizing: border-box;
  border: 1px solid var(--wpq-line);
  border-radius: 3px;
  background: var(--wpq-color-surface);
  content: "";
}

.wpq-pagination .page-numbers.current {
  border: 0;
  background: transparent;
  color: var(--wpq-color-blue);
}

.wpq-pagination .page-numbers.current::after {
  border-color: var(--wpq-color-blue);
  background: var(--wpq-color-surface);
}

.wpq-pagination .page-numbers.dots {
  width: 20px;
  min-width: 20px;
}

.wpq-pagination .page-numbers.dots::after {
  content: none;
}

.wpq-pagination .prev,
.wpq-pagination .next {
  width: 56px;
  min-width: 56px;
  padding: 0;
  color: var(--wpq-color-blue);
  font: var(--wpq-weight-bold) var(--wpq-type-small)/1 var(--wpq-font-ui);
}

.wpq-pagination .prev::before,
.wpq-pagination .next::before {
  content: none;
}

@media (max-width: 767px) {
  .wpq-pagination {
    margin-top: 0;
  }

  .wpq-pagination .nav-links {
    flex-wrap: wrap;
    gap: var(--wpq-space-1) 0;
  }

  .wpq-pagination a.page-numbers {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    font: var(--wpq-weight-bold) var(--wpq-type-micro-floor)/1 var(--wpq-font-ui);
  }

  .wpq-pagination .page-numbers::after {
    inset: 12px;
  }

  .wpq-pagination .page-numbers.current {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    margin: var(--wpq-space-2-5) 0;
    font: var(--wpq-weight-bold) var(--wpq-type-micro-floor)/1 var(--wpq-font-ui);
  }

  .wpq-pagination .page-numbers.current::after {
    inset: 2px;
  }

  .wpq-pagination .page-numbers.dots {
    width: 12px;
    min-width: 12px;
    height: 24px;
    min-height: 24px;
    margin: var(--wpq-space-2-5) 0;
    padding: 0;
    font: var(--wpq-weight-bold) var(--wpq-type-micro-floor)/1 var(--wpq-font-ui);
  }

  .wpq-pagination a.page-numbers.prev,
  .wpq-pagination a.page-numbers.next {
    width: 44px;
    min-width: 44px;
    font: var(--wpq-weight-bold) var(--wpq-type-micro-floor)/1 var(--wpq-font-ui);
  }

  .wpq-pagination .prev::after,
  .wpq-pagination .next::after {
    inset: 12px 4px;
  }
}

@media (max-width: 360px) {
  .wpq-public-hub--map .wpq-map-lead-tail {
    white-space: normal;
  }
}

/* The approved 390px Cheatsheet keeps all six columns in the same viewport.
 * Preserve the 7px type and 176px table rhythm while removing the older
 * 540px min-width that made the table horizontally crop.  At 320px the
 * existing scrollable table remains the safer readable fallback. */
@media (min-width: 375px) and (max-width: 767px) {
  .wpq-site-main .wpq-public-builder-cta.wpq-public-builder-cta--side {
    grid-template-rows: 36px 22px;
  }

  .wpq-site-main .wpq-public-builder-cta--side .wpq-public-builder-cta__brand {
    padding: 0 var(--wpq-space-3) 0 var(--wpq-space-1);
  }

  .wpq-site-main .wpq-public-builder-cta.wpq-public-builder-cta--side .wpq-public-builder-cta__brand img {
    width: 58px;
    height: 58px;
  }

  .wpq-site-main .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    padding: 1px var(--wpq-space-2) 0;
  }

  .wpq-site-main .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    height: 18px;
    min-height: 18px;
    margin: 1px var(--wpq-space-2) 3px;
  }

  .wpq-cheatsheet-v1 .wpq-public-builder-cta.wpq-public-builder-cta--side {
    margin-block: -6px var(--wpq-space-2);
  }

  .wpq-cheatsheet-v1__table {
    width: calc(100% - 14px);
    min-width: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-cheatsheet-v1__table th,
  .wpq-cheatsheet-v1__table td {
    padding: 5px 3px;
  }

  .wpq-cheatsheet-v1__table th {
    font-size: var(--wpq-type-micro-floor);
    white-space: normal;
  }

  .wpq-cheatsheet-v1__table code,
  .wpq-cheatsheet-v1__table a {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-cheatsheet-v1__badge,
  .wpq-cheatsheet-v1__support {
    min-height: 18px;
    padding: 1px var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    white-space: normal;
  }

  .wpq-cheatsheet-v1__pagination {
    margin-top: -16px;
  }

  .wpq-cheatsheet-v1__code {
    margin-top: -2px;
  }
}

/* 2026-08-11 human review: compact control proportions and predictable mobile
 * indexes. This block stays last so older route CSS cannot reintroduce the
 * oversized labels, mixed pagination hit boxes, or zero-gap footer boundary. */
@media (max-width: 767px) {
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-search button {
    font-size: var(--wpq-type-small);
    line-height: 12px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row {
    min-height: 27px;
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row > strong {
    min-height: 27px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row nav {
    display: flex;
    min-width: 0;
    min-height: 27px;
    align-items: stretch;
    justify-content: space-between;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row nav::-webkit-scrollbar {
    display: none;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__row a,
  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__disabled {
    display: grid;
    min-width: 24px;
    min-height: 27px;
    flex: 0 0 auto;
    place-items: center;
    padding-inline: 0;
    color: #42608d;
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-bold);
    line-height: 12px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-index__disabled {
    color: #8b9bb4;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-results__head {
    justify-content: flex-start;
    gap: 7px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-results__head h2 {
    font-size: var(--wpq-type-meta);
    line-height: 15px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-results__head > a {
    display: inline-grid;
    min-height: 21px;
    place-items: center;
    padding-inline: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-glossary-related + .wpq-public-builder-cta {
    margin-block-start: var(--wpq-space-2);
  }

  .wpq-cheatsheet-v1__filters a {
    border: 1px solid transparent;
  }

  .wpq-cheatsheet-v1__filters a[aria-current] {
    border-color: var(--wpq-color-blue);
    border-radius: 2px;
  }

  .wpq-cheatsheet-v1__filters a[aria-current]::after {
    content: none;
  }

  .wpq-cheatsheet-v1__count {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-cheatsheet-v1__pagination {
    margin-top: -10px;
  }

  .wpq-pagination .page-numbers.current {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
  }

  .wpq-pagination .page-numbers.current::after {
    inset: 12px;
  }

  .wpq-cheatsheet-v1__code-head {
    border-bottom: 1px solid var(--wpq-color-line);
  }

  .wpq-public-discovery--search .wpq-search-exact {
    height: 18px;
    min-height: 18px;
    margin: 5px 0 var(--wpq-space-2-5);
    padding-block: 0;
  }

  .wpq-public-discovery--search .wpq-search-exact > a {
    min-height: 16px;
  }

  .wpq-public-discovery--search .wpq-search-filter-bar,
  .wpq-public-discovery--search .wpq-archive-filter-pill,
  .wpq-public-discovery--search .wpq-archive-sort__trigger {
    height: 15px;
    min-height: 15px;
  }

  .wpq-public-discovery--search .wpq-search-result-group[aria-labelledby="search-article-heading"] {
    margin-top: 9px;
  }

  .wpq-public-discovery--search .wpq-search-result-group > h2 {
    padding-bottom: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--search .wpq-search-summary {
    position: relative;
    top: -7px;
  }

  .wpq-public-discovery--search .wpq-search-card-list {
    margin-top: -1px;
  }

  /* Search uses the same archive-card partial as Articles, but its approved
   * mobile raster is a denser three-row result list.  Keep this route-scoped:
   * the shared template now emits a reading icon, and without explicit icon
   * dimensions the intrinsic SVG expands the meta row to 56px and defeats the
   * measured 73 / 77 / 68px tracks.  The 120px media column and 10px gap also
   * place the copy at x=144, matching the normalized source. */
  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__link {
    box-sizing: border-box;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: var(--wpq-space-2-5);
    align-items: start;
    height: 73px;
    min-height: 73px;
    padding: 0 var(--wpq-space-4-5) 0 0;
    overflow: hidden;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__thumb.article-thumb {
    align-self: start;
    width: 120px;
    height: 60px;
    aspect-ratio: auto;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__body {
    align-content: start;
    gap: var(--wpq-space-0-5);
    padding: 0;
    overflow: hidden;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__eyeline {
    flex-wrap: nowrap;
    gap: 5px;
    height: 9px;
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    white-space: nowrap;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__topic::before {
    margin-right: 5px;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__title {
    height: 12px;
    margin: 0;
    overflow: hidden;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
    white-space: nowrap;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__excerpt {
    min-height: 0;
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    -webkit-line-clamp: 3;
  }

  .wpq-public-discovery--search .wpq-search-card-list :is(.wpq-archive-card__meta-row, .wpq-archive-card__meta) {
    gap: var(--wpq-space-0-5) var(--wpq-space-1-5);
    height: 9px;
    min-height: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__meta-row {
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__meta {
    margin-top: 0;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__reading {
    display: inline-flex;
    align-items: center;
    gap: var(--wpq-space-0-5);
    height: 9px;
    white-space: nowrap;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card__reading svg {
    display: block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card:nth-child(2) {
    margin-top: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card:nth-child(2) .wpq-archive-card__link {
    height: 77px;
    min-height: 76px;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card:nth-child(2) .wpq-archive-card__title {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card:nth-child(2) .wpq-archive-card__meta-row {
    margin-top: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card:nth-child(3) {
    margin-top: 3px;
  }

  .wpq-public-discovery--search .wpq-search-card-list .wpq-archive-card:nth-child(3) .wpq-archive-card__link {
    height: 68px;
    min-height: 68px;
  }

  .wpq-public-discovery--search .wpq-search-again {
    margin-top: var(--wpq-space-2-5);
  }

  .wpq-public-discovery--search .wpq-search-again input,
  .wpq-public-discovery--search .wpq-search-again button {
    min-height: 20px;
  }

  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination,
  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination .nav-links {
    height: 32px;
    min-height: 32px;
  }

  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination .page-numbers {
    height: 32px;
    min-height: 32px;
    margin-block: 0;
  }

  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination .page-numbers::after {
    inset: 6px 12px;
  }

  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination .page-numbers.dots {
    height: 24px;
    min-height: 24px;
    margin-block: var(--wpq-space-1);
  }

  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination a.page-numbers::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: auto;
    height: 44px;
    border: 0;
    content: "";
    pointer-events: none;
    transform: translateY(-50%);
  }

  .wpq-public-discovery--search .wpq-public-discovery__main > .wpq-pagination :is(.prev, .next)::after {
    inset: 6px 4px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact:has(#search-glossary-heading) > div > a {
    box-sizing: border-box;
    grid-template-rows: 10px 18px;
    row-gap: 1px;
    height: 31px;
    min-height: 31px;
    padding-block: 0;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact:has(#search-glossary-heading) strong {
    line-height: 10px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact:has(#search-glossary-heading) span {
    line-height: 9px;
  }

  .wpq-public-discovery--search .wpq-search-result-group--compact:has(#search-page-heading) {
    margin-top: var(--wpq-space-1-5);
  }

  .wpq-public-discovery--search .wpq-search-again {
    margin-top: var(--wpq-space-3);
  }

  .wpq-public-discovery--search .wpq-public-discovery__rail {
    margin-top: var(--wpq-space-2);
  }

  /* Contact: align the compact mobile form and rail to the approved row rhythm. */
  .wpq-contact-v1__layout {
    padding-top: 1px;
  }

  .wpq-contact-v1__intro {
    gap: 0;
    margin-bottom: var(--wpq-space-3);
  }

  .wpq-contact-v1__intro h1 {
    line-height: 16px;
  }

  .wpq-contact-v1__intro > p:last-child {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-input,
  .wpq-contact-select,
  .wpq-contact-file-control {
    box-sizing: border-box;
    height: 20px;
    min-height: 20px;
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    box-sizing: border-box;
    height: 18px;
    min-height: 18px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(2) {
    margin-top: 2.5px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(2) .wpq-contact-input {
    height: 21px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(2) .wpq-contact-input input {
    height: 19px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(3) {
    margin-top: 2.8px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(3) .wpq-contact-select {
    height: 18px;
    min-height: 18px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(3) .wpq-contact-select__trigger {
    height: 16px;
    min-height: 16px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(4) {
    margin-top: 1.7px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(4) .wpq-contact-input,
  .wpq-contact-form > .wpq-contact-field:nth-of-type(6) .wpq-contact-input {
    height: 19px;
    min-height: 19px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(4) .wpq-contact-input input,
  .wpq-contact-form > .wpq-contact-field:nth-of-type(6) .wpq-contact-input input {
    height: 17px;
    min-height: 17px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(5),
  .wpq-contact-form > .wpq-contact-field:nth-of-type(6) {
    margin-top: 2.9px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(5) textarea {
    box-sizing: border-box;
    height: 40px;
    min-height: 40px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(7) {
    margin-top: 2.5px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(7) .wpq-contact-file-control {
    height: 18px;
    min-height: 18px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(7) .wpq-contact-file-control::file-selector-button {
    min-height: 16px;
  }

  .wpq-contact-consent {
    margin-top: 8.1px;
  }

  .wpq-contact-submit {
    margin-top: 8.6px;
  }

  .wpq-contact-v1__types {
    margin-top: 5.5px;
  }

  .wpq-contact-type-row,
  .wpq-contact-type-row:nth-child(3) {
    box-sizing: border-box;
    height: 19.2px;
    min-height: 19.2px;
  }

  .wpq-contact-v1__rail {
    gap: var(--wpq-space-2);
    padding-top: 4.2px;
  }

  .wpq-contact-v1__rail-section:first-child .wpq-contact-v1__rail-list {
    gap: var(--wpq-space-0-5);
  }

  .wpq-contact-v1__rail-section:first-child a.wpq-contact-v1__rail-item {
    min-height: 22px;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section {
    gap: 0;
    padding-top: 0;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section > h2 {
    line-height: 13px;
  }

  .wpq-contact-v1 {
    padding-bottom: 3.4px;
  }

  /* Cheatsheet: compact search, tabs, filters, and table rhythm from the mobile target. */
  .wpq-cheatsheet-v1__intro > p:last-child {
    margin-top: 2.4px;
    line-height: 11.6667px;
  }

  .wpq-cheatsheet-v1__search {
    box-sizing: border-box;
    height: 24px;
    min-height: 24px;
    margin-top: 9.1px;
  }

  .wpq-cheatsheet-v1__search input,
  .wpq-cheatsheet-v1__search button {
    box-sizing: border-box;
    height: 22px;
    min-height: 22px;
  }

  .wpq-cheatsheet-v1__section-tabs {
    box-sizing: border-box;
    height: 17px;
    min-height: 17px;
    margin-top: 2.2px;
  }

  .wpq-cheatsheet-v1__section-tabs a {
    height: 16px;
    min-height: 16px;
  }

  .wpq-cheatsheet-v1__parameters {
    margin-top: 6.3px;
  }

  .wpq-cheatsheet-v1__parameters > .wpq-cheatsheet-v1__section-heading {
    height: 27.6px;
    min-height: 27.6px;
  }

  .wpq-cheatsheet-v1__keywords {
    gap: 1px var(--wpq-space-0-5);
    height: 28px;
  }

  .wpq-cheatsheet-v1__filters {
    box-sizing: border-box;
    height: 18px;
    margin-top: 11.2px;
  }

  .wpq-cheatsheet-v1__filters a {
    box-sizing: border-box;
    height: 18px;
    min-height: 18px;
  }

  .wpq-cheatsheet-v1__table-scroll {
    margin-top: 4.8px;
  }

  .wpq-cheatsheet-v1__pagination {
    margin-top: -11.9px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-panel:has(.wpq-hub-rail-steps) > h2 {
    font-size: var(--wpq-type-meta);
    line-height: 15px;
  }

  .wpq-public-hub:has(.wpq-glossary-search) .wpq-hub-rail-steps small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  /* Articles: match the compact purpose, filter, toolbar, and result row cadence. */
  .wpq-public-discovery--articles .wpq-archive-intro {
    margin-bottom: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--articles .wpq-archive-journeys {
    gap: var(--wpq-space-1-5);
    margin-bottom: 13.6px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links {
    grid-auto-rows: 31px;
  }

  .wpq-public-discovery--articles .wpq-archive-journeys__links a {
    box-sizing: border-box;
    height: 31px;
    min-height: 31px;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-bar {
    box-sizing: border-box;
    height: 64px;
    min-height: 64px;
    padding-bottom: 1px;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-pills {
    grid-auto-rows: 22px;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-pill {
    box-sizing: border-box;
    height: 22px;
    min-height: 22px;
  }

  .wpq-public-discovery--articles .wpq-archive-result-toolbar {
    box-sizing: border-box;
    height: 13px;
    min-height: 13px;
    margin-top: 7.8px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort,
  .wpq-public-discovery--articles .wpq-archive-sort__trigger {
    box-sizing: border-box;
    height: 12px;
    min-height: 12px;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__trigger {
    position: relative;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__trigger::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 44px;
    height: 44px;
    content: "";
    transform: translate(-50%, -50%);
  }

  .wpq-public-discovery--articles .wpq-archive-card-list {
    margin-top: 0.6px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__excerpt {
    font-size: var(--wpq-type-micro-floor);
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-public-discovery--articles .wpq-archive-card:nth-child(2) {
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-discovery--articles .wpq-archive-card:nth-child(3),
  .wpq-public-discovery--articles .wpq-archive-card:nth-child(4) {
    margin-top: 5px;
  }

  .wpq-public-discovery--articles .wpq-archive-card:nth-child(n + 2),
  .wpq-public-discovery--articles .wpq-archive-card:nth-child(n + 2) .wpq-archive-card__link {
    box-sizing: border-box;
    height: 70px;
    min-height: 70px;
  }

  /* The approved article rows are top-led media rows: a wider compact key art
   * block, then semantic journey/category pills, full title, a clamped summary,
   * and both update/reading metadata. Keep the measured outer row heights; the
   * earlier centered 96px thumbnail layout moved every inner anchor 10-16px to
   * the left and down even though the outer density matrix still passed. */
  .wpq-public-discovery--articles .wpq-archive-card__link {
    grid-template-columns: 107px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 0 var(--wpq-space-4-5) 0 0;
  }

  .wpq-public-discovery--articles .wpq-archive-card__thumb.article-thumb {
    align-self: start;
    width: 107px;
    height: 53px;
    aspect-ratio: auto;
  }

  .wpq-public-discovery--articles .wpq-archive-card__body {
    align-content: start;
    padding: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-card__eyeline {
    flex-wrap: nowrap;
    gap: 5px;
    height: 13px;
    margin: 0 0 var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--articles :is(.wpq-archive-card__type, .wpq-archive-card__topic) {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    height: 13px;
    padding: 0 var(--wpq-space-1);
    border: 1px solid;
    border-radius: 3px;
    white-space: nowrap;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic::before {
    content: none;
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--learning {
    color: var(--wpq-color-green-text);
    border-color: #bde9c7;
    background: #effaf1;
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--problem {
    color: #c44500;
    border-color: #ffc7a8;
    background: #fff5ef;
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--builder {
    color: var(--wpq-color-blue);
    border-color: #c9dcfb;
    background: var(--wpq-color-blue-subtle);
  }

  .wpq-public-discovery--articles .wpq-archive-card__type--server {
    color: #8617d7;
    border-color: #e2c3f8;
    background: #faf2ff;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic {
    color: var(--wpq-color-blue);
    border-color: #c9dcfb;
    background: var(--wpq-color-blue-subtle);
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--green {
    color: var(--wpq-color-green-text);
    border-color: #bde9c7;
    background: #effaf1;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--amber {
    color: #c44500;
    border-color: #ffc7a8;
    background: #fff5ef;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--violet {
    color: #6b36c8;
    border-color: #d8c8f7;
    background: #f7f3ff;
  }

  .wpq-public-discovery--articles .wpq-archive-card__topic--indigo {
    color: #3152b7;
    border-color: #c7d2f5;
    background: #f2f5ff;
  }

  .wpq-public-discovery--articles .wpq-archive-card__title {
    margin: 0 0 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__excerpt {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    letter-spacing: var(--wpq-tracking-default);
    -webkit-line-clamp: 2;
  }

  .wpq-public-discovery--articles :is(.wpq-archive-card__meta-row, .wpq-archive-card__meta) {
    gap: var(--wpq-space-0-5) var(--wpq-space-1-5);
    height: 9px;
    min-height: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__meta-row {
    margin-top: 7px;
  }

  .wpq-public-discovery--articles .wpq-archive-card__meta {
    margin-top: 0;
  }

  .wpq-public-discovery--articles .wpq-archive-card__reading {
    display: inline-flex;
    align-items: center;
    gap: var(--wpq-space-0-5);
    white-space: nowrap;
  }

  .wpq-public-discovery--articles .wpq-archive-card__reading svg {
    display: block;
    width: 7px;
    height: 7px;
  }

}

/* Task C optical header calibration: visible art follows each approved mobile revision;
   the interactive hit geometry remains at least 44px via the pseudo-elements above. */
@media (max-width: 767px) {
  .wpq-brand__name {
    font-weight: var(--wpq-weight-bold);
  }

  .wpq-brand__tagline,
  .wpq-mobile-search-link > span:last-child,
  .wpq-nav-toggle__label {
    font-weight: var(--wpq-weight-medium);
  }

  .wpq-mobile-search-link > span:last-child,
  .wpq-nav-toggle__label {
    font-size: var(--wpq-type-micro-floor);
    line-height: 8.25px;
  }

  .wpq-mobile-search-link svg {
    width: 22px;
    height: 22px;
  }

  body:has(:is(.wpq-public-hub--map, .wpq-public-hub--learning, .wpq-public-hub--troubleshooting, .wpq-privacy-v1, .wpq-sitemap-v1))
    .wpq-nav-shell--top {
    column-gap: 0;
  }

  body:has(.wpq-public-hub--map) .wpq-brand {
    gap: 3px;
    padding-left: 0;
  }

  body:has(.wpq-public-hub--map) .wpq-brand__name {
    font-size: var(--wpq-type-small-strong);
  }

  body:has(.wpq-public-hub--learning) .wpq-brand {
    gap: var(--wpq-space-1-5);
    padding-left: 0;
  }

  body:has(.wpq-public-hub--learning) .wpq-brand__name {
    font-size: var(--wpq-type-body);
  }

  body:has(.wpq-public-hub--learning) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-brand {
    gap: var(--wpq-space-2);
    padding-left: 0;
  }

  body:has(.wpq-glossary-search) .wpq-brand {
    padding-left: var(--wpq-space-0-5);
  }

  body:has(.wpq-glossary-search) .wpq-brand__name {
    font-size: var(--wpq-type-copy-strong);
  }

  body:has(.wpq-glossary-search) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
  }

  body:has(.wpq-privacy-v1) .wpq-brand {
    gap: var(--wpq-space-1);
    padding-left: 0;
  }

  body:has(.wpq-privacy-v1) .wpq-brand__name {
    font-size: var(--wpq-type-copy);
  }

  body:has(.wpq-sitemap-v1) .wpq-brand__name {
    font-size: var(--wpq-type-subsection);
  }

  body:has(.wpq-sitemap-v1) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-mobile-search-link svg {
    width: 18px;
    height: 18px;
  }

  body:has(.wpq-privacy-v1) .wpq-mobile-search-link svg {
    width: 16px;
    height: 16px;
  }

  body:has(.wpq-sitemap-v1) .wpq-mobile-search-link svg {
    width: 17px;
    height: 17px;
  }

  body:has(.wpq-privacy-v1)
    :is(.wpq-mobile-search-link > span:last-child, .wpq-nav-toggle__label) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 7.5px;
  }

  body:has(.wpq-sitemap-v1)
    :is(.wpq-mobile-search-link > span:last-child, .wpq-nav-toggle__label) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 8.75px;
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-nav-toggle__glyph,
  body:has(.wpq-sitemap-v1) .wpq-nav-toggle__glyph {
    width: 20px;
    height: 20px;
  }

  body:has(.wpq-privacy-v1) .wpq-nav-toggle__glyph {
    width: 15px;
    height: 15px;
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-nav-toggle__line,
  body:has(.wpq-sitemap-v1) .wpq-nav-toggle__line {
    left: 1px;
    width: 18px;
  }

  body:has(.wpq-privacy-v1) .wpq-nav-toggle__line {
    left: 1px;
    width: 13px;
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-nav-toggle__line--1,
  body:has(.wpq-sitemap-v1) .wpq-nav-toggle__line--1 {
    top: 4px;
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-nav-toggle__line--2,
  body:has(.wpq-sitemap-v1) .wpq-nav-toggle__line--2 {
    top: 9px;
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-nav-toggle__line--3,
  body:has(.wpq-sitemap-v1) .wpq-nav-toggle__line--3 {
    top: 14px;
  }

  body:has(.wpq-privacy-v1) .wpq-nav-toggle__line--1 {
    top: 2px;
  }

  body:has(.wpq-privacy-v1) .wpq-nav-toggle__line--2 {
    top: 6px;
  }

  body:has(.wpq-privacy-v1) .wpq-nav-toggle__line--3 {
    top: 10px;
  }

  body:has(.wpq-public-hub--map) .wpq-mobile-search-link > span {
    transform: translateX(1px);
  }

  body:has(.wpq-public-hub--learning) .wpq-mobile-search-link > span {
    transform: translateX(3.5px);
  }

  body:has(.wpq-public-hub--troubleshooting) .wpq-mobile-search-link > span {
    transform: translateX(10px);
  }

  body:has(.wpq-privacy-v1) .wpq-mobile-search-link > span {
    transform: translateX(2px);
  }

  body:has(.wpq-sitemap-v1) .wpq-mobile-search-link > span {
    transform: translateX(-1px);
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-cheatsheet-v1, .wpq-contact-v1))
    .wpq-nav-shell--top {
    column-gap: 0;
  }

  body:has(.wpq-public-discovery--articles) .wpq-brand {
    gap: var(--wpq-space-1-5);
    padding-left: 0;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-brand {
    gap: var(--wpq-space-2);
    padding-left: 0;
  }

  body:has(.wpq-public-discovery--search) .wpq-brand {
    gap: var(--wpq-space-0-5);
    padding-left: 0;
  }

  body:has(.wpq-contact-v1) .wpq-brand {
    gap: var(--wpq-space-1);
    padding-left: 0;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-cheatsheet-v1))
    .wpq-brand__logo--icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }

  body:has(.wpq-contact-v1) .wpq-brand__logo--icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  body:has(.wpq-public-discovery--articles) .wpq-brand__name {
    font-size: var(--wpq-type-meta);
    font-weight: var(--wpq-weight-bold);
    line-height: 12px;
  }

  body:has(.wpq-public-discovery--articles) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 7.5px;
  }

  body:has(.wpq-public-discovery--search) .wpq-brand__name {
    font-size: var(--wpq-type-label);
    font-weight: var(--wpq-weight-bold);
    line-height: 13px;
  }

  body:has(.wpq-public-discovery--search) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 7.5px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-brand__name {
    font-size: var(--wpq-type-small);
    font-weight: var(--wpq-weight-bold);
    line-height: 13px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 8px;
  }

  body:has(.wpq-contact-v1) .wpq-brand__name {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-bold);
    line-height: 12px;
  }

  body:has(.wpq-contact-v1) .wpq-brand__tagline {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 6.5px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search))
    :is(.wpq-mobile-search-link > span:last-child, .wpq-nav-toggle__label) {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 7.25px;
  }

  body:has(.wpq-cheatsheet-v1)
    :is(.wpq-mobile-search-link > span:last-child, .wpq-nav-toggle__label) {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 7.75px;
  }

  body:has(.wpq-contact-v1)
    :is(.wpq-mobile-search-link > span:last-child, .wpq-nav-toggle__label) {
    font-size: var(--wpq-type-micro-floor);
    font-weight: var(--wpq-weight-medium);
    line-height: 6px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search))
    .wpq-mobile-search-link svg {
    width: 16px;
    height: 16px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-mobile-search-link svg {
    width: 18px;
    height: 18px;
  }

  body:has(.wpq-contact-v1) .wpq-mobile-search-link svg {
    width: 12px;
    height: 12px;
  }

  body:has(.wpq-public-discovery--articles) .wpq-mobile-search-link > span {
    transform: translateX(3.5px);
  }

  body:has(.wpq-public-discovery--search) .wpq-mobile-search-link > span,
  body:has(.wpq-contact-v1) .wpq-mobile-search-link > span {
    transform: translateX(9.5px);
  }

  body:has(.wpq-cheatsheet-v1) .wpq-mobile-search-link > span {
    transform: translateX(4.5px);
  }

  body:has(.wpq-public-discovery--articles) .wpq-nav-toggle__glyph {
    width: 19px;
    height: 19px;
  }

  body:has(.wpq-public-discovery--search) .wpq-nav-toggle__glyph {
    width: 17px;
    height: 17px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-nav-toggle__glyph {
    width: 20px;
    height: 20px;
  }

  body:has(.wpq-contact-v1) .wpq-nav-toggle__glyph {
    width: 12px;
    height: 12px;
  }

  body:has(.wpq-public-discovery--articles) .wpq-nav-toggle__line {
    left: 1px;
    width: 17px;
  }

  body:has(.wpq-public-discovery--search) .wpq-nav-toggle__line {
    left: 1px;
    width: 15px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-nav-toggle__line {
    left: 1px;
    width: 18px;
  }

  body:has(.wpq-contact-v1) .wpq-nav-toggle__line {
    left: 1px;
    width: 10px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search)) .wpq-nav-toggle__line--1 {
    top: 3px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search)) .wpq-nav-toggle__line--2 {
    top: 8px;
  }

  body:has(:is(.wpq-public-discovery--articles, .wpq-public-discovery--search)) .wpq-nav-toggle__line--3 {
    top: 13px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-nav-toggle__line--1 {
    top: 4px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-nav-toggle__line--2 {
    top: 9px;
  }

  body:has(.wpq-cheatsheet-v1) .wpq-nav-toggle__line--3 {
    top: 14px;
  }

  body:has(.wpq-contact-v1) .wpq-nav-toggle__line--1 {
    top: 2px;
  }

  body:has(.wpq-contact-v1) .wpq-nav-toggle__line--2 {
    top: 5px;
  }

  body:has(.wpq-contact-v1) .wpq-nav-toggle__line--3 {
    top: 8px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a,
  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a:nth-child(odd) {
    border-right: 0;
  }

  .wpq-public-discovery--search .wpq-archive-filter-pill {
    position: relative;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--wpq-color-ink);
  }

  .wpq-public-discovery--search .wpq-archive-filter-pill.is-active,
  .wpq-public-discovery--search .wpq-archive-filter-pill[aria-current="page"] {
    border-bottom-color: var(--wpq-color-blue);
    background: transparent;
    color: var(--wpq-color-blue);
  }

  .wpq-public-discovery--search .wpq-archive-filter-pill::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 44px;
    height: 44px;
    content: "";
    transform: translate(-50%, -50%);
  }
}

/* Desktop wrap widths follow the approved page family, not a global cap.
   Contact and the trust forms keep the narrower 1280px shell; discovery,
   Hub, update, and sitemap layouts use their measured wider compositions. */
@media (min-width: 1400px) {
  .wpq-public-discovery {
    width: min(1430px, calc(100% - 36px));
    max-width: 1430px;
  }

  .wpq-public-hub {
    width: min(1450px, calc(100% - 36px));
    max-width: 1450px;
  }

  .wpq-popular-shell {
    max-width: 1322px;
  }

  .wpq-whats-new-shell {
    width: min(1408px, calc(100% - 36px));
    max-width: 1408px;
  }

  .wpq-sitemap-v1 {
    width: min(1430px, calc(100% - 36px));
    max-width: 1430px;
  }
}

/* Desktop header geometry is shared by the landscape approval set.  Keep the
   1024px transition untouched; the 1200px+ art uses the denser 68px / 52px
   rows measured from the individual approved captures. */
@media (min-width: 1200px) {
  .wpq-nav-shell--top {
    min-height: 68px;
  }

  .wpq-nav-shell--bottom,
  .wpq-nav-menu--desktop a {
    min-height: 52px;
  }

  /* Home already matched its approved H1 anchor with the former 20px taller
     header, so move that route's main content down by the same delta. */
  .home .wpq-site-main {
    padding-top: var(--wpq-space-8);
  }
}

/* Desktop page-top calibration.  The values below are normalized from each
   route's approved raster; they intentionally stop at the desktop breakpoint
   so the separately measured mobile density remains unchanged. */
@media (min-width: 1200px) {
  .wpq-public-discovery--articles {
    width: min(1434px, calc(100% - 36px));
    max-width: 1434px;
  }

  .wpq-public-discovery--categories {
    width: min(1416px, calc(100% - 36px));
    max-width: 1416px;
  }

  .wpq-public-discovery--category-detail {
    width: min(1447px, calc(100% - 36px));
    max-width: 1447px;
  }

  .wpq-public-discovery--tags {
    width: min(1407px, calc(100% - 36px));
    max-width: 1407px;
  }

  .wpq-public-discovery--tag-detail {
    width: min(1451px, calc(100% - 36px));
    max-width: 1451px;
  }

  .wpq-public-discovery--search {
    width: min(1438px, calc(100% - 36px));
    max-width: 1438px;
  }

  .wpq-public-hub {
    padding-right: 42px;
    padding-left: 0;
  }

  .wpq-public-hub--glossary {
    width: min(1478px, calc(100% - 28px));
    max-width: 1478px;
    padding-top: 63px;
    padding-right: 56px;
  }

  .wpq-public-hub--glossary .wpq-page-breadcrumb {
    margin-bottom: var(--wpq-space-4-5);
  }

  .wpq-public-hub--troubleshooting {
    padding-top: 51px;
  }

  .wpq-public-hub--troubleshooting .wpq-page-breadcrumb {
    margin-bottom: var(--wpq-space-2-5);
  }

  .wpq-public-discovery--articles > .wpq-page-breadcrumb {
    padding-top: var(--wpq-space-2);
    padding-bottom: var(--wpq-space-2-5);
  }

  .wpq-public-discovery--articles .wpq-archive-intro__copy > .wpq-public-hub__kicker {
    margin-bottom: 0;
    font-size: var(--wpq-type-copy);
    line-height: 18px;
  }

  .wpq-public-discovery--articles .wpq-archive-intro h1 {
    margin-top: var(--wpq-space-2);
    font-size: var(--wpq-type-page-desktop) !important;
    line-height: 1.2;
  }

  .wpq-public-discovery--articles > .wpq-archive-intro {
    gap: 5px;
  }

  .wpq-public-discovery--articles .wpq-archive-intro__copy > p:last-child {
    font-size: var(--wpq-type-copy-strong);
    line-height: 1.75;
  }

  .wpq-public-discovery--articles .wpq-search-query-form {
    margin-top: 0;
  }

  .wpq-public-discovery--search > .wpq-page-breadcrumb {
    padding-top: var(--wpq-space-2-5);
    padding-bottom: 7px;
  }

  .wpq-public-discovery--search .wpq-public-hub__kicker {
    margin-bottom: 1px;
  }

  .wpq-public-discovery--search .wpq-search-intro h1 {
    font-size: var(--wpq-type-page-desktop) !important;
    line-height: 1.2;
  }

  .wpq-public-discovery--search .wpq-search-summary {
    margin-block: 0;
    font-size: var(--wpq-type-copy);
    line-height: 24px;
  }

  .wpq-public-discovery--search .wpq-search-query-form {
    margin-top: 0;
  }

  .wpq-public-discovery--tags > .wpq-page-breadcrumb {
    padding-top: 15px;
    padding-bottom: var(--wpq-space-3);
  }

  .wpq-public-discovery--tags .wpq-public-hub__kicker {
    margin-bottom: 1px;
  }

  .wpq-public-discovery--tags .wpq-tag-intro h1 {
    font-size: var(--wpq-type-display) !important;
    line-height: 1.2;
  }

  .wpq-public-discovery--tags .wpq-tag-intro > p:not(.wpq-public-hub__kicker) {
    font-size: var(--wpq-type-body);
    line-height: 1.7;
  }

  .wpq-public-discovery--tags .wpq-search-query-form {
    margin-top: var(--wpq-space-1-5);
  }

  .wpq-public-discovery--tag-detail > .wpq-page-breadcrumb {
    padding-top: var(--wpq-space-2-5);
    padding-bottom: var(--wpq-space-2-5);
  }

  .wpq-public-discovery--tag-detail .wpq-public-hub__kicker {
    margin-bottom: var(--wpq-space-1-5);
  }

  .wpq-public-discovery--tag-detail .wpq-tag-detail-intro h1 {
    margin-top: 0;
    font-size: var(--wpq-type-display) !important;
    line-height: 1.2;
  }

  .wpq-public-discovery--categories > .wpq-page-breadcrumb {
    padding-top: 30px;
    padding-bottom: 3px;
  }

  .wpq-public-discovery--category-detail > .wpq-page-breadcrumb {
    padding-bottom: 7px;
  }

  .wpq-popular-shell > .wpq-page-breadcrumb {
    padding-top: var(--wpq-space-1);
    padding-bottom: 0;
  }

  .wpq-popular-hero__copy {
    gap: 3px;
  }

  .wpq-popular-hero__copy > .wpq-public-hub__kicker {
    display: none;
  }

  .wpq-popular-title-row h1 {
    font-size: var(--wpq-type-display) !important;
    line-height: 1.18;
  }

  .wpq-popular-hero__lead {
    font-size: var(--wpq-type-body);
    line-height: 1.55;
  }

  .wpq-popular-hero {
    margin-bottom: 0 !important;
  }

  .wpq-popular-board {
    gap: 0;
  }

  .wpq-popular-board__top {
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }

  .wpq-popular-board__range {
    line-height: 16px;
  }

  .wpq-popular-featured-heading {
    margin-top: var(--wpq-space-1);
  }

  .wpq-whats-new-shell > .wpq-page-breadcrumb {
    padding-top: 30px;
    padding-bottom: 1px;
  }

  .wpq-whats-new-hero {
    padding-bottom: 7px !important;
  }

  .wpq-whats-new-hero__copy {
    gap: var(--wpq-space-1);
  }

  .wpq-whats-new-hero__copy > .wpq-public-hub__kicker {
    margin-bottom: 0;
  }

  .wpq-whats-new-hero h1 {
    font-size: var(--wpq-type-display) !important;
    line-height: 1.18;
  }

  .wpq-whats-new-hero__lead {
    max-width: 850px;
    font-size: var(--wpq-type-control);
    line-height: 1.65;
  }

  .wpq-contact-v1 > .wpq-page-breadcrumb {
    padding-top: 28px;
    padding-bottom: var(--wpq-space-3-5);
  }

  .wpq-contact-v1__intro {
    margin-bottom: var(--wpq-space-2);
  }

  .wpq-official-reference-v1 > .wpq-page-breadcrumb {
    padding-top: 35px;
  }

  .wpq-cheatsheet-v1 > .wpq-page-breadcrumb {
    padding-top: 30px;
  }

  .wpq-cheatsheet-v1__layout {
    padding-top: var(--wpq-space-3-5);
  }

  .wpq-cheatsheet-v1__intro h1 {
    font-size: var(--wpq-type-display);
    line-height: 1.22;
  }

  .wpq-sitemap-v1 > .wpq-page-breadcrumb {
    padding-top: 51px;
  }

  .wpq-sitemap-v1__intro h1 {
    margin-top: -7px;
    font-size: var(--wpq-type-page-desktop);
    line-height: 1.22;
  }

  .wpq-404-shell > .wpq-page-breadcrumb {
    padding-top: 35px;
  }

  .wpq-404-main {
    padding-top: var(--wpq-space-1);
  }

  .wpq-public-discovery:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-public-discovery--tags)
    .wpq-search-query-form__field,
  .wpq-public-discovery:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-public-discovery--tags)
    .wpq-search-query-form__icon,
  .wpq-public-discovery:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-public-discovery--tags)
    .wpq-search-query-form input,
  .wpq-public-discovery:is(.wpq-public-discovery--articles, .wpq-public-discovery--search, .wpq-public-discovery--tags)
    .wpq-search-query-form button {
    height: 48px;
    min-height: 48px;
  }

  .wpq-public-hub--glossary .wpq-public-hub__intro {
    margin-bottom: var(--wpq-space-4-5);
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__intro > p:last-child {
    margin-top: 9px;
    font-size: var(--wpq-type-body);
    line-height: 1.7;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search {
    margin-top: 23px;
  }
}

/* Final Builder CTA calibration from the approved individual captures.
 * Desktop side cards keep the approved vertical composition and a materially
 * larger real brand asset. Mobile uses one horizontal banner contract: the
 * action spans beneath both the icon and copy, with breathing room above the
 * card border. These terminal selectors also prevent older route CSS from
 * restoring a smaller icon or a copy-column-only action. */
@media (min-width: 1200px) {
  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__brand {
    padding: var(--wpq-space-4-5) var(--wpq-space-4-5) var(--wpq-space-1);
  }

  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__brand img {
    width: 112px;
    height: 112px;
  }

  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__copy {
    padding: var(--wpq-space-1-5) var(--wpq-space-5) var(--wpq-space-4);
  }

  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__eyebrow {
    font-size: var(--wpq-type-small);
  }

  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__title {
    font-size: var(--wpq-type-heading);
    line-height: 1.42;
  }

  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__body {
    font-size: var(--wpq-type-copy);
    line-height: 1.6;
  }

  .wpq-site-main :is(
      .wpq-public-discovery__rail,
      .wpq-archive-side,
      .wpq-public-hub__rail,
      .wpq-cheatsheet-v1__rail,
      .wpq-popular-rail
    ) > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__action {
    min-height: 52px;
    margin: 0 var(--wpq-space-4-5) var(--wpq-space-4-5);
  }

  .wpq-cheatsheet-v1__intro > p:last-child {
    margin-top: var(--wpq-space-2);
  }

  .wpq-cheatsheet-v1__search {
    margin-top: var(--wpq-space-2);
  }
}

@media (max-width: 767px) {
  .wpq-site-main .wpq-public-builder-cta.wpq-public-builder-cta--side {
    grid-template-columns: 108px minmax(0, 1fr);
    grid-template-rows: 48px 24px;
    min-height: 74px;
    border-color: #8bb4f9;
    background: var(--wpq-color-surface-subtle);
  }

  .wpq-site-main .wpq-public-builder-cta--side .wpq-public-builder-cta__brand {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-content: end;
    padding: 0 var(--wpq-space-3) 0 var(--wpq-space-1);
  }

  .wpq-site-main .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__brand img {
    width: 60px;
    height: 60px;
  }

  .wpq-site-main .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    grid-column: 2;
    grid-row: 1;
    gap: 0;
    align-content: center;
    padding: var(--wpq-space-0-5) var(--wpq-space-2) 0;
    text-align: left;
  }

  .wpq-site-main .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    width: auto;
    max-width: none;
    min-height: 18px;
    height: 18px;
    margin: 1px 36px 5px;
    padding: 0 var(--wpq-space-1);
    border-radius: 3px;
    line-height: 1;
    text-align: center;
  }

  /* Privacy source OCR places the H1 glyph about 8px below the current one,
   * while the canonical three-line lead must remain longer than the one-line
   * generated mock. Move the H1 track—not the legal copy—then reclaim the same
   * space from the rail/content gaps so the TOC glyph, first section, and page
   * bottom stay aligned. The TOC retains its 44px accessible hit target. */
  .wpq-privacy-v1__intro h1 {
    position: relative;
    top: 0;
    left: -1px;
    margin-top: var(--wpq-space-2);
    font-size: var(--wpq-type-section);
    line-height: 20px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-privacy-v1__intro .wpq-public-hub__kicker {
    position: relative;
    top: 0.5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-privacy-v1__intro > p:not(.wpq-public-hub__kicker):not(.wpq-privacy-v1__modified) {
    margin-top: var(--wpq-space-3);
    font-size: var(--wpq-type-micro-floor);
    line-height: 8px;
  }

  .wpq-privacy-v1__intro > p.wpq-privacy-v1__modified {
    position: relative;
    top: -2px;
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-privacy-v1__toc-rail {
    margin-top: var(--wpq-space-1);
  }

  .wpq-privacy-v1__toc-toggle > span:first-child {
    position: relative;
    top: 1px;
  }

  .wpq-privacy-v1__content {
    margin-top: var(--wpq-space-0-5);
  }

  /* The utility-page breadcrumb wrapper was already reduced to the approved
   * 25px track, but theme.css kept 0.84rem on the nested breadcrumb and pinned
   * it to the track top. Calibrate the actual glyph row per approved raster;
   * use the shared Lucide chevron on mobile instead of the inherited slash. */
  :is(.wpq-cheatsheet-v1, .wpq-contact-v1, .wpq-privacy-v1, .wpq-sitemap-v1)
    > .wpq-page-breadcrumb
    .wpq-breadcrumb li::after {
    width: 6px;
    height: 8px;
    margin-left: var(--wpq-space-1);
    content: "";
    color: #7183a0;
    background: currentColor;
    mask: url("../images/icons/lucide/chevron-right.svg") center / contain no-repeat;
  }

  :is(.wpq-cheatsheet-v1, .wpq-contact-v1, .wpq-privacy-v1, .wpq-sitemap-v1)
    > .wpq-page-breadcrumb
    .wpq-breadcrumb li:last-child::after {
    content: none;
  }

  .wpq-contact-v1 > .wpq-page-breadcrumb .wpq-breadcrumb {
    position: relative;
    left: -1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-cheatsheet-v1 > .wpq-page-breadcrumb .wpq-breadcrumb {
    position: relative;
    top: 8px;
    left: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-privacy-v1 > .wpq-page-breadcrumb .wpq-breadcrumb {
    position: relative;
    top: 14px;
    left: -2px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-sitemap-v1 > .wpq-page-breadcrumb .wpq-breadcrumb {
    position: relative;
    top: 15px;
    left: -2px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  /* Keep the approved compact visual rhythm without shrinking the real
   * interactive boxes below axe's 24px target-size floor. The former terminal
   * override enlarged the grid tracks themselves to 24px and overrode the
   * measured 41px / 16px route rules above. Keep the layout tracks at the
   * approved dimensions and move non-overlapping 24px hit boxes around the
   * visible labels instead. */
  .wpq-trouble-result-filters {
    grid-auto-rows: 16px;
    overflow: visible;
  }

  .wpq-trouble-result-filters a {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 24px;
    min-height: 24px;
    margin: 0;
    align-items: flex-start;
  }

  .wpq-trouble-result-filters a:nth-child(-n + 5) {
    top: -14px;
    padding: 13px 1px 0;
  }

  .wpq-trouble-result-filters a:nth-child(n + 6) {
    top: -6px;
    padding: 5px 1px 0;
  }

  /* The approved raster uses a 41px visible row rhythm, while the numeric
   * mobile contract requires every classification link to expose a real,
   * non-overlapping 44px target.  Use the surrounding heading/nav breathing
   * room for the extra target height and keep the icon/label/divider pixels on
   * their approved positions. */
  .wpq-public-hub--troubleshooting .wpq-trouble-classifications > nav {
    margin-top: 11px;
  }

  .wpq-trouble-classifications a {
    position: relative;
    box-sizing: border-box;
    height: 44px;
    min-height: 44px;
    align-items: start;
    border-bottom: 0;
  }

  .wpq-trouble-classifications a strong {
    margin-top: var(--wpq-space-1);
  }

  .wpq-trouble-classifications a:nth-child(-n + 2) > :is(span, strong) {
    transform: translateY(3px);
  }

  .wpq-trouble-classifications a:nth-child(n + 5) > :is(span, strong) {
    transform: translateY(-3px);
  }

  .wpq-trouble-classifications a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #c6d2e2;
    content: "";
  }

  .wpq-trouble-classifications a:nth-child(n + 3):nth-child(-n + 4)::after {
    bottom: 3px;
  }

  .wpq-trouble-classifications a:nth-child(n + 5)::after {
    bottom: 6px;
  }

  .wpq-trouble-classifications a:is(.is-active, [aria-current="page"])::after {
    height: 3px;
    background: var(--wpq-color-orange);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications {
    height: 153px;
    overflow: visible;
  }

  /* The earlier 640px fallback gives the reading label grid-column: 2 with
   * higher specificity than the compact Task C row.  That occupied the copy
   * track and forced article titles into the 28px icon column.  Pin every map
   * child to its intended track so the terminal cascade cannot collapse the
   * copy into vertical text. */
  .wpq-public-hub--map .wpq-hub-article-list a {
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: var(--wpq-space-1-5);
    min-height: 48px;
    padding: var(--wpq-space-1) var(--wpq-space-5) var(--wpq-space-1) var(--wpq-space-1);
  }

  .wpq-public-hub--map .wpq-hub-article-list--compact a {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .wpq-public-hub--map .wpq-hub-article-list .wpq-hub-row__icon {
    grid-column: 1;
    grid-row: 1;
  }

  .wpq-public-hub--map .wpq-hub-article-list .wpq-hub-row__copy {
    grid-column: 2;
    grid-row: 1;
  }

  .wpq-public-hub--map .wpq-hub-article-list .wpq-hub-row__reading {
    grid-column: 3;
    grid-row: 1;
    margin-right: 0;
  }

  .wpq-public-hub--map .wpq-hub-article-list a {
    position: relative;
  }

  .wpq-public-hub--map .wpq-hub-article-list a::after {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    color: #47648d;
    background: currentColor;
    mask: url("../images/icons/lucide/arrow-right.svg") center / contain no-repeat;
    transform: translateY(-50%);
  }

  .wpq-brand {
    overflow: visible;
  }

  .wpq-public-discovery--search .wpq-search-filter-bar {
    height: 15px;
    min-height: 15px;
    grid-template-rows: 15px;
    overflow: visible;
  }

  .wpq-public-discovery--search .wpq-archive-filter-pills,
  .wpq-public-discovery--search .wpq-archive-sort {
    height: 15px;
    min-height: 0;
    grid-template-rows: 15px;
    align-items: center;
    overflow: visible;
  }

  .wpq-public-discovery--articles .wpq-archive-filter-pill,
  .wpq-public-discovery--articles .wpq-archive-sort__trigger,
  .wpq-public-discovery--search .wpq-archive-filter-pill,
  .wpq-public-discovery--search .wpq-archive-sort__trigger {
    height: 24px;
    min-height: 24px;
    align-self: center;
  }

  .wpq-public-discovery--articles .wpq-archive-sort__trigger::before,
  .wpq-public-discovery--search .wpq-archive-filter-pill::before {
    content: none;
  }

  body:has(.wpq-contact-v1)
    .wpq-contact-v1__rail-section:first-child
    a.wpq-contact-v1__rail-item,
  body:has(.wpq-contact-v1)
    .wpq-contact-v1__rail-section:last-child
    a.wpq-contact-v1__rail-item {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 24px;
    min-height: 24px;
    margin: 0;
  }

  body:has(.wpq-contact-v1)
    .wpq-contact-v1__rail-section:first-child
    .wpq-contact-v1__rail-list {
    grid-template-rows: none;
    grid-auto-rows: 18px;
  }

  body:has(.wpq-contact-v1)
    .wpq-contact-v1__rail-section:first-child
    a.wpq-contact-v1__rail-item:nth-child(1) {
    top: -7px;
  }

  body:has(.wpq-contact-v1)
    .wpq-contact-v1__rail-section:first-child
    a.wpq-contact-v1__rail-item:nth-child(2) {
    top: -1px;
  }

  body:has(.wpq-contact-v1)
    .wpq-contact-v1__rail-section:first-child
    a.wpq-contact-v1__rail-item:nth-child(3) {
    top: 5px;
  }

  /* Contact optical typography calibration. The approved raster was produced
   * with a wider small-size Japanese face than the self-hosted Noto Sans JP.
   * Keep the measured line boxes and fixed control geometry intact, while
   * matching the normalized glyph bounds. In particular the H1 target is
   * 72.22x12.24px and the Noto rendering below is 72x12px; the positive
   * letter-spacing is deliberately scoped to this six-glyph heading only. */
  .wpq-contact-v1__intro .wpq-public-hub__kicker {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-v1__intro h1 {
    position: relative;
    top: -1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-contact-v1__intro > p:last-child {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-v1__section-head h2,
  .wpq-contact-v1__rail-section > h2 {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-v1__section-head p {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-field__label-row label {
    position: relative;
    top: -1px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-field__badge {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger,
  .wpq-contact-field textarea,
  .wpq-contact-file-control {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-select__trigger {
    padding-inline: 5px;
  }

  .wpq-contact-field textarea {
    padding-inline: var(--wpq-space-1);
  }

  .wpq-contact-file-control::file-selector-button {
    padding-right: 3px;
    padding-left: 13px;
  }

  .wpq-contact-field__help,
  .wpq-contact-file-name,
  .wpq-contact-field__error {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-consent {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-submit,
  .wpq-contact-type-row h3,
  .wpq-contact-v1__rail-item strong {
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-contact-type-row p,
  .wpq-contact-v1__rail-item small {
    font-size: var(--wpq-type-micro-floor);
  }

  /* Glossary rows in the approved mobile raster are top-led: the term title
   * begins at the divider, the icon follows shortly below, and the badge sits
   * near the first summary line. Older centered-grid rules moved all three
   * 12-18px downward even though the outer row heights were correct. */
  .wpq-glossary-term-list a {
    align-items: start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .wpq-glossary-term-list .wpq-hub-row__copy {
    align-self: start;
  }

  .wpq-glossary-term-list .wpq-hub-row__copy strong {
    font-size: var(--wpq-type-label);
    line-height: 14px;
  }

  .wpq-glossary-term-list .wpq-hub-row__copy > span {
    padding-left: var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }

  .wpq-glossary-term-list .wpq-hub-row__icon {
    align-self: start;
    margin-top: 5px;
  }

  .wpq-glossary-term-list__badge {
    align-self: start;
    margin-top: 9px;
  }

  body:has(.wpq-contact-v1) .wpq-breadcrumb a {
    display: inline-flex;
    min-height: 24px;
    margin-block: 0;
    align-items: center;
  }

  /* These are text links inside a compact reference list, so keep them as
   * inline-level targets instead of full-width 10px flex targets. This retains
   * the approved 10px row rhythm and qualifies for the WCAG inline-target
   * exception without overlapping the neighboring links or the Builder CTA. */
  .wpq-cheatsheet-v1__official li {
    height: 10px;
    line-height: 10px;
  }

  .wpq-cheatsheet-v1__official a {
    display: inline-block;
    box-sizing: border-box;
    height: 10px;
    min-height: 10px;
    line-height: 10px;
    vertical-align: top;
  }

  /* Optical breadcrumb calibration for the three public-hub mobile targets.
   * Their 24px structural row already matches the density matrix, but the
   * inherited 13.44px breadcrumb text sat at the row top and rendered much
   * larger than the approved 8.5-10px glyphs. Preserve the row geometry and
   * move only the inner line; the route-specific offsets come from normalized
   * source OCR. */
  :is(.wpq-public-hub--map, .wpq-public-hub--learning, .wpq-public-hub--glossary)
    .wpq-page-breadcrumb {
    box-sizing: border-box;
    height: 24px;
  }

  :is(.wpq-public-hub--map, .wpq-public-hub--learning, .wpq-public-hub--glossary)
    .wpq-breadcrumb {
    position: relative;
    left: -1px;
    line-height: 10px;
  }

  :is(.wpq-public-hub--map, .wpq-public-hub--learning, .wpq-public-hub--glossary)
    .wpq-breadcrumb ol {
    gap: 5px;
  }

  :is(.wpq-public-hub--map, .wpq-public-hub--learning, .wpq-public-hub--glossary)
    .wpq-breadcrumb li::after {
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 3px;
    content: "";
    background: currentColor;
    mask: url("../images/icons/lucide/chevron-right.svg") center / contain no-repeat;
  }

  :is(.wpq-public-hub--map, .wpq-public-hub--learning, .wpq-public-hub--glossary)
    .wpq-breadcrumb li:last-child::after {
    content: none;
  }

  .wpq-public-hub--map .wpq-breadcrumb {
    top: 12px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-hub--learning .wpq-breadcrumb {
    top: 15px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-hub--glossary .wpq-breadcrumb {
    top: 9px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-hub.wpq-public-hub--map .wpq-public-hub__intro h1 {
    position: relative;
    top: 0;
    left: 0;
    height: 27.5px;
    line-height: 19.5px;
  }

  .wpq-public-hub.wpq-public-hub--learning .wpq-public-hub__intro h1 {
    position: relative;
    top: 0;
    left: 0;
    height: 27px;
    font-size: var(--wpq-type-page-mobile-wide);
    line-height: 19px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-public-hub.wpq-public-hub--glossary .wpq-public-hub__intro h1 {
    position: relative;
    top: 0;
    left: -2px;
    height: 22px;
    font-size: var(--wpq-type-heading);
    line-height: 21px;
  }
}

/* Terminal desktop CTA calibration for the article archive. This must follow
 * the shared Builder CTA layer: the approved side banner is 354x340px at
 * 1536px, with a 96px official mark and a real 16px gap before the next rail
 * panel. */
@media (min-width: 1200px) {
  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > :is(.wpq-public-builder-cta, .wpq-hub-rail-panel) {
    width: 354px;
    max-width: 354px;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__brand
    img {
    width: 96px;
    height: 96px;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__copy {
    gap: var(--wpq-space-2-5);
    padding-bottom: var(--wpq-space-1-5);
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__eyebrow {
    position: relative;
    top: -4px;
    font-size: var(--wpq-type-body);
    line-height: 22.3744px;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__title {
    position: relative;
    top: -6px;
    width: 215px;
    max-width: 215px;
    justify-self: center;
    font-size: var(--wpq-type-title);
    line-height: 27.264px;
    text-wrap: wrap;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-public-builder-cta--side
    :is(
      .wpq-public-builder-cta__title-lead,
      .wpq-public-builder-cta__title-tail,
      .wpq-public-builder-cta__body-lead,
      .wpq-public-builder-cta__body-tail
    ) {
    display: block;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-public-builder-cta--side
    .wpq-public-builder-cta__title-lead {
    position: relative;
    left: -4px;
    letter-spacing: var(--wpq-tracking-default);
    transform: scaleX(1.0105);
    transform-origin: left center;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-public-builder-cta--side
    .wpq-public-builder-cta__title-tail {
    position: relative;
    top: 2px;
    letter-spacing: var(--wpq-tracking-default);
    transform: scaleX(1.0116);
    transform-origin: left center;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__body {
    width: 286px;
    max-width: 286px;
    justify-self: start;
    margin-left: 15.25px;
    font-size: var(--wpq-type-subsection);
    line-height: 20.48px;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-public-builder-cta--side
  .wpq-public-builder-cta__body-lead {
    width: 112.36%;
    transform: scaleX(0.907);
    transform-origin: left center;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-public-builder-cta--side
    .wpq-public-builder-cta__body-tail {
    position: relative;
    top: 5px;
    width: 105.27%;
    transform: scaleX(0.926);
    transform-origin: left center;
  }

  .wpq-site-main
    .wpq-public-discovery--articles
    .wpq-archive-side
    > .wpq-public-builder-cta.wpq-public-builder-cta--side
    .wpq-public-builder-cta__action {
    position: relative;
    top: -7px;
    margin: var(--wpq-space-3-5) var(--wpq-space-4-5) var(--wpq-space-1);
    font-size: var(--wpq-type-subsection);
    line-height: 24.1408px;
    transform: scaleX(0.956);
  }
}

/* Terminal landscape header calibration. The approved 1536px header uses the
 * same 68px / 53px row edges as the implementation, but a 1434px inner shell,
 * a 40px brand mark, compact type, and a deliberately wide search action.
 * Reconstruct those measured slots here so the existing larger brand and
 * narrow search rules cannot win later in the cascade. */
@media (min-width: 1200px) {
  .wpq-nav-shell {
    width: min(1434px, calc(100% - 36px));
    max-width: 1434px;
  }

  .wpq-nav-shell--top {
    gap: var(--wpq-space-4);
  }

  .wpq-brand {
    gap: var(--wpq-space-3);
  }

  .wpq-brand__logo--icon {
    left: -1px;
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  .wpq-brand__copy {
    gap: var(--wpq-space-0-5);
  }

  .wpq-brand__name {
    font-size: var(--wpq-type-brand);
    line-height: 26.46px;
  }

  .wpq-brand__tagline {
    position: relative;
    top: 2px;
    font-size: var(--wpq-type-small);
    line-height: 17.15px;
  }

  .wpq-header-utility {
    gap: var(--wpq-space-4);
  }

  .wpq-header-utility a {
    position: relative;
    top: -1px;
    gap: var(--wpq-space-1-5);
    padding-inline: var(--wpq-space-2);
    font-size: var(--wpq-type-body);
    line-height: 18.9px;
  }

  .wpq-header-utility svg {
    width: 14px;
    height: 14px;
  }

  .wpq-builder-cta:not(.wpq-builder-cta--panel) {
    box-sizing: border-box;
    grid-template-columns: 20px auto;
    justify-content: center;
    width: 202px;
    min-width: 202px;
    height: 48px;
    min-height: 48px;
    gap: var(--wpq-space-2-5);
    padding: var(--wpq-space-2-5) var(--wpq-space-3-5);
  }

  .wpq-builder-cta:not(.wpq-builder-cta--panel)
    :is(.wpq-builder-cta__icon, .wpq-builder-cta__label) {
    position: relative;
    top: -2px;
  }

  .wpq-nav-shell--top > .wpq-nav-search-link {
    box-sizing: border-box;
    justify-content: flex-start;
    width: 158px;
    height: 48px;
    min-height: 48px;
    padding-inline: var(--wpq-space-3-5);
  }

  .wpq-nav-menu--desktop {
    position: relative;
    left: 10px;
    gap: 31px;
  }

  .wpq-nav-menu--desktop a {
    gap: 5px;
    font-size: var(--wpq-type-copy-strong);
    line-height: 13.44px;
  }

  .wpq-nav-menu--desktop .wpq-nav-menu__icon,
  .wpq-nav-menu--desktop .wpq-nav-menu__icon svg {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
}

/* Shared archive metadata safety. Several preserved A/B route rules sized
 * the reading wrapper but never the nested clock SVG. Its intrinsic size then
 * expanded Category and Tag mobile rows to 48-52px, even though the same
 * semantic metadata icon is 11px in the approved editorial rows. Keep the
 * physical asset size explicit at every viewport; route-specific layouts can
 * still position the wrapper independently. */
@media (min-width: 640px) and (max-width: 1023px) {
  /*
   * Tablet uses the persistent six-item navigation. A later shared header
   * rule made the mobile toggle visible again without making its panel part
   * of the tablet focus order, leaving two competing navigation controls.
   */
  .wpq-nav-toggle {
    display: none;
  }
}

.wpq-public-discovery .wpq-archive-card__reading {
  display: inline-flex;
  align-items: center;
  gap: var(--wpq-space-1);
}

.wpq-public-discovery .wpq-archive-card__reading svg {
  display: block;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}

/* The tag index's pagination affordance receives a raw curated SVG rather
 * than the shared .wpq-link-hint wrapper. Without a physical size the
 * intrinsic asset expands to the button's available width (about 122px at
 * 1536px), turning one compact "more" action into a tall square. */
.wpq-tag-grid__more-button > svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

/* Popular desktop: the approved top-three board is a 255px editorial strip,
 * not a stacked feature card. The preserved A/B rule changed only the first
 * card to one column; its 16:9 thumbnail then consumed 295px by itself and
 * pushed the filter/list anchors about 180px down the page. Restore the
 * measured 600/396 split, two 127.5px tracks, and a 242px first-card media
 * slot. The compact list keeps a real 44px content target while removing the
 * obsolete 92px minimum that halved the amount of visible information. */
@media (min-width: 1200px) {
  .wpq-popular-shell {
    grid-template-columns: 1010px 290px;
    column-gap: 44px;
  }

  .wpq-popular-featured-heading {
    box-sizing: border-box;
    height: 28px;
    margin: var(--wpq-space-1) 0 0;
    padding: 5px 0 3px var(--wpq-space-3-5);
    font-size: var(--wpq-type-subheading);
    line-height: 20px;
  }

  .wpq-popular-featured-grid {
    grid-template-columns: 600px minmax(0, 410px) !important;
    grid-template-rows: repeat(2, 127.5px);
    height: 255px;
  }

  .wpq-popular-featured-grid > .wpq-popular-card,
  .wpq-popular-featured-grid > .wpq-popular-card:first-child {
    height: 100%;
    min-height: 0;
  }

  .wpq-popular-featured-grid > .wpq-popular-card:first-child {
    grid-row: 1 / span 2;
  }

  .wpq-popular-featured-grid .wpq-popular-card__link,
  .wpq-popular-featured-grid
    .wpq-popular-card:first-child
    .wpq-popular-card__link {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:first-child
    .wpq-popular-card__link {
    grid-template-columns: 242px minmax(0, 1fr);
    gap: var(--wpq-space-4);
    align-items: center;
    padding: var(--wpq-space-4) !important;
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:first-child
    .wpq-popular-card__thumb {
    width: 242px;
    height: 207px;
    aspect-ratio: auto;
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:not(:first-child)
    .wpq-popular-card__link {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: var(--wpq-space-3-5);
    align-items: center;
    padding: var(--wpq-space-3) !important;
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:not(:first-child)
    .wpq-popular-card__thumb {
    width: 132px;
    height: 74.25px;
  }

  .wpq-popular-featured-grid .wpq-popular-card__body {
    min-width: 0;
    gap: var(--wpq-space-1-5);
  }

  .wpq-popular-card__link > .wpq-popular-card__eyebrow {
    display: inline-flex;
    min-height: 22px;
    padding-inline: 7px;
    border-radius: 3px;
    font-size: var(--wpq-type-meta);
    line-height: 14px;
    box-shadow: none;
  }

  .wpq-popular-card__link > .wpq-popular-card__eyebrow--green {
    background: #e8f8ed;
    color: var(--wpq-color-green-text);
  }

  .wpq-popular-card__link > .wpq-popular-card__eyebrow--violet {
    background: #f4eaff;
    color: #7116cc;
  }

  .wpq-popular-card__link > .wpq-popular-card__eyebrow--amber {
    background: #fff0e5;
    color: var(--wpq-color-orange);
  }

  .wpq-popular-card__link
    > :is(
      .wpq-popular-card__eyebrow--indigo,
      .wpq-popular-card__eyebrow--blue,
      .wpq-popular-card__eyebrow--sky
    ) {
    background: var(--wpq-color-blue-subtle);
    color: var(--wpq-color-blue);
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:first-child
    .wpq-popular-card__eyebrow {
    top: 16px;
    right: auto;
    left: 274px;
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:not(:first-child)
    .wpq-popular-card__eyebrow {
    top: 12px;
    right: auto;
    left: 12px;
  }

  .wpq-popular-featured-grid
    .wpq-popular-card:not(:first-child)
    .wpq-popular-card__body p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .wpq-popular-filter-heading {
    box-sizing: border-box;
    height: 32px;
    margin: var(--wpq-space-2-5) 0 0;
    padding: 5px 0 7px var(--wpq-space-3-5);
    line-height: 20px;
  }

  .wpq-popular-board__filters {
    display: block;
    width: 100%;
    margin: var(--wpq-space-1) 0 0 !important;
  }

  .wpq-popular-filter-chips {
    width: 100%;
  }

  .wpq-popular-list-heading {
    display: none;
  }

  .wpq-popular-compact-list .wpq-popular-card__link,
  .wpq-popular-compact-list
    .wpq-popular-card:first-child
    .wpq-popular-card__link,
  .wpq-popular-compact-list
    .wpq-popular-card:nth-child(n + 4)
    .wpq-popular-card__link {
    position: relative;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: var(--wpq-space-3-5);
    min-height: 56px;
    padding: var(--wpq-space-1) var(--wpq-space-2) !important;
  }

  .wpq-popular-compact-list .wpq-popular-card__eyebrow {
    top: 50%;
    right: 8px;
    left: auto;
    transform: translateY(-50%);
  }

  .wpq-popular-compact-list .wpq-popular-card__thumb {
    width: 120px;
    height: 48px;
    aspect-ratio: auto;
  }

  .wpq-popular-compact-list .wpq-popular-card__body {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--wpq-space-0-5);
  }

  .wpq-popular-compact-list .wpq-popular-card__body h2 {
    margin-bottom: 0 !important;
    line-height: 18px;
  }

  .wpq-popular-compact-list .wpq-popular-card__body p {
    line-height: 16px;
  }
}

/* Update-log desktop: the approved control row places the type tabs and
 * search field side by side, then starts a compact timeline immediately.
 * The earlier stacked search + tabs layout and two-line date/meta blocks
 * delayed the first entry from about y=518 to y=752. */
@media (min-width: 1200px) {
  .wpq-whats-new-summary {
    min-height: 82px;
    margin-top: -17px !important;
  }

  .wpq-whats-new-summary-card {
    min-height: 80px !important;
    padding: 17px var(--wpq-space-3-5) var(--wpq-space-2-5) !important;
  }

  .wpq-whats-new-summary__footnote {
    display: none;
  }

  .wpq-whats-new-main {
    grid-template-columns: 1050px 290px !important;
    gap: var(--wpq-space-9) !important;
    margin-top: -6px;
  }

  .wpq-whats-new-timeline-panel {
    grid-template-columns: minmax(0, 1fr) 450px;
    gap: 0 var(--wpq-space-4-5);
  }

  .wpq-whats-new-timeline-panel__top {
    grid-column: 1 / -1;
    min-height: 26px;
    margin: 0 !important;
  }

  .wpq-whats-new-section-lead {
    display: block;
  }

  .wpq-whats-new-section-lead h2 {
    line-height: 26px;
  }

  .wpq-whats-new-section-lead p {
    display: none;
  }

  .wpq-whats-new-search {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    height: 34px;
    margin: 3px 0 0 !important;
  }

  .wpq-whats-new-search input,
  .wpq-whats-new-search button {
    height: 34px;
    min-height: 34px;
  }

  .wpq-whats-new-search input {
    padding-inline: var(--wpq-space-3-5);
    border-radius: 3px 0 0 3px;
  }

  .wpq-whats-new-search button {
    border-radius: 0 3px 3px 0;
    box-shadow: none;
  }

  .wpq-whats-new-type-tabs {
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
    height: 45px;
    margin: 0;
    gap: var(--wpq-space-1);
  }

  .wpq-whats-new-type-tabs a {
    min-height: 44px;
    padding: var(--wpq-space-1-5) var(--wpq-space-3);
  }

  .wpq-whats-new-timeline {
    grid-column: 1 / -1;
    grid-row: 3;
    gap: 0;
    margin: 0 !important;
  }

  .wpq-whats-new-entry {
    grid-template-columns: 104px 28px minmax(0, 1fr);
    gap: var(--wpq-space-4);
    min-height: 64px;
  }

  .wpq-whats-new-entry__date {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--wpq-space-1);
    padding-top: var(--wpq-space-2);
    font-size: var(--wpq-type-small);
    line-height: 18px;
    white-space: nowrap;
  }

  .wpq-whats-new-entry__date span {
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-whats-new-entry__dot::before {
    bottom: 0;
  }

  .wpq-whats-new-entry__dot::after {
    top: 12px;
  }

  .wpq-whats-new-entry__card {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: var(--wpq-space-3);
    min-height: 64px !important;
    padding: 7px var(--wpq-space-2-5) !important;
  }

  .wpq-whats-new-entry__icon {
    width: 44px;
    height: 44px;
  }

  .wpq-whats-new-entry__icon svg {
    width: 24px;
    height: 24px;
  }

  .wpq-whats-new-entry__content {
    gap: 3px;
  }

  .wpq-whats-new-entry__meta {
    display: flex;
    align-items: center;
    gap: var(--wpq-space-2-5);
    min-width: 0;
  }

  .wpq-whats-new-entry__meta h2 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wpq-whats-new-entry__badge {
    min-height: 22px;
    padding-inline: var(--wpq-space-2);
    font-size: var(--wpq-type-label);
    white-space: nowrap;
  }

  .wpq-whats-new-entry__content p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 17px !important;
  }
}

/* Official-reference desktop: the preserved global 44px link minimum was
 * being applied twice inside every matrix row. Two 44px actions plus their
 * gap forced a 111px row even though the approved matrix uses 78px rows.
 * Keep mobile touch sizing untouched and restore the compact desktop action
 * line boxes, measured title/header offset, and immediate frequent section. */
@media (min-width: 1200px) {
  .wpq-official-reference-matrix > h2 {
    margin-bottom: var(--wpq-space-4-5);
    padding-top: 5px;
  }

  .wpq-official-reference-row__actions a {
    min-height: 21px;
  }

  .wpq-official-reference-row__intent {
    position: relative;
    top: -5px;
  }

  .wpq-official-reference-row__actions {
    position: relative;
    top: -2px;
  }

  .wpq-official-reference-matrix__status {
    display: none;
  }

  .wpq-official-reference-frequent {
    margin-top: var(--wpq-space-0-5);
  }
}

/* Terminal Troubleshooting desktop geometry. These selectors intentionally
 * sit after the shared desktop shell calibration: the generic Hub width and
 * right padding otherwise win later in the cascade and squeeze the measured
 * 1012 / 48 / 400px layout back to a 960px main column. */
@media (min-width: 1200px) {
  .wpq-public-hub.wpq-public-hub--troubleshooting {
    width: min(1460px, calc(100% - 76px));
    max-width: 1460px;
    padding-right: 0;
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__layout {
    grid-template-columns: minmax(0, 1012px) minmax(0, 400px);
    gap: var(--wpq-space-9);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-result-filters {
    min-height: 46px;
    height: 46px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-result-filters a {
    min-height: 45px;
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__intro > p:last-child {
    position: relative;
    top: -5px;
    max-width: 580px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search input {
    font-size: var(--wpq-type-subsection);
    line-height: 24px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a strong {
    font-size: var(--wpq-type-body);
    line-height: 18px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list a > span:last-child {
    grid-template-rows: 22px 37px;
    gap: 0;
    align-content: center;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list strong {
    overflow: hidden;
    font-size: var(--wpq-type-subsection);
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list small {
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-classifications a strong {
    position: relative;
    top: 2px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list {
    grid-template-columns: 485px 527px;
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list a {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: var(--wpq-space-5);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-symptom-list strong {
    position: relative;
    top: -2px;
    font-size: var(--wpq-type-subsection);
  }

  .wpq-public-hub--troubleshooting .wpq-public-hub__rail {
    position: relative;
    top: -18px;
  }

  .wpq-public-hub--troubleshooting .wpq-hub-rail-panel h2 {
    font-size: var(--wpq-type-section);
    line-height: 29px;
  }

  .wpq-public-hub--troubleshooting .wpq-hub-rail-steps {
    gap: 19px;
  }

  .wpq-public-hub--troubleshooting .wpq-hub-rail-steps li {
    grid-template-rows: 26px 21px;
    row-gap: var(--wpq-space-0-5);
  }

  .wpq-public-hub--troubleshooting .wpq-hub-rail-steps strong {
    font-size: var(--wpq-type-subsection);
    line-height: 26px;
  }

  .wpq-public-hub--troubleshooting .wpq-hub-rail-steps small {
    font-size: var(--wpq-type-copy-strong);
    line-height: 21px;
  }

  .wpq-public-hub--troubleshooting .wpq-hub-check-list {
    gap: 15.5px;
  }

  .wpq-public-hub--troubleshooting .wpq-hub-rail-link + .wpq-hub-rail-link {
    margin-top: -10px;
  }
}

/* Categories desktop: the approved directory uses a 992px main column, a
 * wider 354px rail, and source-measured row boundaries. The preserved 1088px
 * generic discovery main made the representative column too wide and allowed
 * inherited 31px line boxes to add roughly 20-30px to every row. */
@media (min-width: 1200px) {
  .wpq-public-discovery--categories .wpq-public-discovery__layout {
    grid-template-columns: minmax(0, 992px) minmax(0, 354px);
    gap: 70px;
  }

  .wpq-public-discovery--categories .wpq-category-featured {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: var(--wpq-space-2-5);
  }

  .wpq-public-discovery--categories .wpq-category-featured > h2 {
    margin-bottom: 0;
  }

  .wpq-public-discovery--categories .wpq-category-featured a {
    min-height: 52px;
    padding: var(--wpq-space-1) var(--wpq-space-2-5);
    align-items: start;
  }

  .wpq-public-discovery--categories .wpq-category-featured a > span:last-child {
    align-self: start;
    gap: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row {
    padding: 0 var(--wpq-space-3);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(1) {
    height: 125px;
    min-height: 125px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(2) {
    height: 119px;
    min-height: 119px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(3) {
    height: 97px;
    min-height: 97px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(4) {
    height: 106px;
    min-height: 106px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(5) {
    height: 95px;
    min-height: 95px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__summary {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: var(--wpq-space-8);
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy {
    gap: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy strong {
    font-size: var(--wpq-type-title);
    line-height: 27px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy small {
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy b {
    font-size: var(--wpq-type-subsection);
    line-height: 20px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__articles {
    gap: 3px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__articles > strong {
    font-size: var(--wpq-type-subsection);
    line-height: 20px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__articles a {
    min-height: 24px;
    align-items: center;
    font-size: var(--wpq-type-copy);
    line-height: 18px;
  }

  .wpq-public-discovery--categories .wpq-public-discovery__intro {
    margin-bottom: 0;
  }

  .wpq-public-discovery--categories .wpq-category-featured {
    padding-bottom: var(--wpq-space-1);
  }

  .wpq-public-discovery--categories .wpq-category-featured > h2 {
    position: relative;
    top: -2px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(1) .wpq-category-directory__summary {
    transform: translateY(-8px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(2) .wpq-category-directory__summary {
    transform: translateY(-9px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(3) .wpq-category-directory__summary {
    transform: translateY(-5px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(4) .wpq-category-directory__summary {
    transform: translateY(5px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(5) .wpq-category-directory__summary {
    transform: translateY(4px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(1) .wpq-category-directory__articles,
  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(2) .wpq-category-directory__articles {
    transform: translateY(-7px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(3) .wpq-category-directory__articles {
    transform: translateY(-10px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(4) .wpq-category-directory__articles {
    transform: translateY(-5px);
  }

  .wpq-public-discovery--categories .wpq-category-directory__row:nth-of-type(5) .wpq-category-directory__articles {
    transform: translateY(-3px);
  }

  .wpq-public-discovery--categories .wpq-category-next-links > a > * {
    transform: translateY(-7px);
  }

  .wpq-public-discovery--categories .wpq-public-discovery__rail {
    position: relative;
    top: -25px;
  }

  .wpq-public-discovery--categories .wpq-public-builder-cta--side .wpq-public-builder-cta__copy {
    padding-bottom: 30px;
  }

  .wpq-public-discovery--categories .wpq-public-builder-cta--side .wpq-public-builder-cta__action {
    margin-bottom: 35px;
  }

  .wpq-public-discovery--categories .wpq-public-discovery__rail > .wpq-hub-rail-panel {
    padding-left: var(--wpq-space-4-5);
  }
}

/* Contact file input: the approved control has a Japanese action label and
 * its format hint on the same line. Keep the real file input keyboard- and
 * screen-reader-accessible, while using one deterministic visual shell rather
 * than the browser/locale-dependent native "Choose File" rendering. */
.wpq-contact-file-shell {
  position: relative;
  min-width: 0;
}

.wpq-contact-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.wpq-contact-file-control {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}

.wpq-contact-file-control__button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--wpq-color-line-strong);
  color: var(--wpq-ink);
  font-weight: var(--wpq-weight-bold);
  white-space: nowrap;
}

.wpq-contact-file-input:focus-visible + .wpq-contact-file-control {
  border-color: #4f82ec;
  box-shadow: 0 0 0 3px rgba(45, 104, 224, 0.12);
  outline: 0;
}

.wpq-contact-file-input[aria-invalid="true"] + .wpq-contact-file-control {
  border-color: #d63b45;
  box-shadow: 0 0 0 3px rgba(214, 59, 69, 0.1);
}

.wpq-contact-file-control .wpq-contact-file-name:not(:empty) {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wpq-contact-file-control .wpq-contact-file-name:not(:empty) + * {
  display: none;
}

/* Contact desktop: source-measured form rows, sidebar rhythm, and page bottom.
 * Earlier preserved rules gave every pointer control the mobile 44px track,
 * adding 58px of cumulative drift by the submit button. The approved desktop
 * raster uses 32px visible controls with 38-40px row cadence; mobile retains
 * its separately measured compact contract below 768px. */
@media (min-width: 1200px) {
  .wpq-site-main:has(.wpq-contact-v1) {
    padding-bottom: var(--wpq-space-0-5);
  }

  .wpq-contact-v1 {
    padding-bottom: 0;
  }

  .wpq-contact-v1__layout {
    grid-template-columns: minmax(0, 844px) minmax(0, 403px);
    gap: 33px;
  }

  .wpq-contact-v1__section-head {
    gap: 13px;
    margin-bottom: var(--wpq-space-2-5);
  }

  .wpq-contact-v1__section-head h2 {
    position: relative;
    top: -2px;
  }

  .wpq-contact-v1__section-head p {
    font-size: var(--wpq-type-copy-strong);
  }

  .wpq-contact-field {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: var(--wpq-space-4);
    min-height: 0;
    overflow: visible;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(1) {
    height: 37.5px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(2) {
    height: 40.5px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(3) {
    height: 40px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(4) {
    height: 38px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(5) {
    height: 71px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(6) {
    height: 35.8px;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(7) {
    height: 39.2px;
  }

  .wpq-contact-field__label-row {
    min-height: 32px;
  }

  .wpq-contact-input,
  .wpq-contact-select,
  .wpq-contact-file-control {
    box-sizing: border-box;
    height: 32px;
    min-height: 32px;
  }

  .wpq-contact-input {
    grid-template-columns: minmax(0, 1fr);
  }

  .wpq-contact-input__icon {
    display: none;
  }

  .wpq-contact-input input,
  .wpq-contact-select__trigger {
    box-sizing: border-box;
    height: 30px;
    min-height: 30px;
    padding-block: var(--wpq-space-1);
    font-size: var(--wpq-type-small-strong);
    line-height: 20px;
  }

  .wpq-contact-input input {
    padding-inline: 11px;
  }

  .wpq-contact-select__trigger {
    padding-inline: var(--wpq-space-2-5);
  }

  .wpq-contact-select__hint {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
  }

  .wpq-contact-field textarea {
    box-sizing: border-box;
    height: 62px;
    min-height: 62px;
    padding: var(--wpq-space-1-5) var(--wpq-space-2-5);
    font-size: var(--wpq-type-small-strong);
    line-height: 23px;
  }

  .wpq-contact-file-control {
    gap: var(--wpq-space-3);
    padding-right: var(--wpq-space-2-5);
    color: #526887;
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-contact-file-control__button {
    align-self: stretch;
    min-width: 124px;
    padding-inline: var(--wpq-space-2-5);
    font-size: var(--wpq-type-small-strong);
    line-height: 18px;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control)::before {
    content: none;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) .wpq-contact-field__help,
  .wpq-contact-file-control .wpq-contact-file-name {
    position: static;
    display: block;
    min-width: 0;
    color: #526a91;
    font-size: var(--wpq-type-small);
    line-height: 18px;
    pointer-events: none;
  }

  .wpq-contact-consent {
    min-height: 32px;
    height: 32px;
    margin: var(--wpq-space-2) 0 0 209px;
  }

  .wpq-contact-consent label {
    position: relative;
    top: 1px;
    min-height: 32px;
  }

  .wpq-contact-consent__error {
    margin-left: 206px;
  }

  .wpq-contact-submit {
    width: 257px;
    height: 41px;
    min-height: 41px;
    margin: var(--wpq-space-2) 0 0 310px;
    border-radius: 4px;
    font-size: var(--wpq-type-body);
  }

  .wpq-contact-v1__types {
    margin-top: 13px;
  }

  .wpq-contact-type-row {
    box-sizing: border-box;
    min-height: 52px;
    height: 52px;
    padding: var(--wpq-space-1-5) var(--wpq-space-0-5);
  }

  .wpq-contact-v1__rail {
    position: relative;
    top: -5px;
  }

  .wpq-contact-v1__rail-list {
    gap: 23px;
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section {
    gap: var(--wpq-space-4-5);
  }

  .wpq-contact-v1__rail-section + .wpq-contact-v1__rail-section .wpq-contact-v1__rail-list {
    gap: 22px;
  }
}

/* Keep the route-specific approved mobile geometry after replacing the native
 * file input. The visible shell stays on the existing 18px track, while the
 * hidden input and label together expose the same keyboard interaction. */
@media (max-width: 767px) {
  .wpq-contact-input {
    grid-template-columns: minmax(0, 1fr);
  }

  .wpq-contact-input__icon {
    display: none;
  }

  .wpq-contact-input input {
    padding-inline: 5px;
  }

  .wpq-contact-file-control {
    gap: var(--wpq-space-1-5);
    padding: 0 var(--wpq-space-1);
    color: #526a91;
  }

  .wpq-contact-form > .wpq-contact-field:nth-of-type(7) .wpq-contact-file-control {
    display: flex;
    height: 18px;
    min-height: 18px;
  }

  .wpq-contact-file-control__button {
    align-self: stretch;
    min-width: 70px;
    margin-left: -4px;
    padding-inline: var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control)::before {
    content: none;
  }

  .wpq-contact-field__control:has(.wpq-contact-file-control) .wpq-contact-field__help,
  .wpq-contact-file-control .wpq-contact-file-name {
    position: static;
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #526a91;
    font-size: var(--wpq-type-micro-floor);
    line-height: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
  }
}

/* 2026-08-12 human-approved mobile design-system interpolation.
 *
 * Eleven routes do not have route-specific mobile approval rasters.  The
 * acceptance basis for those routes is therefore the measured rhythm shared
 * by the approved 390px pages: a 51px header, a 22-25px breadcrumb track,
 * 19-21px primary titles, 8-10.5px supporting copy, compact controls, and
 * section gaps that do not accumulate into a materially lower information
 * density.  Keep this block route-scoped: the eleven direct mobile targets
 * retain their source-measured rules above.  Existing A/B markup, semantic
 * colours, and real Lucide/Simple Icons assets remain authoritative. */
@media (max-width: 767px) {
  body:has(
      :is(
        .wpq-public-discovery--categories,
        .wpq-public-discovery--category-detail,
        .wpq-public-discovery--tags,
        .wpq-public-discovery--tag-detail,
        .wpq-popular-shell,
        .wpq-whats-new-shell,
        .wpq-official-reference-v1,
        .wpq-trust-v1,
        .wpq-404-shell
      )
    )
    .wpq-site-main {
    padding-top: 0;
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail,
      .wpq-popular-shell,
      .wpq-whats-new-shell,
      .wpq-official-reference-v1,
      .wpq-trust-v1,
      .wpq-404-shell
    )
    > .wpq-page-breadcrumb {
    box-sizing: border-box;
    height: 24px;
    min-height: 24px;
    padding: 5px 0 7px;
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail,
      .wpq-popular-shell,
      .wpq-whats-new-shell,
      .wpq-official-reference-v1,
      .wpq-trust-v1,
      .wpq-404-shell
    )
    > .wpq-page-breadcrumb
    .wpq-breadcrumb {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail,
      .wpq-popular-shell,
      .wpq-whats-new-shell,
      .wpq-official-reference-v1,
      .wpq-trust-v1,
      .wpq-404-shell
    )
    > .wpq-page-breadcrumb
    .wpq-breadcrumb
    li::after {
    width: 6px;
    height: 8px;
    margin-left: var(--wpq-space-1);
    content: "";
    color: #7183a0;
    background: currentColor;
    mask: url("../images/icons/lucide/chevron-right.svg") center / contain no-repeat;
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail,
      .wpq-popular-shell,
      .wpq-whats-new-shell,
      .wpq-official-reference-v1,
      .wpq-trust-v1,
      .wpq-404-shell
    )
    > .wpq-page-breadcrumb
    .wpq-breadcrumb
    li:last-child::after {
    content: none;
  }

  /* Category and Tag discovery pages inherit the same title/copy scale as
   * Articles and Search.  Their denser rows preserve every real entry rather
   * than hiding content to manufacture a shorter page. */
  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail
    ) {
    padding-right: var(--wpq-space-3-5);
    padding-bottom: var(--wpq-space-7);
    padding-left: var(--wpq-space-3-5);
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail
    )
    :is(
      .wpq-public-discovery__intro,
      .wpq-category-archive-intro,
      .wpq-tag-intro,
      .wpq-tag-detail-intro
    ) {
    margin-bottom: var(--wpq-space-1);
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail
    )
    .wpq-public-hub__kicker {
    margin-bottom: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    letter-spacing: var(--wpq-tracking-default);
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail
    )
    :is(
      .wpq-public-discovery__intro h1,
      .wpq-category-archive-intro h1,
      .wpq-tag-intro h1,
      .wpq-tag-detail-intro h1
    ) {
    margin: var(--wpq-space-0-5) 0 5px;
    font-size: var(--wpq-type-heading) !important;
    line-height: 26px;
    letter-spacing: var(--wpq-tracking-default);
  }

  :is(
      .wpq-public-discovery--categories,
      .wpq-public-discovery--category-detail,
      .wpq-public-discovery--tags,
      .wpq-public-discovery--tag-detail
    )
    :is(
      .wpq-public-discovery__intro > p:last-child,
      .wpq-category-archive-intro__copy > p,
      .wpq-tag-intro__copy > p,
      .wpq-tag-detail-intro > p
    ) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
  }

  .wpq-public-discovery--categories .wpq-category-featured {
    margin: var(--wpq-space-2-5) 0 var(--wpq-space-1-5);
    padding-bottom: var(--wpq-space-2);
  }

  .wpq-public-discovery--categories .wpq-category-featured > h2,
  :is(.wpq-public-discovery--tags, .wpq-public-discovery--tag-detail)
    :is(
      .wpq-tag-popular h2,
      .wpq-tag-directory h2,
      .wpq-tag-about h2,
      .wpq-tag-featured h2,
      .wpq-tag-more-articles h2,
      .wpq-tag-detail-related h2
    ) {
    margin-bottom: var(--wpq-space-1);
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-public-discovery--categories .wpq-category-featured a {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: var(--wpq-space-1-5);
    min-height: 48px;
    padding: var(--wpq-space-1) 7px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--categories .wpq-category-featured svg {
    width: 24px;
    height: 24px;
  }

  .wpq-public-discovery--categories .wpq-category-featured small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__row {
    gap: var(--wpq-space-1-5);
    min-height: 0;
    padding: var(--wpq-space-2) 0;
  }

  .wpq-public-discovery--categories .wpq-category-directory__summary {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    min-height: 48px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__icon {
    width: 42px;
    height: 42px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__icon svg {
    width: 24px;
    height: 24px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy {
    gap: 1px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy strong {
    font-size: var(--wpq-type-small);
    line-height: 17px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__copy b,
  .wpq-public-discovery--categories .wpq-category-directory__articles > strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__articles {
    gap: var(--wpq-space-0-5);
    padding-left: 52px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__articles a {
    grid-template-columns: 13px minmax(0, 1fr);
    gap: 5px;
    min-height: 24px;
    align-items: center;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--categories .wpq-category-directory__articles svg {
    width: 11px;
    height: 11px;
  }

  .wpq-public-discovery--categories .wpq-category-next-links > a {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    min-height: 52px;
    padding: 5px 7px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--categories .wpq-category-next-links svg {
    width: 22px;
    height: 22px;
  }

  .wpq-public-discovery--categories .wpq-category-next-links small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--category-detail .wpq-category-archive-intro {
    padding-bottom: var(--wpq-space-2);
  }

  .wpq-public-discovery--category-detail .wpq-category-archive-intro__count,
  .wpq-public-discovery--category-detail .wpq-category-archive-intro__all {
    margin-top: 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-public-discovery--category-detail .wpq-category-archive-intro__all {
    margin-left: var(--wpq-space-3);
  }

  .wpq-public-discovery--category-detail .wpq-category-archive-filter-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: var(--wpq-space-2);
    min-height: 0;
    margin-top: var(--wpq-space-2);
    padding-right: 0;
    padding-bottom: var(--wpq-space-1);
  }

  .wpq-public-discovery--category-detail .wpq-archive-filter-pills {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column: 1;
    grid-row: 1;
    gap: var(--wpq-space-1-5);
  }

  .wpq-public-discovery--category-detail .wpq-archive-filter-pill {
    position: relative;
    height: 32px;
    min-height: 32px;
    padding: var(--wpq-space-0-5) var(--wpq-space-1-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-discovery--category-detail .wpq-archive-sort {
    position: static;
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    width: 92px;
    height: 24px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--category-detail .wpq-archive-sort__trigger {
    width: 92px;
    height: 24px;
    min-height: 24px;
    padding-inline: var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--tags .wpq-tag-intro {
    padding-bottom: var(--wpq-space-0-5);
  }

  .wpq-public-discovery--tags .wpq-tag-intro > p:not(.wpq-public-hub__kicker) {
    margin: var(--wpq-space-1) 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
  }

  .wpq-public-discovery--tags .wpq-tag-intro__category-link {
    margin-top: var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--tags .wpq-search-query-form {
    height: 32px;
    min-height: 32px;
    margin-top: var(--wpq-space-1-5);
  }

  .wpq-public-discovery--tags
    :is(
      .wpq-search-query-form__field,
      .wpq-search-query-form__icon,
      .wpq-search-query-form input,
      .wpq-search-query-form button
    ) {
    height: 32px;
    min-height: 32px;
  }

  .wpq-public-discovery--tags .wpq-search-query-form__icon {
    width: 32px;
  }

  .wpq-public-discovery--tags .wpq-search-query-form__icon svg {
    width: 13px;
    height: 13px;
  }

  .wpq-public-discovery--tags .wpq-search-query-form input {
    padding-left: var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-discovery--tags .wpq-search-query-form button {
    min-width: 58px;
    padding-inline: var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-public-discovery--tags .wpq-tag-popular {
    margin-top: var(--wpq-space-2-5);
  }

  .wpq-public-discovery--tags .wpq-tag-popular__grid {
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-discovery--tags .wpq-tag-popular__grid > a {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 7px;
    min-height: 48px;
    padding: 5px 7px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--tags .wpq-tag-popular__grid svg {
    width: 22px;
    height: 22px;
  }

  .wpq-public-discovery--tags .wpq-tag-popular__grid small,
  .wpq-public-discovery--tags .wpq-tag-popular__grid b {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--tags .wpq-tag-directory {
    margin-top: var(--wpq-space-3-5);
  }

  .wpq-public-discovery--tags .wpq-tag-directory__head {
    gap: var(--wpq-space-2);
  }

  .wpq-public-discovery--tags .wpq-tag-directory__head > a,
  .wpq-public-discovery--tags .wpq-tag-group-filter strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--tags .wpq-tag-group-filter {
    gap: var(--wpq-space-1) var(--wpq-space-2);
    margin-top: 5px;
  }

  .wpq-public-discovery--tags .wpq-tag-group-filter a {
    min-width: 48px;
    min-height: 32px;
    flex-basis: 48px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-discovery--tags .wpq-tag-initial-index {
    flex-wrap: nowrap;
    min-height: 34px;
    margin-top: 3px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .wpq-public-discovery--tags .wpq-tag-initial-index::-webkit-scrollbar {
    display: none;
  }

  .wpq-public-discovery--tags .wpq-tag-initial-index a {
    min-width: 30px;
    min-height: 32px;
    flex: 0 0 30px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  /* The final kana bucket carries a descriptive label rather than a single
   * glyph. Keep the index as one horizontal track and give that real label
   * enough intrinsic width instead of shrinking or wrapping its text. */
  .wpq-public-discovery--tags .wpq-tag-initial-index a:last-child {
    min-width: 72px;
    flex-basis: 72px;
    white-space: nowrap;
  }

  .wpq-public-discovery--tags .wpq-tag-directory__list {
    margin-top: var(--wpq-space-1);
  }

  .wpq-public-discovery--tags .wpq-tag-directory__item {
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 1px var(--wpq-space-1-5);
    min-height: 58px;
    padding: 5px var(--wpq-space-1);
  }

  .wpq-public-discovery--tags .wpq-tag-directory__icon svg {
    width: 18px;
    height: 18px;
  }

  .wpq-public-discovery--tags .wpq-tag-directory__copy {
    gap: 1px;
  }

  .wpq-public-discovery--tags .wpq-tag-directory__copy .wpq-tag-index-item__title {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-public-discovery--tags .wpq-tag-directory__copy small,
  .wpq-public-discovery--tags .wpq-tag-directory__item > b,
  .wpq-public-discovery--tags .wpq-tag-directory__item > em {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-detail-intro {
    padding-bottom: var(--wpq-space-2);
  }

  .wpq-public-discovery--tag-detail .wpq-tag-about {
    padding-bottom: var(--wpq-space-3);
  }

  .wpq-public-discovery--tag-detail .wpq-tag-about p {
    margin-top: 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-section-head {
    padding-bottom: var(--wpq-space-1);
  }

  .wpq-public-discovery--tag-detail .wpq-tag-section-head p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-more-articles {
    margin-top: var(--wpq-space-3);
  }

  .wpq-public-discovery--tag-detail .wpq-tag-compact-list {
    margin-top: 3px;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-compact-list > a {
    grid-template-columns: 70px minmax(0, 1fr) auto;
    grid-template-areas:
      "topic title reading"
      "topic excerpt reading";
    gap: 1px var(--wpq-space-1-5);
    min-height: 54px;
    padding: 5px 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
    overflow: hidden;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-compact-list__topic {
    grid-area: topic;
    align-self: center;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-compact-list > a > strong {
    grid-area: title;
    overflow: hidden;
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-compact-list > a > small {
    grid-area: excerpt;
    min-width: 0;
    overflow: hidden;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-compact-list > a > span:last-child {
    grid-area: reading;
    align-self: center;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-public-discovery--tag-detail .wpq-tag-detail-related {
    margin-top: var(--wpq-space-3);
  }

  /* Popular and Update Log use the same compact editorial scale as Articles.
   * The ranking image remains a real thumbnail; only its measured slot and
   * surrounding row heights are reduced. */
  .wpq-popular-shell,
  .wpq-whats-new-shell {
    width: 100%;
    max-width: none;
    gap: 0;
    padding-right: var(--wpq-space-3-5);
    padding-left: var(--wpq-space-3-5);
  }

  :is(.wpq-popular-shell, .wpq-whats-new-shell) .wpq-public-hub__kicker {
    margin-bottom: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-popular-hero,
  .wpq-whats-new-hero {
    gap: 3px;
    margin: 0 !important;
    padding: 0 0 var(--wpq-space-1-5) !important;
  }

  .wpq-popular-hero__copy,
  .wpq-whats-new-hero__copy {
    gap: 3px;
  }

  .wpq-popular-title-row {
    flex-wrap: nowrap;
    gap: var(--wpq-space-2);
  }

  .wpq-popular-title-row h1,
  .wpq-whats-new-hero h1 {
    margin: 0 !important;
    font-size: var(--wpq-type-heading) !important;
    line-height: 27px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-popular-title-row > span {
    padding: var(--wpq-space-0-5) 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-popular-hero__lead,
  .wpq-whats-new-hero__lead {
    margin: 0 !important;
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
  }

  .wpq-popular-board {
    gap: 3px;
  }

  .wpq-popular-board__top {
    gap: var(--wpq-space-0-5);
    margin: 0;
    padding: 3px 0 var(--wpq-space-1) !important;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-popular-board__range {
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 12px;
  }

  .wpq-popular-featured-heading {
    box-sizing: border-box;
    min-height: 24px;
    margin: 3px 0 0;
    padding: 3px 0 3px 9px;
    border-left-width: 3px;
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-popular-card__link,
  .wpq-popular-card:first-child .wpq-popular-card__link,
  .wpq-popular-card:nth-child(n + 4) .wpq-popular-card__link,
  .wpq-popular-compact-list .wpq-popular-card__link,
  .wpq-popular-compact-list .wpq-popular-card:first-child .wpq-popular-card__link,
  .wpq-popular-compact-list .wpq-popular-card:nth-child(n + 4) .wpq-popular-card__link {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    min-height: 72px;
    padding: var(--wpq-space-1) 0 !important;
  }

  .wpq-popular-card__thumb,
  .wpq-popular-card:first-child .wpq-popular-card__thumb,
  .wpq-popular-compact-list .wpq-popular-card__thumb {
    width: 96px;
    height: 54px;
    aspect-ratio: auto;
  }

  .wpq-popular-card__body,
  .wpq-popular-compact-list .wpq-popular-card__body {
    gap: 1px;
  }

  .wpq-popular-card__body h2,
  .wpq-popular-card:first-child .wpq-popular-card__body h2,
  .wpq-popular-compact-list .wpq-popular-card__body h2 {
    margin-bottom: 1px !important;
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 14px;
  }

  .wpq-popular-card__body p,
  .wpq-popular-compact-list .wpq-popular-card__body p {
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 12px;
    -webkit-line-clamp: 2;
  }

  .wpq-popular-card__eyebrow {
    min-height: 16px;
    padding-inline: 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-popular-filter-heading {
    min-height: 24px;
    margin: var(--wpq-space-1-5) 0 var(--wpq-space-0-5);
    padding: 3px 0 3px 9px;
    border-left-width: 3px;
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-popular-board__filters {
    gap: var(--wpq-space-0-5);
    margin: var(--wpq-space-0-5) 0 0 !important;
  }

  .wpq-popular-filter-chip {
    grid-template-columns: 16px minmax(0, auto) auto;
    gap: 3px;
    min-height: 40px;
    padding: 3px !important;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-popular-filter-chip__icon svg {
    width: 14px;
    height: 14px;
  }

  .wpq-popular-list-heading {
    margin: 7px 0 3px;
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-popular-bottom-links > a {
    min-height: 52px;
    padding: 5px 7px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-whats-new-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 96px;
    margin: var(--wpq-space-0-5) 0 var(--wpq-space-1) !important;
  }

  .wpq-whats-new-summary-card,
  .wpq-whats-new-summary-card:last-child {
    grid-template-columns: 14px minmax(0, 1fr) !important;
    min-height: 48px !important;
    padding: 5px 3px !important;
  }

  .wpq-whats-new-summary-card__icon svg {
    width: 13px;
    height: 13px;
  }

  .wpq-whats-new-summary-card__label {
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 10px;
  }

  .wpq-whats-new-summary-card__count strong {
    font-size: var(--wpq-type-copy) !important;
    line-height: 16px;
  }

  .wpq-whats-new-summary-card__count,
  .wpq-whats-new-summary-meta,
  .wpq-whats-new-summary__footnote {
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-whats-new-summary__footnote {
    margin: 0 0 var(--wpq-space-1) !important;
  }

  .wpq-whats-new-main {
    gap: var(--wpq-space-3) !important;
    margin-top: var(--wpq-space-0-5);
  }

  .wpq-whats-new-timeline-panel {
    gap: 5px;
  }

  .wpq-whats-new-timeline-panel__top {
    margin: 0 !important;
  }

  .wpq-whats-new-section-lead h2 {
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-whats-new-section-lead p {
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-whats-new-search {
    height: 34px;
    margin: var(--wpq-space-0-5) 0 0 !important;
  }

  .wpq-whats-new-search input,
  .wpq-whats-new-search button {
    height: 34px;
    min-height: 34px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-whats-new-search button {
    min-width: 52px;
    padding-inline: var(--wpq-space-2);
  }

  .wpq-whats-new-type-tabs {
    gap: var(--wpq-space-0-5);
    margin: var(--wpq-space-0-5) 0 0;
  }

  .wpq-whats-new-type-tabs a {
    min-height: 32px;
    padding: var(--wpq-space-1) var(--wpq-space-2);
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-whats-new-timeline {
    gap: 0;
    margin-top: var(--wpq-space-0-5) !important;
  }

  .wpq-whats-new-entry {
    grid-template-columns: 48px 10px minmax(0, 1fr) !important;
    gap: var(--wpq-space-1);
    min-height: 76px;
  }

  .wpq-whats-new-entry__date,
  .wpq-whats-new-entry__date span {
    padding-top: 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 11px;
  }

  .wpq-whats-new-entry__card {
    grid-template-columns: 28px minmax(0, 1fr) 62px !important;
    grid-template-rows: minmax(58px, auto);
    gap: 7px;
    min-height: 68px !important;
    padding: 5px var(--wpq-space-1-5) !important;
  }

  .wpq-whats-new-entry__icon {
    width: 28px;
    height: 28px;
  }

  .wpq-whats-new-entry__icon svg {
    width: 16px;
    height: 16px;
  }

  .wpq-whats-new-entry__content {
    gap: 1px;
  }

  .wpq-whats-new-entry__meta h2 {
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 14px;
  }

  .wpq-whats-new-entry__badge {
    min-height: 16px;
    padding-inline: 5px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-whats-new-entry__content p,
  .wpq-whats-new-entry__link {
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 12px;
  }

  .wpq-whats-new-entry__content p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wpq-whats-new-entry__link {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    min-height: 32px;
    gap: var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor) !important;
    white-space: nowrap;
  }

  /* Official Reference uses the full no-sidebar mobile measure. */
  .wpq-official-reference-v1 {
    width: calc(100% - 28px);
    max-width: none;
    padding: 0 0 var(--wpq-space-7);
  }

  .wpq-official-reference-v1__layout,
  .wpq-official-reference-v1__main {
    gap: var(--wpq-space-3);
  }

  .wpq-official-reference-v1__intro {
    gap: 3px;
  }

  .wpq-official-reference-v1__intro .wpq-public-hub__kicker {
    margin-bottom: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-official-reference-v1__intro h1 {
    font-size: var(--wpq-type-heading);
    line-height: 27px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-official-reference-v1__intro > p:last-child {
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
  }

  .wpq-official-reference-filter__button {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 5px;
    min-height: 40px;
    padding: var(--wpq-space-1) var(--wpq-space-1-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-official-reference-filter__button svg {
    width: 16px;
    height: 16px;
  }

  .wpq-official-reference-matrix {
    margin-top: 0;
  }

  .wpq-official-reference-matrix > h2,
  .wpq-official-reference-frequent > h2 {
    margin-bottom: 5px;
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-official-reference-row {
    gap: 5px;
    min-height: 0;
    padding: var(--wpq-space-2) var(--wpq-space-0-5);
  }

  .wpq-official-reference-row__mobile-label {
    margin-bottom: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-official-reference-row__number {
    width: 20px;
    height: 20px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-official-reference-row__intent {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: var(--wpq-space-1-5);
  }

  .wpq-official-reference-row__intent strong,
  .wpq-official-reference-row__source a {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-official-reference-row__intent small,
  .wpq-official-reference-row__summary {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-official-reference-row__actions {
    gap: var(--wpq-space-1) var(--wpq-space-3);
  }

  .wpq-official-reference-row__actions a {
    min-height: 32px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-official-reference-frequent {
    margin-top: var(--wpq-space-2);
  }

  .wpq-official-reference-frequent article {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: var(--wpq-space-0-5) 7px;
    padding: var(--wpq-space-1-5) var(--wpq-space-0-5);
  }

  .wpq-official-reference-frequent article :is(strong, a) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-official-reference-frequent article p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  /* About, Operator, and Editorial Policy share one Trust family rhythm. */
  .wpq-trust-v1 {
    padding-bottom: var(--wpq-space-7);
  }

  .wpq-trust-v1__layout {
    gap: var(--wpq-space-4-5);
  }

  .wpq-trust-v1__main {
    gap: var(--wpq-space-4-5);
  }

  .wpq-trust-v1__intro {
    gap: 3px;
    padding-top: 0;
  }

  .wpq-trust-v1__intro .wpq-public-hub__kicker {
    margin-bottom: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-trust-v1__intro h1 {
    font-size: var(--wpq-type-heading);
    line-height: 27px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-trust-v1__intro > p:not(.wpq-public-hub__kicker) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 16px;
  }

  .wpq-editorial-v1__updated {
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor) !important;
    line-height: 11px !important;
  }

  .wpq-trust-v1__section {
    gap: var(--wpq-space-2);
  }

  .wpq-trust-v1__section > h2 {
    min-height: 20px;
    padding-left: var(--wpq-space-3);
    font-size: var(--wpq-type-copy);
    line-height: 20px;
  }

  .wpq-trust-v1__section > h2::before {
    width: 3px;
  }

  .wpq-trust-v1__section > p,
  .wpq-trust-v1__prose p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 17px;
  }

  .wpq-about-v1__topics a {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 1px 7px;
    min-height: 48px;
    padding: 5px var(--wpq-space-0-5);
  }

  .wpq-about-v1__topics a svg {
    width: 20px;
    height: 20px;
  }

  .wpq-about-v1__topics a strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-about-v1__topics small {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-about-v1__process {
    gap: var(--wpq-space-2-5);
  }

  .wpq-about-v1__process li {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 1px var(--wpq-space-2);
    min-height: 50px;
  }

  .wpq-about-v1__step-number {
    width: 26px;
    height: 26px;
    font-size: var(--wpq-type-micro-floor);
  }

  .wpq-about-v1 .wpq-about-v1__process li:not(:last-child)::after,
  .wpq-operator-v1 .wpq-about-v1__process li:not(:last-child)::after {
    top: 26px;
    bottom: -10px;
    left: 12px;
  }

  .wpq-about-v1__process strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-about-v1__process p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 15px;
  }

  .wpq-about-v1__operation-links a {
    min-height: 52px;
    padding: 5px 3px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-about-v1__audience li {
    min-height: 40px;
    padding: 5px var(--wpq-space-0-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-operator-v1__profile {
    gap: var(--wpq-space-3);
    padding-top: var(--wpq-space-1);
  }

  .wpq-operator-v1__identity {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: var(--wpq-space-2);
  }

  .wpq-operator-v1__identity img {
    width: 72px;
    height: 72px;
  }

  .wpq-operator-v1__identity h2 {
    font-size: var(--wpq-type-body);
    line-height: 20px;
  }

  .wpq-operator-v1__identity :is(p, small),
  .wpq-operator-v1__reason p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 15px;
  }

  .wpq-operator-v1__reason {
    padding-top: var(--wpq-space-2-5);
  }

  .wpq-operator-v1__reason h2 {
    margin-bottom: 3px;
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-operator-v1__standard {
    gap: var(--wpq-space-1);
    min-height: 100px;
    padding: 7px 9px;
  }

  .wpq-operator-v1__standard :is(strong, h3) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-operator-v1__standard p,
  .wpq-operator-v1__timeline li {
    font-size: var(--wpq-type-micro-floor);
    line-height: 15px;
  }

  .wpq-operator-v1__timeline li {
    min-height: 48px;
    padding-block: 5px;
  }

  .wpq-editorial-v1__principle {
    gap: var(--wpq-space-1);
    min-height: 96px;
    padding: var(--wpq-space-2) var(--wpq-space-2-5);
  }

  .wpq-editorial-v1__principle :is(h3, strong) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-editorial-v1__principle p {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-editorial-v1__workflow {
    gap: var(--wpq-space-2-5);
  }

  .wpq-editorial-v1__workflow li {
    gap: var(--wpq-space-1);
    min-height: 88px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-editorial-v1__standards article,
  .wpq-editorial-v1__maintenance article {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: var(--wpq-space-0-5) 7px;
    min-height: 52px;
    padding: 5px 7px;
  }

  .wpq-editorial-v1__standards article :is(h3, strong),
  .wpq-editorial-v1__maintenance article :is(h3, strong) {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-editorial-v1__standards p,
  .wpq-editorial-v1__maintenance p,
  .wpq-editorial-v1__list {
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-trust-v1__rail {
    gap: var(--wpq-space-3);
  }

  .wpq-trust-v1__rail > section {
    gap: var(--wpq-space-1-5);
  }

  .wpq-trust-v1__rail h2 {
    font-size: var(--wpq-type-meta);
    line-height: 16px;
  }

  /* 404 is also a no-sidebar utility page.  Its mobile search remains one
   * horizontal control, matching the compact Search/Glossary button ratio. */
  .wpq-404-shell {
    width: calc(100% - 28px);
    padding-bottom: 28px;
  }

  .wpq-404-main {
    margin-top: 0;
  }

  .wpq-404-hero {
    padding-bottom: var(--wpq-space-3);
    text-align: left;
  }

  .wpq-404-hero__code {
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-404-hero h1 {
    margin-top: var(--wpq-space-1);
    font-size: var(--wpq-type-heading);
    line-height: 27px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-404-hero > p:not(.wpq-404-hero__code) {
    max-width: none;
    margin-top: var(--wpq-space-1-5);
    font-size: var(--wpq-type-micro-floor);
    line-height: 17px;
  }

  .wpq-404-search-form {
    grid-template-columns: minmax(0, 1fr) 64px;
    gap: 0;
    min-height: 40px;
    margin-top: var(--wpq-space-2-5);
  }

  .wpq-404-search-form__field {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 40px;
    border-right: 0;
    border-radius: 4px 0 0 4px;
  }

  .wpq-404-search-form__field > span {
    width: 32px;
    height: 38px;
  }

  .wpq-404-search-form__field svg {
    width: 14px;
    height: 14px;
  }

  .wpq-404-search-form input {
    height: 38px;
    padding-right: 7px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-404-search-form button {
    min-width: 64px;
    min-height: 40px;
    padding: 0 var(--wpq-space-2);
    border-radius: 0 4px 4px 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
    text-align: center;
  }

  .wpq-404-hero__actions {
    gap: var(--wpq-space-2);
    margin-top: var(--wpq-space-2);
  }

  .wpq-404-hero__actions a,
  .wpq-404-hero__actions .wpq-404-hero__home {
    min-height: 40px;
    padding-inline: var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-404-section {
    gap: var(--wpq-space-2);
    margin-top: var(--wpq-space-3-5);
  }

  .wpq-404-section > h2 {
    font-size: var(--wpq-type-small);
    line-height: 18px;
  }

  .wpq-404-route {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: var(--wpq-space-2);
    min-height: 56px;
    padding: 5px var(--wpq-space-0-5);
  }

  .wpq-404-route__icon {
    width: 30px;
    height: 30px;
  }

  .wpq-404-route__icon svg {
    width: 26px;
    height: 26px;
  }

  .wpq-404-route strong {
    font-size: var(--wpq-type-micro-floor);
    line-height: 14px;
  }

  .wpq-404-route > span:last-child > span {
    margin-top: 1px;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-404-section--articles {
    margin-top: var(--wpq-space-3);
  }

  .wpq-404-article-list a {
    min-height: 36px;
    padding-block: var(--wpq-space-1);
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-404-article-list__rank {
    width: 18px;
    height: 18px;
    font-size: var(--wpq-type-micro-floor);
  }
}

@media (max-width: 359px) {
  /* At 320px the five category labels still use the same compact three-column
   * rhythm. The sort control occupies the otherwise empty sixth cell, which
   * preserves every label on one line without reducing the approved type. */
  .wpq-public-discovery--category-detail .wpq-category-archive-filter-bar {
    position: relative;
    display: block;
  }

  .wpq-public-discovery--category-detail .wpq-archive-filter-pills {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wpq-public-discovery--category-detail .wpq-archive-sort {
    position: absolute;
    right: 0;
    bottom: 4px;
    width: calc((100% - 12px) / 3);
  }

  .wpq-public-discovery--category-detail .wpq-archive-sort__trigger {
    width: 100%;
  }
}

/* Intermediate desktop widths must interpolate the approved 1536px
 * compositions instead of retaining their full-width fixed tracks.  The
 * fixed 1010/290 and 1050/290 arrangements are source-accurate at the wide
 * endpoint, but overflow a 1200-1399px viewport before the tablet layout
 * takes over. */
@media (min-width: 1024px) and (max-width: 1399px) {
  /* The approved wide desktop uses four feature columns. Once the 336px rail
   * is present, that track is too narrow below 1400px and the forced one-line
   * labels collide. Preserve the confirmed card geometry and semantic colors,
   * but interpolate the composition to a compact 2 x 2 grid. */
  .home .wpq-home-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wpq-space-2-5) var(--wpq-space-3-5);
  }

  .home .wpq-home-feature-card {
    min-width: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1535px) {
  /* The literal 1536px Troubleshooting target has an 838px form beside its
   * guide link. At narrower desktop widths the main track contracts while
   * that fixed row did not, so the button and guide crossed into the rail.
   * Keep both controls on one row, but let only the form track absorb the
   * intermediate-width reduction. */
  .wpq-public-hub--troubleshooting .wpq-trouble-search__row {
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: var(--wpq-space-4);
  }

  .wpq-public-hub--troubleshooting .wpq-trouble-search form {
    width: 100%;
    min-width: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .wpq-popular-shell {
    grid-template-columns: minmax(0, 1fr) 290px;
    column-gap: clamp(var(--wpq-space-6), 3vw, var(--wpq-space-8));
  }

  .wpq-popular-featured-grid {
    grid-template-columns: minmax(0, 59.4fr) minmax(0, 40.6fr) !important;
  }

  .wpq-whats-new-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .wpq-whats-new-main {
    grid-template-columns: minmax(0, 1fr) 290px !important;
    gap: clamp(var(--wpq-space-6), 3vw, var(--wpq-space-8)) !important;
    min-width: 0;
  }
}

/* Official Reference reaches the exact approved 1028/376/68 split at
 * 1536px. Between 1400px and that endpoint, interpolate the rail and gap so
 * the 976px parameter matrix remains fully visible without clipping or a
 * horizontal page scroll. */
@media (min-width: 1400px) and (max-width: 1535px) {
  .wpq-official-reference-v1__layout {
    grid-template-columns:
      minmax(0, 1fr)
      clamp(320px, calc(41.1765vw - 256.471px), 376px);
    gap: clamp(var(--wpq-space-8), calc(20.5882vw - 248.235px), 68px);
  }

  .wpq-official-reference-v1__rail {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }

  .wpq-official-reference-v1__main {
    grid-template-columns: minmax(0, 1fr);
  }

  .wpq-official-reference-v1__rail > * {
    min-width: 0;
  }

  .wpq-official-reference-v1__rail > .wpq-public-builder-cta--side {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1400px) and (max-width: 1439px) {
  .wpq-whats-new-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .wpq-whats-new-main {
    grid-template-columns: minmax(0, 1fr) 290px !important;
    gap: var(--wpq-space-8) !important;
    min-width: 0;
  }
}

@media (min-width: 1400px) {
  /* 1010 + 44 + 290 = the 1344px approved desktop composition. */
  .wpq-popular-shell {
    max-width: 1344px;
  }
}

/* Task C mobile footer separation contract.
 * The approved mobile family converges on roughly 38–46px from the final
 * visible content edge to the footer rule.  The terminal padding differs only
 * where a page's final component already owns bottom breathing room; the
 * resulting visible gap is shared.  Contact and Cheatsheet retain their direct
 * route-specific approved geometry. */
@media (max-width: 767px) {
  .home .wpq-site-main {
    padding-bottom: 19px;
  }

  /* Privacy has a direct 390px approval target and longer canonical legal
   * copy than that raster. A later generic Trust-family rule had enlarged the
   * route H1 to 20/27px, creating avoidable cumulative drift. Restore the
   * route-specific 16/20px heading and reclaim one pixel at each legal-section
   * boundary; the copy and 44px TOC hit target remain unchanged. */
  .wpq-trust-v1.wpq-privacy-v1 .wpq-privacy-v1__intro h1 {
    font-size: var(--wpq-type-control);
    line-height: 20px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-privacy-v1__content > h2 {
    margin-top: 9px;
  }

  .wpq-site-main:has(
      :is(
        .wpq-popular-shell,
        .wpq-whats-new-shell,
        .wpq-official-reference-v1,
        .wpq-trust-v1,
        .wpq-404-shell
      )
    ) {
    padding-bottom: 0;
  }

  .wpq-popular-shell {
    padding-bottom: 27px;
  }

  .wpq-whats-new-shell {
    padding-bottom: 19px;
  }

  .wpq-404-shell {
    padding-bottom: 26px;
  }

  :is(.wpq-operator-v1, .wpq-editorial-v1) {
    padding-bottom: 13px;
  }
}

/* Task C required-state density.
 * Empty results are a short recovery message, not a second hero. Keep the
 * same compact hierarchy across Search, Glossary, and Troubleshooting while
 * preserving a 44px target for the recovery action. Search-only hint content
 * follows the approved three-column mobile rail instead of inheriting a
 * desktop-size body inside one narrow grid track. */
@media (max-width: 767px) {
  .wpq-empty-state {
    padding: var(--wpq-space-3);
  }

  .wpq-empty-state > :is(h2, h3) {
    margin: 0 0 var(--wpq-space-1-5);
    font-size: var(--wpq-type-body);
    line-height: 18px;
    letter-spacing: var(--wpq-tracking-default);
  }

  .wpq-empty-state > p {
    margin: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 13px;
  }

  .wpq-empty-state > a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-top: 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 12px;
  }

  .wpq-public-discovery--search .wpq-search-hint-list {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wpq-space-1);
    min-width: 0;
  }

  .wpq-public-discovery--search .wpq-search-hint-item {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: var(--wpq-space-0-5);
    min-width: 0;
    align-items: start;
  }

  .wpq-public-discovery--search .wpq-search-hint-item__icon,
  .wpq-public-discovery--search .wpq-search-hint-item__icon svg {
    width: 12px;
    height: 12px;
  }

  .wpq-public-discovery--search .wpq-search-hint-item__body {
    min-width: 0;
  }

  .wpq-public-discovery--search .wpq-search-hint-item__body b {
    display: block;
    font-size: var(--wpq-type-micro-floor);
    line-height: 10px;
  }

  .wpq-public-discovery--search .wpq-search-hint-item__body p {
    margin: 1px 0 0;
    font-size: var(--wpq-type-micro-floor);
    line-height: 9px;
  }
}

/* Error text and error boundaries are one semantic state. The legacy contact
 * sheet mixed two reds and added a glow that is absent from the flat approved
 * component family. */
:is(
    .wpq-contact-input:has([aria-invalid="true"]),
    .wpq-contact-select.is-invalid,
    .wpq-contact-field textarea[aria-invalid="true"],
    .wpq-contact-file-control[aria-invalid="true"]
  ) {
  border-color: #b5232f;
  box-shadow: none;
}

/* Compact approved controls keep their visible height while exposing the
 * shared 44px pointer target through a transparent pseudo hit area. */
@media (max-width: 767px) {
  :is(
      .wpq-nav-panel a,
      .wpq-search-query-form button,
      .wpq-search-again button,
      .wpq-trouble-search button,
      .wpq-glossary-search button,
      .wpq-cheatsheet-v1__search button,
      #wpq-contact-category-trigger
    ) {
    position: relative;
  }

  :is(
      .wpq-nav-panel a,
      .wpq-search-query-form button,
      .wpq-search-again button,
      .wpq-trouble-search button,
      .wpq-glossary-search button,
      .wpq-cheatsheet-v1__search button,
      #wpq-contact-category-trigger
    )::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 44px;
    content: "";
    pointer-events: auto;
    transform: translateY(-50%);
  }

  :is(
      .wpq-public-discovery--tags .wpq-tag-group-filter a,
      .wpq-public-discovery--tags .wpq-tag-initial-index a,
      .wpq-public-discovery--tags button,
      .wpq-popular-filter-chip,
      .wpq-whats-new-type-tabs a,
      .wpq-whats-new-search button
    ) {
    position: relative;
  }

  :is(
      .wpq-public-discovery--tags .wpq-tag-group-filter a,
      .wpq-public-discovery--tags .wpq-tag-initial-index a,
      .wpq-public-discovery--tags button,
      .wpq-popular-filter-chip,
      .wpq-whats-new-type-tabs a,
      .wpq-whats-new-search button
    )::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 44px;
    content: "";
    pointer-events: auto;
    transform: translateY(-50%);
  }

  .wpq-public-discovery--tags .wpq-tag-group-filter,
  .wpq-whats-new-type-tabs {
    row-gap: var(--wpq-space-3);
  }

  .wpq-popular-filter-chips {
    row-gap: var(--wpq-space-1) !important;
  }
}