/* LWN Pro — contact page: simple info column, no form */

.ct { background: #FFFFFF; container-type: inline-size; font-family: var(--font-sans); color: #17181A; }
.ct__in { max-width: 640px; margin: 0 auto; padding: 84px 40px 96px; }

.ct__kicker { display: flex; align-items: center; gap: 9px; font-family: var(--font-mono); font-size: var(--text-2xs); font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: #1E5EB8; margin: 0 0 22px; }
.ct__h1 { font-family: var(--font-display); font-weight: 600; font-size: var(--text-3xl); line-height: 1.04; letter-spacing: -0.032em; margin: 0 0 18px; text-wrap: balance; }
.ct__lead { font-size: var(--text-lg); line-height: 1.5; color: #3C3F43; margin: 0 0 14px; }
.ct__body { font-size: var(--text-base); line-height: 1.65; color: #53565B; margin: 0; text-wrap: pretty; }

.ct__chans { list-style: none; margin: 44px 0 0; padding: 0; border-top: 1px solid #E4E6E8; }
.ct__chan { display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid #E4E6E8; }
.ct__ico { flex: none; width: 34px; height: 34px; border-radius: 3px; background: #F0F7FD; color: #1E5EB8; display: flex; align-items: center; justify-content: center; }
.ct__ct { min-width: 0; }
.ct__cl { font-family: var(--font-sans); font-weight: 600; font-size: var(--text-sm); color: #17181A; margin: 0 0 3px; }
.ct__cv { font-size: var(--text-sm); line-height: 1.5; color: #53565B; margin: 0; }
.ct__cv a { color: #1E5EB8; border-bottom: 1px solid #D8E6EE; text-decoration: none; }
.ct__cv a:hover { color: #17498F; }
.ct__reveal {
  font: inherit;
  font-size: var(--text-sm);
  color: #1E5EB8;
  background: none;
  border: 0;
  border-bottom: 1px solid #D8E6EE;
  padding: 0;
  cursor: pointer;
}
.ct__reveal:hover { color: #17498F; }

@container (max-width: 560px) {
  .ct__in { padding: 48px 20px 60px; }
  .ct__h1 { font-size: var(--text-2xl); }
  .ct__lead { font-size: var(--text-base); }
}

/* The lines under the opening one: same measure, quieter, so the page reads as
   an introduction rather than three headlines. */
.ct__lead + .ct__lead--sm { margin-top: 14px; }
.ct__lead--sm { font-size: var(--text-base); line-height: 1.65; color: var(--color-ink-500); }
.ct__lead--sm + .ct__lead--sm { margin-top: 12px; }
.ct__lead--sm a { color: var(--color-primary); font-weight: 500; }
.ct__lead--sm a:hover { text-decoration: underline; }