/* Keep supporting copy readable without relying on tiny type for hierarchy. */
.nav nav,
.marketing-page > .nav nav,
.marketing-page .nav .actions > a:not(.button){font-size:.875rem}

.eyebrow,
.tag,
.status,
.mono,
footer small,
.marketing-page > footer small{font-size:.875rem;line-height:1.5}

pre{font-size:.875rem}

.inspect-kicker,
.inspect-note,
.inspect-demo-label,
.inspect-small,
.inspect-finding .inspect-small,
.inspect-example-note,
.inspect-principles,
.inspect-card-top,
.inspect-card-status,
.inspect-check-footer,
.inspect-pill,
.inspect-roadmap,
.inspect-owasp-source{font-size:.875rem;line-height:1.5}

.inspect-console-bar{font-size:.875rem}
.inspect-trace p,
.inspect-finding p{font-size:.9375rem}
.inspect-trace span,
.inspect-response > div,
.inspect-response span,
.inspect-fix > div,
.inspect-check-card > div > span,
.inspect-check-card b{font-size:.875rem;line-height:1.5}

.inspect-access-note p,
.inspect-check-card > div p{font-size:1rem}
.inspect-owasp-status{font-size:.875rem}

@media(max-width:480px){
  .marketing-page > .nav nav,
  .marketing-page .nav .actions > a:not(.button),
  .inspect-kicker,
  .inspect-demo-label,
  .inspect-small,
  .inspect-card-top{font-size:.875rem}
}

.flash{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.flash-close{flex:0 0 auto;width:2rem;height:2rem;border:1px solid #625b78;border-radius:6px;background:#151421;color:#fff;font-size:1.25rem;line-height:1}
.flash-close:hover{border-color:#43e7ff;color:#43e7ff}