/* Marketing-only bridge for existing guides, docs, comparisons and legal pages.
   No shared dashboard stylesheet or application component is modified. */
body.mk {
  --bg: #102d70;
  --panel: #15367a;
  --line: #ffffff24;
  --muted: #adc2e7;
  --faint: #89a8d9;
  --blue: #729fff;
  --white: #f2f6ff;
  --accent: #b8ffdc;
  --body: #d2e1f8;
  --navy: #eef4ff;
  --navy-2: #173a75;
  background: #102d70;
  color: #f2f6ff;
  font-family: Inter, Arial, sans-serif;
}
body.mk h1,
body.mk h2,
body.mk h3,
body.mk h4 {
  color: #f2f6ff;
}
body.mk h1,
body.mk h2 {
  font-family: "PP Supply Sans", "PP Supply Sans Fallback", sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
body.mk .btn {
  border-radius: 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  min-height: 50px;
  height: auto;
  padding: 13px 23px;
  letter-spacing: 0;
  border: 1px solid #ffffff50;
  background: transparent;
  color: #f2f6ff;
  box-shadow: none;
}
body.mk .btn.primary,
body.mk .btn.white {
  background: #f2f6ff;
  color: #173976;
  border-color: #f2f6ff;
}
body.mk .btn.primary:hover,
body.mk .btn.white:hover {
  background: #dce8ff;
  color: #173976;
  filter: none;
}
body.mk .btn.outline,
body.mk .btn.ghost-light {
  color: #e3eeff;
  border-color: #8daee166;
}
body.mk .btn:hover {
  transform: none;
}
body.mk .hero .btn,
body.mk .cta .btn {
  font-size: 15px;
  min-height: 54px;
}
body.mk .nav-end .btn {
  font-size: 13px;
  min-height: 46px;
  padding: 12px 19px;
}
body.mk .price .btn {
  font-size: 14px;
  width: 100%;
  margin-top: auto;
}
body.mk .price {
  display: flex;
  flex-direction: column;
}
body.mk .price ul {
  flex: 1;
}
body.mk .price li {
  font-size: 12px;
  line-height: 1.65;
}
body.mk .price .tag {
  text-transform: uppercase;
}
body.mk .mk-hero {
  background: #123375;
  color: #f2f6ff;
  padding: 48px 0 60px;
  --cut: 0;
}
body.mk .mk-hero:before,
body.mk .mk-hero:after {
  display: none;
}
body.mk .mk-hero h1 {
  font-size: clamp(38px, 4.6vw, 58px);
  line-height: 1.02;
  padding: 0;
  max-width: 850px;
}
body.mk .mk-hero .lede {
  color: #b3cbed;
  font-size: 16px;
  line-height: 1.8;
  max-width: 650px;
}
body.mk .mk-eyebrow,
body.mk .mk-kicker {
  display: none;
}
body.mk .mk-docs {
  padding-top: 45px;
  padding-bottom: 70px;
}
body.mk .mk-docs h1 {
  line-height: 1.1;
}
body.mk .card {
  background: #14336f;
  border: 1px solid #83a9df44;
  border-radius: 0;
  box-shadow: none;
  color: #cadcf5;
}
body.mk .card h3 {
  color: #f2f6ff;
}
body.mk .mk-card-link:hover {
  background: #214887;
}
body.mk .mk-card-link p {
  color: #a9c4ea;
}
body.mk .mk-tinted,
body.mk .mk-band,
body.mk .mk-pricing {
  background: #173b7b;
  color: #dce7fa;
}
body.mk .mk-band p {
  color: #b4ccee;
}
body.mk .mk-footer {
  background: #183a78;
}
body.mk .prose {
  color: #c0d2ed;
  font-size: 15px;
  line-height: 1.85;
  max-width: 780px;
}
body.mk .prose h2 {
  font-size: 30px;
  line-height: 1.15;
  text-transform: none;
  padding: 0;
  margin: 38px 0 18px;
}
body.mk .prose h3 {
  font-size: 23px;
  text-transform: none;
  line-height: 1.2;
}
body.mk .prose p,
body.mk .prose li {
  color: #bfd1ed;
}
body.mk .prose a,
body.mk a.link,
body.mk .text-link {
  color: #d1e3ff;
}
body.mk .prose code {
  background: #0c2456;
  color: #d4e5ff;
  overflow-wrap: anywhere;
}
body.mk .prose pre,
body.mk pre {
  background: #0b2456;
  border: 1px solid #739bd64d;
  color: #bfd5f6;
  overflow: auto;
  max-width: 100%;
  border-radius: 0;
  padding: 20px;
  line-height: 1.8;
}
body.mk .prose table {
  display: block;
  max-width: 100%;
  overflow: auto;
}
body.mk .prose th,
body.mk .prose td {
  border-color: #ffffff24;
  background: transparent;
  color: #bfd1ed;
}
body.mk .mk-docs-nav {
  background: none;
}
body.mk .mk-docs-nav a {
  color: #acc5eb;
}
body.mk .mk-docs-nav a:hover,
body.mk .mk-docs-nav a[aria-current] {
  background: #214683;
  color: white;
}
body.mk .code {
  background: #0b2456;
  color: #d4e5ff;
  border: 1px solid #7ca3de55;
  border-radius: 0;
}
body.mk .code-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body.mk .code .btn {
  min-height: 36px;
  padding: 8px 14px;
  font-size: 12px;
}
body.mk .code-note {
  color: #a4bee6;
  font-size: 12px;
}
body.mk .key-ph {
  background: #31558d;
  color: #e1edff;
}
body.mk .endpoint {
  color: #d6e7ff;
  background: #183a78;
  border-color: #638ac0;
}
body.mk .mk-cta {
  background: #204784;
  color: white;
  padding: 65px 0;
}
body.mk .mk-cta:before,
body.mk .mk-cta:after {
  display: none;
}
body.mk .mk-cta p {
  color: #afc7ec;
}
body.mk .mk-faq details {
  background: none;
  border-color: #ffffff24;
  border-radius: 0;
}
body.mk .mk-faq summary {
  color: #e0ecff;
}
body.mk .mk-faq p {
  color: #b0c6e9;
}
body.mk .mk-grid-table,
body.mk .mk-compare-table {
  color: #c5d8f4;
  background: transparent;
}
body.mk .mk-grid-table th,
body.mk .mk-grid-table td,
body.mk .mk-compare-table th,
body.mk .mk-compare-table td {
  border-color: #ffffff24;
  background: transparent;
}
body.mk .breadcrumbs,
body.mk .breadcrumbs a {
  color: #9fbce7;
}
body.mk .marketing-skip:focus {
  position: fixed;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  clip: auto;
  z-index: 100;
  background: #f2f6ff;
  color: #14316a;
  padding: 12px;
}
@media (max-width: 680px) {
  body.mk .btn {
    font-size: 14px;
    min-height: 48px;
    padding: 12px 18px;
  }
  body.mk .hero .btn,
  body.mk .cta .btn {
    font-size: 14px;
  }
  body.mk .nav-end .btn {
    font-size: 12px;
    min-height: 44px;
    padding: 11px 13px;
  }
  body.mk .prose {
    font-size: 14px;
  }
  body.mk .mk-docs {
    display: block;
  }
  body.mk .mk-docs-nav {
    position: static;
    max-height: none;
    margin-bottom: 30px;
  }
}

body.mk .integration-tile img {
  filter: brightness(0) invert(1);
}
body.mk .signal .chart {
  min-height: 0;
  height: 78px;
}
body.mk .signal-tabs button {
  font-size: 13px;
  min-height: 48px;
}
body.mk .security-switch button {
  font-size: 13px;
  min-height: 46px;
}
body.mk {
  --text: #e5efff;
}
/* Legacy pages use .price for the dollar figure; the new design uses it for a card. */
body.mk article.price {
  font:
    400 14px/1.6 Inter,
    Arial,
    sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
body.mk article.price p,
body.mk article.price li {
  font-weight: 400;
  letter-spacing: normal;
}
body.mk article.price h3 {
  font-weight: 600;
  letter-spacing: -0.01em;
}
body.mk article.price small {
  font:
    400 12px/1.6 Inter,
    Arial,
    sans-serif;
  letter-spacing: normal;
}

/* Shared marketing mega navigation. */
body.mk header .wrap { position: relative; }
body.mk .mega-menu { position: static; }
body.mk .mega-menu summary { display: flex; align-items: center; gap: 8px; min-height: 44px; }
body.mk .mega-menu summary::-webkit-details-marker { display: none; }
body.mk .mega-menu summary::after { content: none; }
body.mk .nav-chevron { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .18s; }
body.mk .mega-menu[open] .nav-chevron { transform: rotate(180deg); }
body.mk .mega-menu > .mega-panel { position: absolute; top: 100%; left: 0; right: 0; width: auto; min-width: 0; padding: 24px 24px 0; background: #122f68; border: 1px solid #84a9df66; box-shadow: 0 24px 48px #071a414d; }
body.mk .mega-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 20px; }
body.mk .mega-link { display: flex; align-items: flex-start; gap: 16px; padding: 20px; color: #eff5ff; border: 1px solid transparent; transition: background .15s,border-color .15s; }
body.mk .mega-link:hover, body.mk .mega-link:focus-visible { background: #214780; border-color: #7da1d74d; }
body.mk .mega-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border: 1px solid #7398d166; color: #bcd6ff; font-size: 24px; line-height: 1; }
body.mk .mega-link strong { display: block; font: 500 18px/1.4 Inter,sans-serif; }
body.mk .mega-link small { display: block; margin-top: 6px; font: 400 14px/1.6 Inter,sans-serif; color: #b0c6e9; }
body.mk .mega-arrow { margin-left: auto; font-size: 18px; color: #a8c7fa; }
body.mk .mega-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 20px; padding: 20px; border-top: 1px solid #789bd149; font: 400 14px/1.5 Inter,sans-serif; color: #b0c6e9; }
body.mk .mega-bottom a { padding: 0; font-size: 14px; color: #eff5ff; }
body.mk .mega-bottom a:hover { background: none; text-decoration: underline; text-underline-offset: 4px; }
body.mk .mega-bottom > div { display: flex; gap: 24px; }
@media(max-width: 1000px) { body.mk .mega-link { padding: 14px; gap: 12px; } body.mk .mega-link strong { font-size: 16px; } body.mk .mega-bottom { padding: 16px 0; } }
body.mk nav.site-links { align-items: center; }
body.mk nav.site-links > a { display: flex; align-items: center; min-height: 44px; }

/* Legacy guide components inherit the blue marketing palette too. */
body.mk .mk-chip { background: #193c78; border-color: #779bd05c; color: #eff5ff; border-radius: 0; min-height: 48px; }
body.mk .mk-chip:hover { background: #28508a; border-color: #b4d0fa; color: #fff; }
body.mk .chip-logo { width: 24px; height: 24px; flex: none; object-fit: contain; }
body.mk img.chip-logo { filter: brightness(0) invert(1); }
body.mk .mk-compare { background: #153570; color: #d2e1f8; }
body.mk .mk-compare th, body.mk .mk-compare td { border-color: #ffffff24; }
body.mk .mk-compare thead th, body.mk .mk-compare tr.group td { background: #204581; color: #eef4ff; }
body.mk .mk-compare td.us { background: #1b407e; }
body.mk .mk-stage .shot, body.mk .mk-stage .float, body.mk .mk-app .kpi, body.mk .mk-app .panel { background: #163775; color: #d2e1f8; border-color: #779bd055; }
body.mk .mk-app .msg { background: #153570 !important; color: #d2e1f8; }
body.mk .mk-compare { max-width: 100%; }
body.mk .mk-compare-wrap { overflow-x: auto; }
body.mk .mk-steps p, body.mk .mk-steps li { overflow-wrap: anywhere; min-width: 0; }
body.mk .mk-docs > nav a:hover, body.mk .mk-docs > nav a.active { background: #244b87; color: #f2f6ff; }
body.mk .mk-sources a { color: #bed7ff; }

body.mk .legal-content { padding: 48px 0 88px; }
body.mk .legal-content .prose { width: 100%; max-width: 780px; margin-inline: auto; padding-inline: 24px; overflow-wrap: anywhere; }
body.mk .legal-content .prose > :first-child { margin-top: 0; }
body.mk .legal-content .prose > :last-child { margin-bottom: 0; }
@media(max-width: 680px) { body.mk .legal-content { padding: 32px 0 60px; } }
body.mk .prose p { margin-bottom: 18px; }
body.mk .prose .endpoint { margin: 4px 0; }
body.mk .collected-metrics > div:first-child { max-width: 720px; margin-bottom: 32px; }
body.mk .collected-metrics > .grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media(max-width: 900px) { body.mk .collected-metrics > .grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 600px) { body.mk .collected-metrics > .grid { grid-template-columns: minmax(0,1fr); } }
/* Preserve the detail in the raster Pushover mark instead of flattening its background. */
body.mk img[src$="pushover.ico"] { filter: grayscale(1); }
@media(max-width: 680px) {
  body.mk .plan-table { min-width: 0; width: 100%; table-layout: fixed; font-size: 12px; }
  body.mk .plan-table th, body.mk .plan-table td { padding: 14px 5px; overflow-wrap: anywhere; }
  body.mk .plan-table th:first-child, body.mk .plan-table td:first-child { width: 37%; }
}
@media(max-width: 680px) {
  body.mk .plan-table th, body.mk .plan-table td { font-size: 12px; }
  body.mk .plan-table thead th { white-space: nowrap; }
}

/* Mobile navigation takes over the viewport, with its own scroll area. */
.menu-close-label { display: none; }
@media(max-width:900px) {
  body.mk header .wrap { height: 76px; gap: 16px; }
  body.mk header .nav-end { display: none; }
  body.mk .mobile-menu { position: static; font-size: 16px; }
  body.mk .mobile-menu summary { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 0 8px 12px; position: relative; z-index: 2; }
  body.mk .mobile-menu summary::-webkit-details-marker { display: none; }
  body.mk .mobile-menu summary svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
  body.mk .mobile-menu[open] .menu-open-label { display: none; }
  body.mk .mobile-menu[open] .menu-close-label { display: inline; }
  body.mk .mobile-menu[open] .menu-line-one { d: path('M5 5 19 19'); }
  body.mk .mobile-menu[open] .menu-line-two { d: path('M5 19 19 5'); }
  body.mk .mobile-menu > .mobile-takeover { position: fixed; inset: 76px 0 0; top: 76px; height: calc(100dvh - 76px); width: 100%; min-width: 0; padding: 20px 24px max(24px,env(safe-area-inset-bottom)); border: 0; background: #102d70; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 28px; }
  body.mk .mobile-takeover nav { display: block; }
  body.mk .mobile-nav-group { display: grid; }
  body.mk .mobile-nav-group a { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid #bcd6ff29; font: 500 clamp(21px,5.5vw,30px)/1.3 'PP Supply Sans',sans-serif; }
  body.mk .mobile-takeover a span { color: #8baee5; font-size: 18px; }
  body.mk .mobile-nav-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 24px; padding-top: 24px; }
  body.mk .mobile-nav-secondary a { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; font-size: 16px; }
  body.mk .mobile-nav-secondary a span { display: none; }
  body.mk .mobile-account { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 24px; border-top: 1px solid #bcd6ff29; }
  body.mk .mobile-account > a { font-size: 16px; }
  body.mk .mobile-account .btn { padding: 16px 20px; min-height: 52px; }
  html:has(.mobile-menu[open]), body:has(.mobile-menu[open]) { overflow: hidden; }
  body.mk header:has(.mobile-menu[open]) { position: fixed; inset: 0 0 auto; z-index: 100; }
}
@media(max-width:900px) {
  body.mk .mobile-nav-secondary a { font-family: Inter,sans-serif; line-height: 1.5; }
  body.mk:has(.mobile-menu[open]) > div[style*="all:"] { display: none !important; }
}

/* Company page: a wider editorial layout, with monitoring at its centre. */
body.mk .about-hero { position: relative; padding: 100px 0 90px; overflow: hidden; }
body.mk .about-hero .sub-dither { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .65; pointer-events: none; }
body.mk .about-opening { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 8%; }
body.mk .about-opening h1 { font: 600 clamp(44px,5.5vw,76px)/.95 'PP Supply Sans',sans-serif; letter-spacing: -.01em; text-transform: uppercase; margin: 0 0 32px; }
body.mk .about-opening p { font-size: 18px; line-height: 1.8; max-width: 490px; color: #bfd0ec; }
body.mk .about-signal { border: 1px solid #9bbcf45c; background: #102b62d9; box-shadow: 16px 16px 0 #122e6655; padding: 24px; transform: rotate(-2deg); }
body.mk .about-signal-top { display: flex; gap: 12px; align-items: center; font: 14px/1.5 'IBM Plex Mono',monospace; }
body.mk .about-signal-top .mark { width: 26px; height: 26px; }
body.mk .about-healthy { margin-left: auto; color: #a5f5d6; }
body.mk .about-history { display: flex; align-items: flex-end; gap: 4px; height: 100px; margin: 22px 0; }
body.mk .about-history i { flex: 1; height: var(--bar); background: #a1e9d4; opacity: .85; }
body.mk .about-signal-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 14px; }
body.mk .about-signal-meta strong { font: 600 34px/1.2 'PP Supply Sans',sans-serif; }
body.mk .about-trace { width: 100%; margin: 20px 0; color: #a9c9ff; }
body.mk .about-signal-bottom { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #a1bbdf33; padding-top: 18px; font: 12px/1.5 'IBM Plex Mono',monospace; color: #b5cbe9; }
body.mk .about-signal-bottom i { display: inline-block; width: 6px; height: 6px; background: #a5f5d6; margin-right: 8px; }
body.mk .about-story, body.mk .about-contact { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10%; padding-block: 96px; }
body.mk .about-story h2, body.mk .about-contact h2, body.mk .about-principles h2 { font: 600 clamp(32px,3.5vw,48px)/1.08 'PP Supply Sans',sans-serif; letter-spacing: -.01em; margin: 0; }
body.mk .about-prose p, body.mk .about-contact p { font-size: 18px; line-height: 1.85; color: #bfd0ec; margin: 0 0 24px; }
body.mk .about-prose p:last-child { margin: 0; }
body.mk .about-principles { padding: 72px 0; background: #17376f; border-block: 1px solid #a1bbdf26; }
body.mk .about-principle-list { margin-top: 40px; }
body.mk .about-principle-list article { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10%; padding: 28px 0; border-top: 1px solid #a1bbdf40; }
body.mk .about-principle-list h3 { font: 500 25px/1.4 'PP Supply Sans',sans-serif; margin: 0; }
body.mk .about-principle-list p { font-size: 17px; line-height: 1.8; color: #bfd0ec; margin: 0; }
@media(max-width:900px) {
  body.mk .about-hero { padding: 64px 0; }
  body.mk .about-opening { gap: 40px; }
  body.mk .about-opening, body.mk .about-story, body.mk .about-contact { grid-template-columns: 1fr; }
  body.mk .about-opening p { max-width: 600px; }
  body.mk .about-signal { width: min(100%,520px); justify-self: center; transform: none; }
  body.mk .about-story, body.mk .about-contact { padding-block: 64px; gap: 32px; }
  body.mk .about-story h2 br { display: none; }
  body.mk .about-principle-list article { grid-template-columns: 1fr; gap: 14px; }
}
@media(max-width:480px) {
  body.mk .about-opening h1 { font-size: 42px; }
  body.mk .about-signal { padding: 18px; box-shadow: none; }
  body.mk .about-history { gap: 3px; height: 80px; }
  body.mk .about-signal-meta strong { font-size: 28px; }
}
body.mk code.mono { font-size: max(12px,.9em); }

/* Practical monitoring guides and decision pages. */
body.mk .learning-heading { position:relative; overflow:hidden; padding:64px 0; }
body.mk .learning-heading .sub-dither { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.45; }
body.mk .learning-heading .container { position:relative; }
body.mk .learning-heading a { font-size:15px; color:#bcd1ef; }
body.mk .learning-heading h1 { max-width:1000px; margin:28px 0; font:600 clamp(34px,4.5vw,60px)/1.05 'PP Supply Sans',sans-serif; text-transform:uppercase; }
body.mk .learning-heading p { font-size:20px; line-height:1.75; max-width:840px; color:#c5d6ef; }
body.mk .learning-body { max-width:960px; padding-block:48px 80px; }
body.mk .learning-byline { padding-bottom:32px; font-size:13px; line-height:1.6; color:#adc6eb; }
body.mk .learning-body .prose { max-width:none; }
body.mk .learning-body .prose h2 { margin-top:48px; }
body.mk .learning-body .prose p,body.mk .learning-body .prose li { font-size:17px; line-height:1.85; }
body.mk .learning-table { overflow-x:auto; margin:28px 0; }
body.mk .learning-table table { width:100%; border-collapse:collapse; min-width:540px; }
body.mk .learning-table th,body.mk .learning-table td { padding:18px 14px; border:1px solid #85a7d644; vertical-align:top; text-align:left; font-size:15px; line-height:1.7; }
body.mk .learning-table th { background:#234579; color:#eff5ff; }
body.mk .learning-next { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:40px; }
body.mk .learning-related { padding-block:64px; border-top:1px solid #85a7d644; }
body.mk .learning-related h2 { font:600 32px/1.2 'PP Supply Sans',sans-serif; margin-bottom:28px; }
body.mk .learning-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; }
body.mk .learning-links a { display:block; padding:24px 0; border-top:1px solid #85a7d644; }
body.mk .learning-links strong { display:block; font-size:18px; line-height:1.5; }
body.mk .learning-links span { display:block; color:#bcd1ef; margin-top:8px; font-size:15px; line-height:1.7; }
body.mk .uptime-calculator { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:32px; border:1px solid #85a7d666; background:#143369; margin-bottom:48px; }
body.mk .uptime-calculator label { display:block; margin-bottom:10px; font-size:16px; color:#eff5ff; }
body.mk .uptime-calculator input { background:#102b5d; border:1px solid #7699cb; color:#eff5ff; color-scheme:dark; width:100%; min-height:52px; padding:12px; font-size:18px; border-radius:0; }
body.mk .uptime-calculator .btn { justify-self:start; }
body.mk .budget-result { grid-column:1/-1; border-top:1px solid #85a7d644; padding-top:24px; }
body.mk .budget-result span { display:block; font-size:16px; }
body.mk .budget-result output { display:block; font:600 clamp(28px,5vw,44px)/1.3 'PP Supply Sans',sans-serif; margin:16px 0; color:#aff3d8; }
body.mk .budget-result p { font-size:14px; color:#bcd1ef; line-height:1.7; }
@media(max-width:680px) { body.mk .learning-heading{padding:44px 0} body.mk .learning-heading p{font-size:18px} body.mk .learning-links,body.mk .uptime-calculator {grid-template-columns:1fr} body.mk .uptime-calculator{padding:20px} }
body.mk .learning-comparisons { margin-bottom:28px; font-size:16px; line-height:1.8; color:#bfd1ef; }
body.mk .learning-comparisons a { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:680px) {
  body.mk .learning-table table { min-width:0; table-layout:fixed; }
  body.mk .learning-table th,body.mk .learning-table td { padding:12px 6px; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
  body.mk .learning-table table:not(:has(th:nth-child(4))) th:first-child { width:25%; }
}
@media(max-width:680px) {
  body.mk .learning-table table:has(th:nth-child(5)) th,body.mk .learning-table table:has(th:nth-child(5)) td { font-size:12px; padding:12px 4px; }
}
body.mk .learning-body .prose > h2:first-child { margin-top:0; }
body.mk .learning-body .prose h3 { margin:32px 0 12px; line-height:1.4; }

/* Investigate / free tools */
body.mk .investigate-form { display:flex; gap:10px; max-width:640px; margin-top:28px; }
body.mk .investigate-form input { flex:1; min-width:0; min-height:54px; padding:12px 16px; background:#102b5d; border:1px solid #7699cb; color:#eff5ff; color-scheme:dark; font-size:17px; border-radius:0; }
body.mk .investigate-form input::placeholder { color:#9db6dc; }
body.mk .investigate-form input:focus { outline:2px solid #eff5ff; outline-offset:2px; }
body.mk .investigate-form .btn { min-height:54px; flex:none; }
@media (max-width:560px) { body.mk .investigate-form { flex-direction:column; } body.mk .investigate-form .btn { width:100%; justify-content:center; } }
body.mk .tool-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-bottom:40px; }
body.mk .tool-card { display:flex; flex-direction:column; gap:12px; padding:28px; border:1px solid #85a7d666; background:#143369; color:#eff5ff; transition:border-color .15s, transform .15s; }
body.mk .tool-card:hover { border-color:#eff5ff; transform:translateY(-2px); }
body.mk .tool-card strong { font:600 22px/1.2 'PP Supply Sans',sans-serif; text-transform:uppercase; }
body.mk .tool-card span { color:#c5d6ef; font-size:16px; line-height:1.7; }
body.mk .tool-card em { margin-top:auto; font-style:normal; font-family:'IBM Plex Mono',monospace; font-size:14px; color:#bcd1ef; }