/**
 * Mobile-first baseline for pages that include site-nav (and shared marketing surfaces).
 * Prevents horizontal scroll from overflowing media and wide descendants.
 */
html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100%;
}

img,
video,
svg:not([width]):not([height]),
canvas {
  max-width: 100%;
  height: auto;
}

/* Long URLs / unbroken strings inside prose */
p,
li,
td,
th,
dd,
dt {
  overflow-wrap: anywhere;
  word-break: break-word;
}

a[href],
button,
[role="button"] {
  touch-action: manipulation;
}

.link-inline {
  color: var(--gwt-lime, #afde00);
  font-weight: 600;
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
}

.link-inline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.12em;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.2s ease;
}

.link-inline:hover {
  color: #ffffff;
}

.link-inline:hover::after {
  width: 100%;
}

.link-inline:focus-visible {
  outline: 2px solid var(--gwt-lime, #afde00);
  outline-offset: 3px;
  border-radius: 3px;
}

.link-inline--small {
  font-size: 0.92em;
}

.link-inline--hero {
  font-size: 1.05em;
  font-weight: 700;
}

.link-inline--article {
  font-weight: 650;
}

.link-inline--footer {
  font-size: 0.95em;
  opacity: 0.85;
}

.link-inline--footer:hover {
  opacity: 1;
}

.light-section .link-inline,
.article-light .link-inline {
  color: #6b8f00;
}

.light-section .link-inline:hover,
.article-light .link-inline:hover {
  color: #0b0c10;
}