:root {
  --ink: #15171c;
  --cream: #f4ede0;
  --paper: #fffaf1;
  --blue: #0040e4;
  --coral: #ff5722;
  --line: rgba(21, 23, 28, 0.2);
  --display: Arial, Helvetica, sans-serif;
  --heavy: "Arial Black", Arial, sans-serif;
  --body: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--cream); color: var(--ink); font-family: var(--body); font-size: 18px; line-height: 1.55; }
main [id] { scroll-margin-top: 110px; }
img { max-width: 100%; }
a { color: inherit; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 12px 16px; background: var(--cream); color: var(--ink); font-family: var(--heavy); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
a:focus-visible, summary:focus-visible { outline: 4px solid var(--cream); outline-offset: 3px; box-shadow: 0 0 0 7px var(--ink); }

.site-header { position: sticky; top: 0; z-index: 20; background: var(--ink); color: var(--cream); border-bottom: 1px solid rgba(244, 237, 224, 0.22); }
.header-row { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; text-decoration: none; }
.brand img.brand-logo { display: block; width: clamp(124px, 12vw, 150px); height: auto; filter: none; opacity: 1; }
.primary-nav { display: flex; align-items: center; gap: clamp(15px, 2.1vw, 28px); font-family: var(--heavy); font-size: 15px; }
.primary-nav a { text-decoration: none; }
.primary-nav a:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; }
.primary-nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; }
.mobile-menu { display: none; position: relative; font-family: var(--heavy); }
.mobile-menu summary { padding: 10px 13px; border: 2px solid var(--cream); cursor: pointer; list-style: none; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu nav { position: absolute; top: calc(100% + 12px); right: 0; width: min(280px, calc(100vw - 28px)); display: grid; background: var(--cream); color: var(--ink); border: 3px solid var(--ink); box-shadow: 8px 8px 0 var(--blue); }
.mobile-menu nav a { min-height: 48px; display: flex; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--line); text-decoration: none; }
.mobile-menu nav a:last-child { border-bottom: 0; }
.mobile-menu nav a[aria-current="page"] { background: var(--blue); color: var(--cream); }

.hero { overflow: hidden; background: var(--blue); color: var(--cream); }
.hero-grid { min-height: 480px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr); align-items: center; gap: 48px; padding-block: clamp(52px, 6vw, 78px); }
.kicker, .section-label, .card-status { font-family: var(--heavy); font-size: 16px; letter-spacing: 0; text-transform: none; }
.kicker { padding-left: 14px; border-left: 5px solid currentColor; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; letter-spacing: -0.035em; line-height: 1.05; }
h1 { max-width: 18ch; margin-top: 0; font-size: clamp(44px, 5.2vw, 68px); }
h1 span { color: var(--cream); }
.skip-link,
.brand,
.primary-nav,
.mobile-menu,
.kicker,
.section-label,
.card-status,
.button,
.text-link,
.signal-label,
.status-grid strong,
.price span,
.stack-grid h3,
.community-strip strong,
.truth-label,
.truth-list h3,
.closing-actions strong,
.footer-row strong,
.footer-row a,
.footer-grid strong,
.footer-brand,
.voice-prelaunch .voice-status,
.voice-prelaunch .btn,
.voice-prelaunch .voice-nav a,
.voice-prelaunch .rate-table caption,
.voice-prelaunch .rate-table thead th,
.voice-prelaunch .rate-table tbody th,
.voice-prelaunch .rate-figure,
.legal-card-label,
.legal-summary h2,
.legal-contents h2,
.legal-document > section h2,
.legal-document a { font-weight: 900; }
.hero-intro { max-width: 640px; margin-top: 24px; font-size: clamp(19px, 1.6vw, 22px); line-height: 1.48; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 30px; }
.hero-form-note { max-width: 650px; margin-top: 18px; font-size: 15px; line-height: 1.45; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 18px; border: 2px solid currentColor; font-family: var(--heavy); font-size: 16px; line-height: 1.2; text-decoration: none; }
.button-dark { background: var(--ink); color: var(--cream); }
.button-cream { background: var(--cream); color: var(--ink); }
.button-blue { background: var(--blue); color: var(--cream); }
.text-link { font-family: var(--heavy); text-underline-offset: 6px; }
.hero-signal { position: relative; width: min(100%, 360px); aspect-ratio: 1; display: grid; place-items: center; justify-self: end; }
.hero-signal img { position: relative; z-index: 2; width: 38%; filter: brightness(0) invert(1); }
.orbit { position: absolute; inset: 5%; border: 4px solid var(--cream); border-radius: 50%; opacity: 0.8; }
.orbit-two { inset: 22%; border-width: 2px; }
.signal-label { position: absolute; right: 1%; bottom: 18%; z-index: 3; padding: 7px 10px; background: var(--ink); font-family: var(--heavy); font-size: 15px; transform: rotate(-5deg); }
.status-bar { border-top: 3px solid var(--ink); background: var(--cream); color: var(--ink); }
.status-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.status-grid p { display: flex; flex-direction: column; gap: 2px; min-height: 82px; justify-content: center; padding: 14px 20px; border-right: 1px solid var(--line); }
.status-grid p:last-child { border-right: 0; }
.status-grid strong { font-family: var(--heavy); font-size: 16px; }
.status-grid span { font-size: 16px; }

.services { padding-block: clamp(58px, 7vw, 88px); }
.section-label { color: var(--blue); }
.services h2, .network-preview h2 { max-width: 18ch; margin-top: 12px; font-size: clamp(38px, 4.6vw, 52px); }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 24px; margin-top: 42px; }
.service-card { min-height: 0; padding: clamp(28px, 3.5vw, 42px); border: 3px solid var(--ink); }
.service-card h3 { margin-top: 12px; font-size: clamp(32px, 3.8vw, 44px); }
.service-card-voice { background: var(--blue); color: var(--cream); }
.service-card-mobile { margin-top: 0; background: var(--ink); color: var(--cream); }
.card-lead { max-width: 34ch; margin-top: 22px; font-size: 19px; line-height: 1.48; }
.price { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 0 14px; margin-top: 34px; }
.price span { font-family: var(--heavy); font-size: 18px; }
.price span:last-child { padding-bottom: 12px; }
.price strong { grid-row: span 2; font-family: var(--display); font-style: normal; font-weight: 700; font-size: clamp(44px, 5vw, 60px); line-height: 0.95; }
.card-note { max-width: 48ch; margin-top: 22px; }
.service-card .button { margin-top: 26px; }
.service-card-mobile .mobile-emergency-note { padding-left: 14px; border-left: 5px solid var(--coral); }
.card-lines { margin-top: 32px; border-top: 1px solid rgba(244, 237, 224, 0.35); }
.card-lines p { padding-block: 13px; border-bottom: 1px solid rgba(244, 237, 224, 0.35); }

.home-latest { padding-block: clamp(58px, 7vw, 88px); background: var(--paper); border-top: 3px solid var(--ink); }
.home-latest-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.72fr); gap: clamp(38px, 6vw, 76px); align-items: start; }
.home-latest-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; font-size: 15px; font-weight: 700; }
.home-latest-meta span { padding-left: 18px; border-left: 2px solid var(--blue); }
.home-latest-story h2 { max-width: 21ch; margin-top: 18px; font-size: clamp(36px, 4.3vw, 52px); }
.home-latest-story h2 a { text-decoration: none; }
.home-latest-story h2 a:hover { text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 7px; }
.home-latest-story .big-copy { max-width: 680px; margin-top: 24px; }
.home-latest-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; }
.home-latest-actions .text-link { color: var(--blue); }
.home-latest-projects { padding: clamp(24px, 3vw, 34px); background: var(--ink); color: var(--cream); border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--coral); }
.home-latest-projects .section-label { color: var(--cream); }
.home-latest-projects > a { display: flex; flex-direction: column; padding-block: 22px; border-bottom: 1px solid rgba(244, 237, 224, 0.5); text-decoration: none; }
.home-latest-projects > a:last-child { border-bottom: 0; }
.home-latest-projects > a:hover { padding-left: 14px; background: var(--cream); color: var(--ink); }
.home-latest-projects strong { font-family: var(--heavy); font-size: 21px; }
.home-latest-projects span { margin-top: 7px; font-size: 16px; }

.network-preview { padding-block: clamp(58px, 7vw, 88px); background: var(--paper); border-top: 3px solid var(--ink); }
.network-grid { display: grid; grid-template-columns: 1fr 0.9fr; gap: clamp(36px, 6vw, 68px); align-items: end; }
.network-copy { max-width: 42ch; padding-left: 20px; border-left: 6px solid var(--blue); font-size: 19px; }
.network-copy p + p { margin-top: 24px; }
.stack-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 48px; border: 3px solid var(--ink); }
.stack-grid article { min-height: 210px; padding: 24px 22px; border-right: 2px solid var(--ink); }
.stack-grid article:last-child { border-right: 0; }
.stack-number { font-family: var(--display); font-style: normal; font-weight: 700; color: var(--blue); font-size: 28px; }
.stack-grid h3 { margin-top: 20px; font-family: var(--heavy); font-size: 20px; font-style: normal; letter-spacing: -0.02em; line-height: 1.1; }
.stack-grid p { margin-top: 16px; font-size: 18px; }

.community { padding-block: clamp(58px, 7vw, 90px); background: var(--ink); color: var(--cream); }
.community .section-label { color: var(--cream); }
.community-grid { display: grid; grid-template-columns: 1fr 0.9fr; gap: clamp(38px, 6vw, 76px); align-items: start; }
.community h2, .voice-safety h2, .truth-section h2, .closing h2 { margin-top: 12px; font-size: clamp(38px, 4.8vw, 54px); }
.community-copy { padding-top: 30px; }
.community-copy > p + p { margin-top: 22px; }
.community-copy .button { margin-top: 34px; }
.big-copy { font-size: clamp(20px, 2vw, 24px); line-height: 1.45; }
.community-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 50px; border: 2px solid var(--cream); }
.community-strip p { min-height: 96px; display: flex; flex-direction: column; justify-content: center; padding: 16px 20px; border-right: 1px solid rgba(244, 237, 224, 0.35); }
.community-strip p:last-child { border-right: 0; }
.community-strip strong { font-family: var(--heavy); font-size: 18px; }
.community-strip span { margin-top: 3px; }

.voice-safety { padding-block: clamp(58px, 7vw, 88px); background: var(--coral); color: var(--ink); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.voice-safety .section-label { color: var(--ink); }
.voice-safety-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(38px, 6vw, 76px); align-items: start; }
.voice-safety-grid > div:last-child { padding-top: 30px; }
.voice-safety-grid > div:last-child p + p { margin-top: 24px; }
.voice-safety .button { margin-top: 34px; }

.truth-section { padding-block: clamp(58px, 7vw, 90px); background: var(--cream); }
.truth-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(38px, 6vw, 76px); align-items: start; }
.truth-grid > div:first-child .big-copy { margin-top: 30px; }
.truth-list { border-top: 4px solid var(--ink); }
.truth-list article { padding-block: 24px; border-bottom: 2px solid var(--ink); }
.truth-label { font-family: var(--heavy); color: var(--blue); font-size: 18px; text-transform: none; }
.truth-list h3 { margin-top: 8px; font-family: var(--heavy); font-size: clamp(22px, 2.4vw, 28px); font-style: normal; letter-spacing: -0.02em; line-height: 1.15; }
.truth-list article > p:last-child { max-width: 52ch; margin-top: 12px; }

.closing { padding-block: clamp(58px, 7vw, 88px); background: var(--blue); color: var(--cream); }
.closing .section-label { color: var(--cream); }
.closing-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: clamp(38px, 6vw, 76px); align-items: start; }
.closing-actions { border-top: 3px solid var(--cream); }
.closing-actions a { min-height: 90px; display: flex; flex-direction: column; justify-content: center; padding: 18px 0; position: relative; border-bottom: 2px solid var(--cream); text-decoration: none; }
.closing-actions strong { font-family: var(--heavy); font-size: 21px; }
.closing-actions span { margin-top: 5px; }
.closing-actions a:hover { background: var(--cream); color: var(--blue); padding-left: 18px; }
.site-footer { padding-block: 42px; background: var(--ink); color: var(--cream); }
.footer-row { display: flex; justify-content: space-between; gap: 32px; }
.footer-row p { max-width: 42ch; }
.footer-row strong, .footer-row a { font-family: var(--heavy); }
.footer-grid { display: grid; grid-template-columns: 1.35fr 0.8fr 0.9fr 1fr; gap: clamp(28px, 5vw, 68px); padding-bottom: 40px; }
.footer-grid > div, .footer-grid nav { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-grid strong, .footer-brand { font-family: var(--heavy); }
.footer-brand { display: inline-block; text-decoration: none; }
.footer-brand img { display: block; width: 150px; height: auto; }
.footer-grid p { max-width: 34ch; }
.footer-grid a { text-decoration: underline; text-underline-offset: 4px; }
.footer-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 28px; padding-top: 24px; border-top: 1px solid rgba(244, 237, 224, 0.25); font-size: 16px; }

/* Press releases. */
.press-release-page { background: var(--paper); }
.press-hero { background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.press-hero-inner { padding-block: clamp(54px, 7vw, 86px); }
.press-hero .section-label { color: var(--cream); }
.press-release-label { margin-top: 18px; font-family: var(--heavy); font-size: 15px; }
.press-hero h1 { max-width: 22ch; margin-top: 14px; font-size: clamp(40px, 5vw, 62px); }
.press-standfirst { max-width: 820px; margin-top: 26px; font-size: clamp(20px, 2vw, 24px); line-height: 1.45; }
.press-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 880px; margin-top: 36px; border: 2px solid var(--cream); }
.press-meta div { min-height: 82px; display: flex; flex-direction: column; justify-content: center; padding: 14px 18px; border-right: 1px solid rgba(244, 237, 224, 0.5); }
.press-meta div:last-child { border-right: 0; }
.press-meta dt { font-family: var(--heavy); font-size: 14px; }
.press-meta dd { margin-top: 2px; }
.press-layout { display: grid; grid-template-columns: minmax(220px, 0.32fr) minmax(0, 0.9fr); gap: clamp(38px, 7vw, 90px); align-items: start; padding-block: clamp(54px, 7vw, 88px); }
.press-sidebar { position: sticky; top: 104px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding-top: 20px; border-top: 4px solid var(--ink); }
.press-sidebar-label { font-family: var(--heavy); font-size: 18px; }
.press-sidebar a { font-weight: 700; text-underline-offset: 5px; overflow-wrap: anywhere; }
.press-copy { max-width: 780px; font-size: 19px; }
.press-copy > p + p,
.press-copy > section + p,
.press-copy > p + section,
.press-copy > blockquote + section,
.press-copy > section + section { margin-top: 28px; }
.press-dateline { font-size: clamp(21px, 2vw, 24px); line-height: 1.48; }
.press-copy blockquote { margin-block: 36px; padding: clamp(26px, 4vw, 42px); background: var(--ink); color: var(--cream); border-left: 10px solid var(--coral); }
.press-copy blockquote p { font-size: clamp(21px, 2.2vw, 27px); line-height: 1.4; }
.press-copy blockquote p + p { margin-top: 22px; }
.press-copy blockquote footer { margin-top: 24px; font-family: var(--heavy); font-size: 16px; }
.press-copy h2 { max-width: 24ch; margin-top: 40px; font-size: clamp(30px, 3.4vw, 42px); }
.press-copy h3 { margin-top: 26px; font-size: 23px; }
.press-copy section > p { margin-top: 18px; }
.press-asks { margin-top: 26px; border: 3px solid var(--ink); }
.press-asks p { min-height: 94px; padding: 20px 22px; border-bottom: 1px solid var(--ink); }
.press-asks p:last-child { border-bottom: 0; }
.press-primary-links { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 34px; }
.press-notes { margin-top: 52px; padding-top: 34px; border-top: 6px solid var(--blue); font-size: 17px; }
.press-notes h2 { margin-top: 0; }
.press-notes a { color: var(--blue); font-weight: 700; overflow-wrap: anywhere; }

/* Owner-published news, blog posts and press releases. */
.news-index-page,
.publication-page { background: var(--paper); }
.news-hero { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.news-hero .section-label,
.publication-hero .section-label { color: var(--cream); }
.news-hero-grid { min-height: 430px; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.78fr); align-items: center; gap: clamp(40px, 7vw, 90px); padding-block: clamp(52px, 7vw, 82px); }
.news-hero h1 { max-width: 18ch; margin-top: 14px; font-size: clamp(42px, 4.8vw, 60px); }
.news-hero-grid > div > p:last-child { max-width: 680px; margin-top: 24px; font-size: clamp(19px, 1.8vw, 22px); }
.news-hero-grid a { overflow-wrap: anywhere; }
.news-category-links { display: flex; flex-direction: column; border-top: 3px solid var(--cream); }
.news-category-links a { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 16px 0; border-bottom: 1px solid rgba(244, 237, 224, 0.5); text-decoration: none; }
.news-category-links a:hover { padding-left: 16px; background: var(--cream); color: var(--ink); }
.news-category-links strong { font-family: var(--heavy); font-size: 20px; }
.news-category-links span { margin-top: 2px; font-size: 16px; }
.news-hero-blog { background: var(--blue); }
.news-hero-press { background: var(--ink); }

.publication-index { padding-block: clamp(56px, 7vw, 88px); }
.publication-index h2 { max-width: 18ch; margin-top: 12px; font-size: clamp(36px, 4.2vw, 50px); }
.publication-list { margin-top: 38px; border-top: 4px solid var(--ink); }
.publication-card { display: grid; grid-template-columns: minmax(210px, 0.34fr) minmax(0, 1fr) minmax(170px, 0.26fr); gap: clamp(24px, 4vw, 52px); align-items: start; padding-block: 28px; border-bottom: 2px solid var(--ink); }
.publication-card-featured { padding: clamp(26px, 4vw, 42px); background: var(--blue); color: var(--cream); border: 3px solid var(--ink); }
.publication-card-meta { display: flex; flex-direction: column; gap: 6px; font-size: 15px; }
.publication-card-meta span { font-family: var(--heavy); }
.publication-card h3 { font-size: clamp(25px, 2.7vw, 34px); line-height: 1.12; }
.publication-card h3 a { text-decoration-thickness: 2px; text-underline-offset: 5px; }
.publication-card > p { max-width: 48ch; font-size: 18px; }
.publication-card > .text-link { justify-self: end; }

.publication-hero { background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.publication-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.52fr); align-items: center; gap: clamp(38px, 6vw, 76px); padding-top: clamp(52px, 7vw, 82px); }
.publication-hero-grid > * { min-width: 0; }
.publication-release-label { margin-top: 17px; font-family: var(--heavy); font-size: 15px; }
.publication-hero h1 { max-width: 21ch; margin-top: 14px; font-size: clamp(40px, 4.7vw, 60px); }
.publication-standfirst { max-width: 820px; margin-top: 25px; font-size: clamp(20px, 2vw, 24px); line-height: 1.45; }
.publication-brand-panel { min-width: 0; min-height: 230px; display: flex; flex-direction: column; justify-content: center; padding: clamp(24px, 3vw, 34px); background: var(--ink); border: 3px solid var(--cream); }
.publication-brand-panel img { width: 100%; height: auto; }
.publication-brand-panel p { margin-top: 18px; font-size: 15px; }
.publication-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 930px; margin-top: 38px; border: 2px solid var(--cream); }
.publication-meta div { min-height: 80px; display: flex; flex-direction: column; justify-content: center; padding: 13px 17px; border-right: 1px solid rgba(244, 237, 224, 0.5); }
.publication-meta div:last-child { border-right: 0; }
.publication-meta dt { font-family: var(--heavy); font-size: 14px; }
.publication-meta dd { margin-top: 2px; }
.publication-hero > .shell:last-child { padding-bottom: clamp(52px, 7vw, 82px); }

.publication-layout { display: grid; grid-template-columns: minmax(220px, 0.32fr) minmax(0, 0.92fr); gap: clamp(38px, 7vw, 90px); align-items: start; padding-block: clamp(54px, 7vw, 88px); }
.publication-sidebar { position: sticky; top: 104px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding-top: 19px; border-top: 4px solid var(--ink); }
.publication-sidebar-label { font-family: var(--heavy); font-size: 18px; }
.publication-sidebar a { font-weight: 700; text-underline-offset: 5px; overflow-wrap: anywhere; }
.publication-copy { max-width: 800px; min-width: 0; font-size: 19px; }
.publication-copy > * + * { margin-top: 24px; }
.publication-copy h2 { max-width: 25ch; margin-top: 44px; font-size: clamp(30px, 3.3vw, 42px); }
.publication-copy h3 { margin-top: 32px; font-size: clamp(23px, 2.5vw, 29px); }
.publication-copy ul,
.publication-copy ol { margin-left: 1.35em; }
.publication-copy li + li { margin-top: 9px; }
.publication-copy a { color: var(--blue); font-weight: 700; overflow-wrap: anywhere; text-underline-offset: 4px; }
.publication-copy blockquote { margin-block: 38px; padding: clamp(25px, 4vw, 40px); background: var(--ink); color: var(--cream); border-left: 10px solid var(--coral); }
.publication-copy blockquote p { font-size: clamp(20px, 2.1vw, 26px); line-height: 1.42; }
.publication-copy blockquote p + p { margin-top: 20px; font-family: var(--heavy); font-size: 16px; }
.publication-copy table { width: 100%; margin-top: 30px; border-collapse: collapse; border: 3px solid var(--ink); font-size: 16px; }
.publication-copy th,
.publication-copy td { padding: 14px; border: 1px solid var(--ink); text-align: left; vertical-align: top; }
.publication-copy thead th { background: var(--ink); color: var(--cream); font-family: var(--heavy); }
.publication-share { margin-top: 52px; padding-top: 34px; border-top: 6px solid var(--blue); }
.publication-share h2 { margin-top: 0; }
.publication-share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 24px; }
.publication-share-actions .text-link { color: var(--blue); }
.copy-status { min-height: 1.5em; margin-top: 14px; font-family: var(--heavy); font-size: 15px; }
.copy-fallback { margin-top: 7px; font-size: 15px; }
.copy-fallback a { font-weight: 400; }

/* Community-cell equipment campaign. */
.campaign-page { background: var(--paper); }
.campaign-hero { background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.campaign-hero .section-label,
.campaign-compliance .section-label { color: var(--cream); }
.campaign-hero-grid { min-height: 500px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.72fr); align-items: center; gap: clamp(38px, 6vw, 78px); padding-block: clamp(54px, 7vw, 86px); }
.campaign-hero h1 { max-width: 15ch; font-size: clamp(46px, 5vw, 64px); }
.campaign-hero-copy { max-width: 650px; margin-top: 24px; font-size: clamp(19px, 1.7vw, 22px); line-height: 1.48; }
.campaign-goal-card { padding: clamp(26px, 3.5vw, 40px); background: var(--ink); color: var(--cream); border: 3px solid var(--cream); }
.campaign-card-label { font-family: var(--heavy); font-size: 16px; }
.campaign-goal-number { margin-top: 8px; font-family: var(--display); font-size: clamp(54px, 6vw, 76px); font-weight: 700; line-height: 1; }
.campaign-goal-status { font-size: clamp(42px, 5vw, 64px); overflow-wrap: anywhere; }
.campaign-budget-bar { height: 26px; display: flex; margin-top: 30px; border: 2px solid var(--cream); }
.campaign-budget-radio { flex: 11; background: var(--cream); }
.campaign-budget-support { flex: 5; background: var(--coral); }
.campaign-goal-breakdown { margin-top: 18px; }
.campaign-goal-breakdown div { display: flex; justify-content: space-between; gap: 18px; padding-block: 10px; border-bottom: 1px solid rgba(244, 237, 224, 0.35); }
.campaign-goal-breakdown dt { font-weight: 700; }
.campaign-goal-breakdown dd { font-family: var(--heavy); }
.campaign-card-note { margin-top: 20px; font-size: 16px; }
.campaign-band { padding-block: clamp(54px, 6.5vw, 82px); }
.campaign-band h2,
.campaign-compliance h2 { max-width: 20ch; margin-top: 12px; font-size: clamp(36px, 4vw, 50px); }
.campaign-product-copy { max-width: 900px; }
.campaign-product-copy > p:not(.section-label),
.campaign-compliance-grid > div:last-child > p { margin-top: 22px; }
.campaign-lede { font-size: clamp(20px, 2vw, 23px); line-height: 1.45; }
.campaign-source-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 28px; }
.campaign-source-links a { font-family: var(--heavy); text-decoration: underline; text-underline-offset: 5px; }
.campaign-section-intro { max-width: 760px; margin-top: 22px; font-size: 19px; }
.campaign-dependency-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 36px; border: 3px solid var(--ink); }
.campaign-dependency-grid article { min-height: 180px; padding: 26px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.campaign-dependency-grid article:nth-child(even) { border-right: 0; }
.campaign-dependency-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
.campaign-dependency-grid h3 { font-size: 25px; }
.campaign-dependency-grid p { margin-top: 12px; }
.campaign-compliance { padding-block: clamp(54px, 6.5vw, 82px); background: var(--ink); color: var(--cream); border-top: 8px solid var(--coral); }
.campaign-compliance-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(40px, 6vw, 76px); }
.campaign-compliance .campaign-source-links a { color: var(--cream); }
.campaign-funds { padding-block: clamp(54px, 6.5vw, 82px); background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.campaign-funds .section-label { color: var(--cream); }
.campaign-funds-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.75fr); align-items: start; gap: clamp(38px, 6vw, 76px); }
.campaign-funds h2 { max-width: 18ch; margin-top: 12px; font-size: clamp(36px, 4vw, 50px); }
.campaign-funds-grid > div > p:not(.section-label) { max-width: 720px; margin-top: 22px; }
.campaign-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 720px; margin-top: 28px; border: 3px solid var(--cream); }
.campaign-ledger div { min-height: 104px; display: flex; flex-direction: column; justify-content: center; padding: 18px; border-right: 1px solid var(--cream); border-bottom: 1px solid var(--cream); }
.campaign-ledger div:nth-child(even) { border-right: 0; }
.campaign-ledger div:nth-last-child(-n + 2) { border-bottom: 0; }
.campaign-ledger dt { font-size: 15px; }
.campaign-ledger dd { font-family: var(--heavy); font-size: 27px; line-height: 1.1; }
.campaign-ledger-date { font-size: 15px; }
.campaign-privacy-link { display: inline-block; margin-top: 24px; font-family: var(--heavy); text-underline-offset: 5px; }
.campaign-bank-card { padding: clamp(24px, 3.5vw, 36px); background: var(--cream); color: var(--ink); border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--coral); }
.campaign-bank-card h3 { max-width: 16ch; margin-top: 10px; font-size: clamp(27px, 3vw, 34px); }
.campaign-bank-intro { margin-top: 18px; }
.campaign-bank-card a { color: var(--blue); font-family: var(--heavy); text-underline-offset: 4px; }
.campaign-bank-card .button-blue { width: 100%; color: var(--cream); }
.campaign-bank-details { margin-top: 26px; border-top: 3px solid var(--ink); }
.campaign-bank-details div { display: grid; grid-template-columns: minmax(105px, 0.8fr) minmax(0, 1.2fr); gap: 18px; padding-block: 13px; border-bottom: 1px solid var(--ink); }
.campaign-bank-details dt { font-weight: 700; }
.campaign-bank-details dd { overflow-wrap: anywhere; font-family: var(--heavy); }
.campaign-payment-steps { list-style: none; counter-reset: campaign-payment; margin-top: 24px; }
.campaign-payment-steps li { counter-increment: campaign-payment; display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; padding-block: 13px; border-top: 1px solid var(--ink); }
.campaign-payment-steps li::before { content: counter(campaign-payment); grid-row: span 2; font-family: var(--heavy); font-size: 20px; }
.campaign-payment-steps strong, .campaign-payment-steps span { display: block; }
.campaign-payment-steps span { margin-top: 3px; font-size: 15px; line-height: 1.45; }
.campaign-bank-status { margin-top: 22px; padding-left: 14px; border-left: 5px solid var(--coral); font-size: 16px; }
.campaign-register-button { margin-top: 24px; }
.campaign-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 38px; border: 3px solid var(--ink); }
.campaign-steps li { min-height: 210px; padding: 24px 22px; border-right: 1px solid var(--ink); }
.campaign-steps li:last-child { border-right: 0; }
.campaign-steps strong { display: block; font-family: var(--heavy); color: var(--blue); font-size: 22px; }
.campaign-steps span { display: block; margin-top: 16px; }
.campaign-disclosure { margin-top: 42px; padding: clamp(26px, 3.5vw, 40px); background: var(--cream); border: 3px solid var(--ink); border-top: 10px solid var(--blue); }
.campaign-disclosure h3 { font-size: clamp(26px, 3vw, 34px); }
.campaign-disclosure p { max-width: 800px; margin-top: 16px; }
.campaign-disclosure .button { margin-top: 24px; }
.campaign-disclosure-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 24px; }
.campaign-disclosure-actions .text-link { margin-top: 24px; color: var(--blue); }

/* Voice pages retain the content structure from the prelaunch build while
   sharing the new primary-site type and navigation. */
.voice-prelaunch { background: var(--cream); font-family: var(--body); font-size: 18px; }
.voice-prelaunch .site-header { color: var(--cream); }
.voice-prelaunch .wrap:not(.wrap--narrow) { max-width: 1220px; padding-inline: 20px; }
.voice-prelaunch main { font-size: 18px; }
.voice-prelaunch main h1,
.voice-prelaunch main h2,
.voice-prelaunch main h3 { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; letter-spacing: -0.025em; line-height: 1.12; }
.voice-prelaunch .hero { min-height: 0; padding: 0; }
.voice-prelaunch .hero .wrap { padding-block: clamp(48px, 6vw, 72px); }
.voice-prelaunch .hero h1 { max-width: 22ch; margin-top: 12px; font-size: clamp(40px, 4.8vw, 58px); }
.voice-prelaunch .hero .lede { font-size: clamp(19px, 1.7vw, 21px); }
.voice-prelaunch .phead { padding-block: clamp(44px, 5.5vw, 66px); }
.voice-prelaunch .phead h1 { max-width: 25ch; font-size: clamp(36px, 4.4vw, 52px); }
.voice-prelaunch .phead p { max-width: 70ch; }
.voice-prelaunch .section-title { max-width: 28ch; font-size: clamp(30px, 3.5vw, 42px); line-height: 1.14; }
.voice-prelaunch .band { padding-block: clamp(46px, 5.8vw, 70px); }
.voice-prelaunch .voice-status { font-family: var(--heavy); font-style: normal; }
.voice-prelaunch .voice-launch-note { max-width: 68ch; }
.voice-prelaunch .btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--heavy); font-style: normal; font-size: 16px; }
.voice-prelaunch .voice-nav a { font-family: var(--heavy); font-style: normal; font-size: 16px; }
.voice-prelaunch main ul { list-style: none; padding-left: 0; }
.voice-prelaunch main ul > li { padding-left: 14px; border-left: 3px solid currentColor; }
.voice-prelaunch main .voice-nav ul > li { padding-left: 0; border-left: 0; }
.voice-prelaunch main .voice-number-list > li { padding-left: 1.1rem; border-left: 0; }
.voice-prelaunch .rate-table caption,
.voice-prelaunch .rate-table th,
.voice-prelaunch .rate-table td { font-style: normal; }
.voice-prelaunch .rate-table { font-size: 18px; }
.voice-prelaunch .rate-table th,
.voice-prelaunch .rate-table td { font-family: var(--body); }
.voice-prelaunch .rate-table caption,
.voice-prelaunch .rate-table thead th,
.voice-prelaunch .rate-table tbody th { font-family: var(--heavy); }
.voice-prelaunch .rate-figure { font-family: var(--heavy); }
.voice-prelaunch footer { font-size: 18px; }

/* Separate, readable product terms. */
.legal-page { background: var(--paper); }
.legal-hero { padding-block: clamp(48px, 6vw, 70px); background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--blue); }
.legal-hero-mobile { background: var(--cream); color: var(--ink); }
.legal-hero-voice { background: var(--blue); }
.legal-hero-campaign { background: var(--blue); }
.legal-hero:not(.legal-hero-mobile) .section-label { color: var(--cream); }
.legal-hero h1 { max-width: 22ch; margin-top: 12px; font-size: clamp(38px, 4.8vw, 56px); }
.legal-hero > .shell > p:last-child { max-width: 760px; margin-top: 20px; font-size: 19px; }
.legal-index, .draft-explainer { padding-block: clamp(52px, 6.5vw, 78px); }
.legal-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.legal-card { min-height: 0; padding: clamp(28px, 3.5vw, 42px); background: var(--cream); border: 3px solid var(--ink); }
.legal-card-dark { margin-top: 0; background: var(--ink); color: var(--cream); }
.legal-card-campaign { grid-column: 1 / -1; background: var(--blue); color: var(--cream); }
.legal-card-label { font-family: var(--heavy); font-size: 18px; text-transform: none; }
.legal-card h2, .draft-explainer h2 { margin-top: 12px; font-size: clamp(30px, 3.8vw, 42px); line-height: 1.12; }
.legal-card > p:not(.legal-card-label) { max-width: 34ch; margin-top: 28px; }
.legal-card .button { margin-top: 30px; }
.legal-card-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.legal-card-actions .button { margin-top: 0; }
.legal-summary .button { width: 100%; margin-top: 24px; }
.draft-explainer { background: var(--cream); border-top: 3px solid var(--ink); }
.narrow-copy { max-width: 850px; }
.narrow-copy p { margin-top: 22px; font-size: 19px; }
.legal-layout { display: grid; grid-template-columns: minmax(240px, 0.31fr) minmax(0, 0.69fr); gap: clamp(34px, 5vw, 64px); align-items: start; padding-block: clamp(48px, 6vw, 76px); }
.legal-summary { position: sticky; top: 110px; padding: 28px; background: var(--cream); border: 3px solid var(--ink); border-top: 10px solid var(--blue); }
.legal-summary-emergency { border-top-color: var(--coral); }
.legal-summary h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; font-style: normal; letter-spacing: -0.02em; line-height: 1.15; }
.legal-summary p { margin-top: 18px; }
.legal-document { min-width: 0; font-size: 18px; line-height: 1.7; }
.legal-contents { padding: 30px; background: var(--ink); color: var(--cream); }
.legal-contents h2 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: 700; font-style: normal; letter-spacing: 0; }
.legal-contents ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 28px; margin: 20px 0 0 22px; }
.legal-contents a { color: var(--cream); text-underline-offset: 4px; }
.legal-document > section { max-width: 72ch; scroll-margin-top: 100px; padding-block: 38px; border-bottom: 2px solid var(--ink); }
.legal-document > section h2 { font-family: Arial, Helvetica, sans-serif; font-size: clamp(25px, 2.6vw, 32px); font-weight: 700; font-style: normal; letter-spacing: -0.02em; line-height: 1.2; }
.legal-document > section p { margin-top: 20px; }
.legal-document > section ul { margin: 20px 0 0; list-style: none; }
.legal-document > section ul > li { padding-left: 14px; border-left: 3px solid var(--blue); }
.legal-document > section li + li { margin-top: 10px; }
.legal-document a { color: var(--blue); font-family: var(--heavy); text-decoration: underline; text-underline-offset: 4px; }
.legal-document .legal-contents a { color: var(--cream); }
.legal-right-callout { padding: 18px; background: var(--cream); border-left: 6px solid var(--blue); }

/* Campaign registration is a small PHP form that emails one fixed Lodestar
   mailbox. It deliberately does not collect bank-account or card details. */
.campaign-register-page { background: var(--paper); }
.campaign-register-section { padding-block: clamp(52px, 6.5vw, 82px); }
.campaign-register-layout { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr); gap: clamp(38px, 6vw, 74px); align-items: start; }
.campaign-register-layout > div:first-child h2 { max-width: 18ch; margin-top: 12px; font-size: clamp(34px, 4vw, 48px); }
.campaign-register-layout > div:first-child > p:not(.section-label) { max-width: 620px; margin-top: 22px; }
.campaign-register-links { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 28px; }
.campaign-register-links a { color: var(--blue); font-family: var(--heavy); text-underline-offset: 5px; }
.campaign-register-card { padding: clamp(24px, 3.5vw, 38px); background: var(--cream); border: 3px solid var(--ink); border-top: 10px solid var(--blue); }
.campaign-register-form { display: grid; gap: 10px; }
.campaign-register-form label { margin-top: 12px; font-family: var(--heavy); font-size: 16px; }
.campaign-register-form input[type="email"],
.campaign-register-form input[type="text"],
.campaign-register-form input[type="number"],
.campaign-register-form input[type="date"] { width: 100%; min-height: 52px; padding: 11px 13px; border: 2px solid var(--ink); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; }
.campaign-register-form input:focus-visible { outline: 4px solid var(--blue); outline-offset: 2px; }
.form-help { font-size: 15px; line-height: 1.4; }
.campaign-register-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.campaign-register-fields > div { display: grid; gap: 10px; }
.form-check { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 11px; align-items: start; line-height: 1.45; }
.form-check input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--blue); }
.form-check a { color: var(--blue); }
.campaign-register-form .button { width: 100%; margin-top: 16px; cursor: pointer; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-notice { margin-bottom: 24px; padding: 20px; border: 3px solid var(--ink); }
.form-notice h2, .campaign-register-fallback h2 { font-size: 24px; }
.form-notice p { margin-top: 10px; }
.form-notice-success { background: var(--blue); color: var(--cream); }
.form-notice-error { border-top: 8px solid var(--coral); }
.campaign-register-fallback { margin-top: 28px; padding-top: 24px; border-top: 2px solid var(--ink); }
.campaign-register-fallback p { margin-top: 10px; }
.campaign-register-fallback a { display: inline-block; margin-top: 14px; color: var(--blue); }

/* Lodestar Mobile product page. */
.mobile-page { background: var(--paper); }
.mobile-hero { background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.mobile-hero-grid { min-height: 510px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.75fr); align-items: center; gap: clamp(38px, 6vw, 78px); padding-block: clamp(52px, 7vw, 82px); }
.mobile-status, .mobile-plan-label, .mobile-location-status { font-family: var(--heavy); font-weight: 900; font-size: 16px; }
.mobile-hero h1 { max-width: 15ch; margin-top: 12px; font-size: clamp(44px, 5vw, 64px); }
.mobile-hero-copy { max-width: 650px; margin-top: 24px; font-size: clamp(19px, 1.7vw, 22px); line-height: 1.48; }
.mobile-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.mobile-plan-card { padding: clamp(26px, 3.5vw, 38px); background: var(--ink); color: var(--cream); border: 3px solid var(--cream); box-shadow: 10px 10px 0 var(--coral); }
.mobile-plan-card h2 { display: flex; align-items: end; gap: 14px; margin-top: 8px; letter-spacing: -0.04em; }
.mobile-plan-card h2 strong { font-size: clamp(58px, 7vw, 78px); line-height: 0.9; }
.mobile-plan-card h2 span { padding-bottom: 5px; font-family: var(--heavy); font-size: 18px; letter-spacing: 0; }
.mobile-plan-lines { margin-top: 28px; border-top: 2px solid var(--cream); }
.mobile-plan-lines p { display: flex; justify-content: space-between; gap: 20px; padding-block: 12px; border-bottom: 1px solid rgba(244, 237, 224, 0.4); }
.mobile-plan-lines strong { font-family: var(--heavy); }
.mobile-plan-lines span { text-align: right; }
.mobile-plan-note { margin-top: 20px; font-size: 15px; line-height: 1.5; }
.mobile-plan-emergency { margin-top: 18px; padding: 14px; border: 2px solid var(--coral); font-size: 16px; line-height: 1.45; }
.mobile-plan-emergency a { font-family: var(--heavy); text-underline-offset: 4px; }
.mobile-section { padding-block: clamp(56px, 7vw, 86px); }
.mobile-section h2 { max-width: 18ch; margin-top: 12px; font-size: clamp(38px, 4.4vw, 52px); }
.mobile-section-intro { max-width: 760px; margin-top: 24px; font-size: clamp(19px, 1.8vw, 22px); line-height: 1.48; }
.mobile-section-intro + p { margin-top: 20px; }
.mobile-coverage { background: var(--cream); }
.mobile-coverage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 38px; }
.mobile-location-card { padding: clamp(26px, 3.5vw, 38px); border: 3px solid var(--ink); background: var(--paper); }
.mobile-location-card-live { background: var(--blue); color: var(--cream); }
.mobile-location-card h3 { max-width: 17ch; margin-top: 10px; font-size: clamp(28px, 3vw, 36px); }
.mobile-location-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 28px; border: 2px solid currentColor; }
.mobile-location-list p { min-height: 58px; display: flex; align-items: center; padding: 10px 14px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; font-weight: 700; }
.mobile-location-list p:nth-child(even) { border-right: 0; }
.mobile-location-list p:nth-last-child(-n + 2) { border-bottom: 0; }
.mobile-coverage-note { max-width: 900px; margin-top: 28px; padding-left: 16px; border-left: 6px solid var(--coral); }
.mobile-split { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(38px, 6vw, 76px); align-items: start; }
.mobile-split > div:last-child > .button, .mobile-split > div:last-child > .text-link { margin-top: 28px; }
.mobile-esim { background: var(--paper); border-block: 3px solid var(--ink); }
.mobile-compatibility { background: var(--cream); }
.mobile-compat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 38px; border: 3px solid var(--ink); }
.mobile-compat-grid article { min-height: 250px; padding: 26px 24px; border-right: 2px solid var(--ink); }
.mobile-compat-grid article:last-child { border-right: 0; }
.mobile-compat-grid h3 { margin-top: 10px; font-size: clamp(25px, 2.5vw, 32px); line-height: 1.1; }
.mobile-compat-grid article > p:last-child { margin-top: 20px; }
.mobile-compat-note { max-width: 920px; margin-top: 28px; padding-left: 16px; border-left: 6px solid var(--blue); }
.mobile-emergency { background: var(--coral); color: var(--ink); border-bottom: 3px solid var(--ink); }
.mobile-emergency .section-label { color: var(--ink); }
.mobile-core { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.mobile-core .section-label, .mobile-policy .section-label { color: var(--cream); }
.mobile-core-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 42px; border: 2px solid var(--cream); }
.mobile-core-grid p { min-height: 108px; display: flex; flex-direction: column; justify-content: center; padding: 18px 20px; border-right: 1px solid rgba(244, 237, 224, 0.4); }
.mobile-core-grid p:last-child { border-right: 0; }
.mobile-core-grid strong { font-family: var(--heavy); font-size: 18px; }
.mobile-core-grid span { margin-top: 4px; }
.mobile-core > .shell > .button { margin-top: 30px; }
.mobile-host { background: var(--cream); }
.mobile-policy { background: var(--blue); color: var(--cream); }
.mobile-policy .text-link { display: inline-block; color: var(--cream); }

/* Campaign hub and Free the Spectrum campaign. */
.campaigns-heading { max-width: 18ch; margin-bottom: 36px; font-size: clamp(36px, 4.4vw, 50px); }
.campaigns-card-grid .legal-card-campaign { grid-column: auto; }
.campaigns-card-grid .legal-card-campaign:first-child { background: var(--blue); }
.campaigns-card-grid .legal-card-campaign:last-child { background: var(--ink); }

.spectrum-campaign-page { background: var(--paper); }
.spectrum-deadline { padding-block: 14px; background: var(--coral); color: var(--ink); border-bottom: 3px solid var(--ink); }
.spectrum-deadline-next { background: var(--cream); }
.spectrum-deadline-grid { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.spectrum-deadline p { display: flex; align-items: baseline; gap: 15px; }
.spectrum-deadline strong, .spectrum-deadline a { font-family: var(--heavy); }
.spectrum-deadline span { font-size: 16px; }
.spectrum-deadline a { flex: 0 0 auto; text-underline-offset: 4px; }

.spectrum-hero { background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.spectrum-hero-grid { min-height: 530px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.72fr); align-items: center; gap: clamp(38px, 6vw, 78px); padding-block: clamp(54px, 7vw, 86px); }
.spectrum-hero .section-label { color: var(--cream); }
.spectrum-tagline { max-width: 650px; margin-top: 16px; font-family: var(--heavy); font-size: 17px; }
.spectrum-hero h1 { max-width: 18ch; margin-top: 18px; font-size: clamp(42px, 4.4vw, 58px); }
.spectrum-hero-copy { max-width: 650px; margin-top: 24px; font-size: clamp(19px, 1.7vw, 22px); line-height: 1.48; }
.spectrum-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; }
.spectrum-fee-card { padding: clamp(26px, 3.5vw, 38px); background: var(--ink); color: var(--cream); border: 3px solid var(--cream); box-shadow: 10px 10px 0 var(--coral); }
.spectrum-card-label { font-family: var(--heavy); font-size: 16px; }
.spectrum-fee-card dl { margin-top: 18px; border-top: 3px solid var(--cream); }
.spectrum-fee-card dl div { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding-block: 14px; border-bottom: 1px solid rgba(244, 237, 224, 0.4); }
.spectrum-fee-card dt { font-weight: 700; }
.spectrum-fee-card dd { text-align: right; font-family: var(--heavy); font-size: 30px; line-height: 1; }
.spectrum-fee-card dd span { display: block; margin-top: 5px; font-family: var(--body); font-size: 14px; }
.spectrum-fee-card > p:last-child { margin-top: 20px; font-size: 15px; }

.spectrum-section { padding-block: clamp(56px, 7vw, 86px); }
.spectrum-section h2, .spectrum-submit h2, .spectrum-disclosure h2 { max-width: 20ch; margin-top: 12px; font-size: clamp(36px, 4.4vw, 52px); }
.spectrum-section-intro { max-width: 820px; margin-top: 24px; font-size: clamp(19px, 1.8vw, 22px); line-height: 1.48; }
.spectrum-split { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(38px, 6vw, 76px); align-items: start; }
.spectrum-split > div:first-child > p:not(.section-label) { max-width: 690px; margin-top: 22px; }
.spectrum-lede { font-size: clamp(20px, 2vw, 23px); line-height: 1.45; }
.spectrum-mismatch { background: var(--cream); }
.spectrum-mismatch-copy { max-width: 880px; }
.spectrum-mismatch-copy > p:not(.section-label) { max-width: 800px; margin-top: 22px; }
.spectrum-comparison-wrap { min-width: 0; margin-top: 38px; overflow-x: auto; }
.spectrum-comparison-wrap:focus-visible { outline: 4px solid var(--blue); outline-offset: 4px; }
.spectrum-comparison { width: 100%; table-layout: fixed; border-collapse: collapse; background: var(--paper); border: 3px solid var(--ink); }
.spectrum-comparison caption { padding: 14px 16px; background: var(--ink); color: var(--cream); font-family: var(--heavy); text-align: left; }
.spectrum-comparison th, .spectrum-comparison td { padding: 16px; border: 1px solid var(--ink); text-align: left; vertical-align: top; }
.spectrum-comparison thead th { font-family: var(--heavy); }
.spectrum-comparison tbody th { width: 42%; }
.spectrum-footnote { margin-top: 18px; padding-left: 15px; border-left: 6px solid var(--coral); font-size: 15px; }

.spectrum-rules { background: var(--paper); border-block: 3px solid var(--ink); }
.spectrum-strip { margin-top: 36px; padding: 22px; background: var(--ink); color: var(--cream); border: 3px solid var(--ink); }
.spectrum-scale { display: grid; grid-template-columns: 20fr 20fr 50fr 10fr; font-size: 13px; }
.spectrum-scale span:nth-child(1) { grid-column: 1; }
.spectrum-scale span:nth-child(2) { grid-column: 1; justify-self: end; transform: translateX(50%); }
.spectrum-scale span:nth-child(3) { grid-column: 2; justify-self: end; transform: translateX(50%); }
.spectrum-scale span:nth-child(4) { grid-column: 3; justify-self: end; transform: translateX(50%); }
.spectrum-scale span:nth-child(5) { grid-column: 4; justify-self: end; }
.spectrum-track { display: flex; min-height: 82px; margin-top: 8px; border: 2px solid var(--cream); }
.spectrum-track > span { display: flex; align-items: center; justify-content: center; padding: 9px; border-right: 1px solid var(--cream); text-align: center; font-size: 14px; line-height: 1.25; }
.spectrum-track > span:last-child { border-right: 0; }
.spectrum-width-10 { flex: 10; }
.spectrum-width-20 { flex: 20; }
.spectrum-width-50 { flex: 50; }
.spectrum-unused { background: repeating-linear-gradient(135deg, transparent 0, transparent 8px, rgba(244, 237, 224, 0.12) 8px, rgba(244, 237, 224, 0.12) 16px); }
.spectrum-shared { background: var(--blue); color: var(--cream); }
.spectrum-rules-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 30px; border: 3px solid var(--ink); }
.spectrum-rules-grid article { min-height: 168px; padding: 24px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.spectrum-rules-grid article:nth-child(3n) { border-right: 0; }
.spectrum-rules-grid article:nth-last-child(-n + 3) { border-bottom: 0; }
.spectrum-rules-grid strong { font-family: var(--heavy); font-size: 19px; }
.spectrum-rules-grid p { margin-top: 10px; }
.spectrum-area-note { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr); align-items: center; gap: 36px; margin-top: 34px; padding: clamp(24px, 3.5vw, 38px); background: var(--cream); border: 3px solid var(--ink); border-top: 10px solid var(--blue); }
.spectrum-area-note > p { max-width: 42ch; font-size: 19px; }
.spectrum-area-diagram { min-height: 220px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.spectrum-circle { width: 210px; height: 210px; position: relative; display: grid; place-items: center; border: 4px solid var(--blue); border-radius: 50%; }
.spectrum-building { padding: 22px 14px; background: var(--ink); color: var(--cream); border: 3px solid var(--ink); font-family: var(--heavy); text-align: center; }
.spectrum-radio { position: absolute; padding: 5px 8px; background: var(--blue); color: var(--cream); border: 2px solid var(--ink); font-family: var(--heavy); font-size: 13px; }
.spectrum-radio-one { top: 24px; left: 36px; }
.spectrum-radio-two { right: 20px; bottom: 40px; }
.spectrum-distant { padding: 18px; background: var(--paper); border: 3px solid var(--ink); text-align: center; }

.spectrum-evidence { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.spectrum-evidence .section-label { color: var(--cream); }
.spectrum-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 38px; }
.spectrum-evidence-grid article { padding: clamp(26px, 3.5vw, 38px); border: 3px solid var(--cream); }
.spectrum-evidence-grid article:last-child { background: var(--cream); color: var(--ink); }
.spectrum-evidence-grid h3 { max-width: 20ch; margin-top: 10px; font-size: clamp(27px, 3vw, 36px); }
.spectrum-evidence-grid article > p:not(.spectrum-card-label), .spectrum-evidence-grid article > a { margin-top: 20px; }
.spectrum-evidence-grid article > a { display: inline-block; font-family: var(--heavy); text-underline-offset: 5px; }
.spectrum-coverage-numbers { margin-top: 24px; border-top: 3px solid var(--ink); }
.spectrum-coverage-numbers div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-block: 12px; border-bottom: 1px solid var(--ink); }
.spectrum-coverage-numbers dt { max-width: 30ch; }
.spectrum-coverage-numbers dd { flex: 0 0 auto; font-family: var(--heavy); font-size: 21px; }

.spectrum-policy { background: var(--cream); }
.spectrum-policy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 38px; border: 3px solid var(--ink); }
.spectrum-policy-grid article { min-height: 300px; display: flex; flex-direction: column; align-items: flex-start; padding: 26px 24px; border-right: 1px solid var(--ink); }
.spectrum-policy-grid article:last-child { border-right: 0; }
.spectrum-policy-grid strong { font-family: var(--heavy); color: var(--blue); font-size: 22px; }
.spectrum-policy-grid p { margin-top: 16px; }
.spectrum-policy-grid a { margin-top: auto; padding-top: 22px; color: var(--blue); font-family: var(--heavy); text-underline-offset: 5px; }

.spectrum-proposal { background: var(--blue); color: var(--cream); border-block: 3px solid var(--ink); }
.spectrum-proposal .section-label { color: var(--cream); }
.spectrum-ask { max-width: 940px; margin-top: 26px; font-size: clamp(20px, 2vw, 24px); line-height: 1.45; }
.spectrum-proposal-grid { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 38px; border: 3px solid var(--cream); }
.spectrum-proposal-grid li { min-height: 300px; padding: 26px 24px; border-right: 1px solid var(--cream); }
.spectrum-proposal-grid li:last-child { border-right: 0; }
.spectrum-proposal-grid span, .spectrum-proposal-grid strong { display: block; font-family: var(--heavy); }
.spectrum-proposal-grid span { font-size: 30px; }
.spectrum-proposal-grid strong { margin-top: 18px; font-size: 22px; }
.spectrum-proposal-grid p { margin-top: 16px; }
.spectrum-rally { margin-top: 34px; font-family: var(--heavy); font-size: clamp(24px, 3vw, 34px); }

.spectrum-our-response { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.spectrum-our-response .section-label { color: var(--cream); }
.spectrum-our-response-lead { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(38px, 6vw, 76px); align-items: start; }
.spectrum-our-response-copy .spectrum-section-intro { margin-top: 0; }
.spectrum-our-response-copy > p + p { max-width: 760px; margin-top: 20px; }
.spectrum-response-priorities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 42px; border: 3px solid var(--cream); }
.spectrum-response-priorities article { min-height: 230px; padding: 26px 24px; border-right: 1px solid var(--cream); border-bottom: 1px solid var(--cream); }
.spectrum-response-priorities article:nth-child(even) { border-right: 0; }
.spectrum-response-priorities article:nth-last-child(-n + 2) { border-bottom: 0; }
.spectrum-response-priorities span, .spectrum-response-priorities strong { display: block; font-family: var(--heavy); }
.spectrum-response-priorities span { color: var(--coral); font-size: 23px; }
.spectrum-response-priorities strong { margin-top: 14px; font-size: 22px; }
.spectrum-response-priorities p { max-width: 46ch; margin-top: 14px; }
.spectrum-response-bottom { margin-top: 30px; padding: clamp(24px, 3vw, 32px); background: var(--cream); color: var(--ink); border: 3px solid var(--cream); }
.spectrum-response-bottom > p { max-width: 820px; }
.spectrum-response-bottom .text-link { color: var(--blue); }

.spectrum-not-asking { background: var(--paper); }
.spectrum-not-asking ul { list-style: none; border-top: 4px solid var(--ink); }
.spectrum-not-asking li { padding: 15px 0 15px 18px; border-bottom: 2px solid var(--ink); border-left: 6px solid var(--blue); }

.spectrum-submit { padding-block: clamp(56px, 7vw, 86px); background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.spectrum-submit .section-label { color: var(--cream); }
.spectrum-submit-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr); gap: clamp(38px, 6vw, 76px); align-items: start; }
.spectrum-submit-grid > div:first-child > p:not(.section-label) { max-width: 650px; margin-top: 22px; }
.spectrum-submit-grid > div:first-child .button { margin-top: 28px; }
.spectrum-response-card { padding: clamp(26px, 3.5vw, 38px); background: var(--cream); color: var(--ink); border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--coral); }
.spectrum-response-card h3 { max-width: 18ch; margin-top: 10px; font-size: clamp(27px, 3vw, 36px); }
.spectrum-response-card > p { margin-top: 18px; }
.spectrum-response-card details { margin-top: 24px; border: 3px solid var(--ink); }
.spectrum-response-card summary { padding: 14px 16px; cursor: pointer; font-family: var(--heavy); }
.spectrum-response-card details[open] summary { background: var(--ink); color: var(--cream); }
.spectrum-template { padding: 18px; border-top: 2px solid var(--ink); font-size: 16px; }
.spectrum-template p + p { margin-top: 16px; }
.spectrum-response-card .button { width: 100%; margin-top: 24px; }
.spectrum-response-card > .text-link { display: inline-block; margin-top: 18px; color: var(--blue); overflow-wrap: anywhere; }

.spectrum-faq { background: var(--cream); }
.spectrum-faq-list { border-top: 4px solid var(--ink); }
.spectrum-faq-list details { border-bottom: 2px solid var(--ink); }
.spectrum-faq-list summary { padding: 18px 42px 18px 0; position: relative; cursor: pointer; list-style: none; font-family: var(--heavy); font-size: 20px; }
.spectrum-faq-list summary::-webkit-details-marker { display: none; }
.spectrum-faq-list summary::after { content: "+"; position: absolute; right: 8px; top: 15px; font-size: 28px; }
.spectrum-faq-list details[open] summary::after { content: "−"; }
.spectrum-faq-list p { max-width: 66ch; padding: 0 42px 20px 0; }

.spectrum-disclosure { padding-block: clamp(46px, 6vw, 68px); background: var(--ink); color: var(--cream); }
.spectrum-disclosure .section-label { color: var(--cream); }
.spectrum-disclosure-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr); align-items: end; gap: clamp(38px, 6vw, 76px); }
.spectrum-disclosure-grid > div:first-child > p:last-child { max-width: 700px; margin-top: 20px; }
.spectrum-disclosure-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 20px; border-top: 3px solid var(--cream); }
.spectrum-disclosure-links a { font-family: var(--heavy); text-underline-offset: 5px; }
.spectrum-sources-page code { overflow-wrap: anywhere; }
.spectrum-response-page .legal-hero h1 { max-width: 19ch; }

/* LTE Band 71 campaign proposal. */
.spectrum-band71-teaser { background: var(--coral); color: var(--ink); border-bottom: 3px solid var(--ink); }
.spectrum-band71-teaser .section-label { color: var(--ink); }
.spectrum-band71-teaser-copy > p { max-width: 650px; font-size: 20px; }
.spectrum-band71-teaser-copy .button { margin-top: 26px; }

.band71-page { background: var(--paper); }
.band71-hero { background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.band71-hero-grid { min-height: 540px; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.72fr); align-items: center; gap: clamp(38px, 6vw, 78px); padding-block: clamp(54px, 7vw, 86px); }
.band71-hero .section-label { color: var(--cream); }
.band71-hero h1 { max-width: 16ch; margin-top: 18px; font-size: clamp(42px, 4.8vw, 62px); }
.band71-hero-copy { max-width: 700px; margin-top: 22px; font-size: clamp(19px, 1.7vw, 22px); line-height: 1.48; }
.band71-status { padding: clamp(26px, 3.5vw, 38px); background: var(--paper); color: var(--ink); border: 3px solid var(--cream); box-shadow: 10px 10px 0 var(--coral); }
.band71-status h2 { max-width: 12ch; margin-top: 12px; font-size: clamp(30px, 3vw, 40px); }
.band71-status > p:not(.spectrum-card-label) { margin-top: 20px; }
.band71-status > p:last-child { padding-top: 16px; border-top: 2px solid var(--ink); font-weight: 700; }

.band71-anchor-nav { background: var(--ink); color: var(--cream); border-bottom: 3px solid var(--ink); }
.band71-anchor-nav .shell { display: flex; flex-wrap: wrap; gap: 0; }
.band71-anchor-nav a { min-height: 50px; display: inline-flex; align-items: center; padding: 11px 16px; border-right: 1px solid rgba(244, 237, 224, 0.28); font-family: var(--heavy); font-size: 14px; text-underline-offset: 4px; }

.band71-source-ref { font-family: var(--heavy); white-space: nowrap; text-underline-offset: 3px; }
.band71-benefits { background: var(--cream); }
.band71-benefits > .shell > h2 { max-width: 21ch; }
.band71-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 38px; border: 3px solid var(--ink); }
.band71-benefit-grid article { min-height: 230px; padding: clamp(24px, 3vw, 34px); border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.band71-benefit-grid article:nth-child(even) { border-right: 0; }
.band71-benefit-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
.band71-benefit-grid article:nth-child(3) { background: var(--paper); }
.band71-benefit-grid article:nth-child(4) { background: var(--ink); color: var(--cream); }
.band71-benefit-grid h3 { max-width: 22ch; font-size: clamp(24px, 2.6vw, 31px); }
.band71-benefit-grid p { max-width: 54ch; margin-top: 16px; }
.band71-qualification { max-width: 920px; margin-top: 30px; padding: 22px 24px; background: var(--paper); border: 3px solid var(--ink); border-left: 10px solid var(--coral); font-size: 19px; }

.band71-editorial-grid { display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(38px, 6vw, 76px); }
.band71-editorial-grid h2 { max-width: 16ch; }
.band71-prose { max-width: 760px; }
.band71-prose p + p { margin-top: 22px; }
.band71-proposal { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.band71-proposal .section-label, .band71-protections .section-label, .band71-contact .section-label { color: var(--cream); }
.band71-policy-note { margin-top: 30px; padding: 20px; background: var(--cream); color: var(--ink); border-left: 8px solid var(--coral); }

.band71-trial { background: var(--paper); }
.band71-measurement-note { display: grid; grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr); gap: 28px; margin-top: 44px; padding: clamp(24px, 3vw, 34px); background: var(--blue); color: var(--cream); border: 3px solid var(--ink); }
.band71-measurement-note strong { font-family: var(--heavy); font-size: 21px; }

.band71-frequencies { background: var(--cream); border-block: 3px solid var(--ink); }
.band71-frequencies > .shell > h2 { max-width: 19ch; }
.band71-technical-intro { max-width: 850px; margin-top: 28px; }
.band71-technical-intro p + p { margin-top: 20px; }
.band71-table-wrap { min-width: 0; margin-top: 30px; overflow-x: auto; }
.band71-table-wrap:focus-visible { outline: 4px solid var(--blue); outline-offset: 4px; }
.band71-frequency-table { width: 100%; min-width: 620px; table-layout: fixed; border-collapse: collapse; background: var(--paper); border: 3px solid var(--ink); }
.band71-frequency-table caption { padding: 14px 16px; background: var(--ink); color: var(--cream); font-family: var(--heavy); text-align: left; }
.band71-frequency-table th, .band71-frequency-table td { padding: 17px 16px; border: 1px solid var(--ink); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.band71-frequency-table thead th, .band71-frequency-table tbody th { font-family: var(--heavy); }
.band71-technical-note { max-width: 900px; margin-top: 24px; }
.band71-warning { max-width: 980px; margin-top: 32px; padding: clamp(24px, 3vw, 34px); background: var(--coral); color: var(--ink); border: 3px solid var(--ink); }
.band71-warning strong { display: block; font-family: var(--heavy); font-size: 21px; }
.band71-warning p { margin-top: 14px; }

.band71-protections { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.band71-campaign-fit { background: var(--paper); }
.band71-related-links { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; }
.band71-related-links .text-link { color: var(--blue); }
.band71-faq { background: var(--cream); border-top: 3px solid var(--ink); }
.band71-faq .spectrum-faq-list a { color: var(--blue); }

.band71-contact { padding-block: clamp(56px, 7vw, 86px); background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.band71-contact-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.7fr); align-items: start; gap: clamp(38px, 6vw, 76px); }
.band71-contact h2 { max-width: 16ch; margin-top: 12px; font-size: clamp(36px, 4.4vw, 52px); }
.band71-contact-grid > div:first-child > p:not(.section-label) { max-width: 720px; margin-top: 22px; }
.band71-contact-card { padding: clamp(24px, 3vw, 32px); background: var(--ink); border: 3px solid var(--cream); box-shadow: 10px 10px 0 var(--coral); }
.band71-contact-card .button { width: 100%; }
.band71-contact-card .button + .button, .band71-contact-card .text-link { margin-top: 16px; }
.band71-contact-card .text-link { display: inline-block; }
.band71-copy-fallback { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(244, 237, 224, 0.4); font-size: 14px; }
.band71-copy-fallback a { overflow-wrap: anywhere; text-underline-offset: 3px; }
.band71-campaign-disclosure { margin-top: 44px; padding-top: 24px; border-top: 3px solid var(--cream); }
.band71-campaign-disclosure strong { font-family: var(--heavy); }
.band71-campaign-disclosure p { max-width: 880px; margin-top: 10px; }

.band71-sources { background: var(--paper); }
.band71-sources-grid { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr); align-items: start; gap: clamp(38px, 6vw, 76px); }
.band71-sources-grid > div:first-child > p:not(.section-label) { max-width: 610px; margin-top: 22px; }
.band71-source-list { list-style: none; border-top: 4px solid var(--ink); }
.band71-source-list li { padding: 22px 0 22px 54px; position: relative; border-bottom: 2px solid var(--ink); }
.band71-source-list strong, .band71-source-list span, .band71-source-list a { display: block; }
.band71-source-list .band71-source-number { position: absolute; top: 19px; left: 0; width: 36px; height: 36px; display: grid; place-items: center; margin-top: 0; background: var(--blue); color: var(--cream); font-family: var(--heavy); font-size: 16px; }
.band71-source-list strong { font-family: var(--heavy); font-size: 19px; }
.band71-source-list span { margin-top: 5px; font-size: 15px; }
.band71-source-list a { margin-top: 8px; color: var(--blue); font-family: var(--heavy); overflow-wrap: anywhere; text-underline-offset: 4px; }
.consultation-meta { margin-top: 22px; border-top: 3px solid var(--ink); }
.consultation-meta div { padding-block: 11px; border-bottom: 1px solid var(--ink); }
.consultation-meta dt { font-weight: 700; }
.consultation-meta dd { margin-top: 2px; }
.consultation-question { padding: 18px; background: var(--cream); border-left: 6px solid var(--blue); font-weight: 700; line-height: 1.5; }
.legal-document > section p.consultation-confidentiality { margin-top: 12px; color: var(--blue); font-family: var(--heavy); font-size: 15px; }
.consultation-response-note { padding: 18px; background: var(--ink); color: var(--cream); border-left: 6px solid var(--coral); }
.consultation-response-note a { color: var(--cream); }
.spectrum-response-page .legal-summary > .text-link { display: inline-block; margin-top: 18px; color: var(--blue); overflow-wrap: anywhere; }
.spectrum-response-page .legal-document > section:last-child { border-bottom: 0; }

@media (max-width: 1120px) {
  .primary-nav { display: none; }
  .mobile-menu { display: block; }
  .mobile-menu nav { max-height: calc(100vh - 100px); overflow-y: auto; }
}

@media (max-width: 880px) {
  .header-row { min-height: 66px; }
  .hero-grid { min-height: 0; grid-template-columns: 1fr; }
  .hero-signal { display: none; }
  .status-grid, .service-grid, .home-latest-grid, .network-grid, .community-grid, .voice-safety-grid, .truth-grid, .closing-grid { grid-template-columns: 1fr; }
  .status-grid p { border-right: 0; border-bottom: 1px solid var(--line); }
  .service-card-mobile { margin-top: 0; }
  .network-copy { margin-top: 8px; }
  .stack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stack-grid article:nth-child(2) { border-right: 0; }
  .stack-grid article:nth-child(-n + 2) { border-bottom: 2px solid var(--ink); }
  .community-strip { grid-template-columns: 1fr; }
  .community-strip p { border-right: 0; border-bottom: 1px solid rgba(244, 237, 224, 0.35); }
  .community-strip p:last-child { border-bottom: 0; }
  .community-copy, .voice-safety-grid > div:last-child { padding-top: 0; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .legal-card-grid, .legal-layout { grid-template-columns: 1fr; }
  .legal-card-dark { margin-top: 0; }
  .legal-summary { position: static; }
  .campaign-hero-grid,
  .campaign-compliance-grid,
  .campaign-funds-grid,
  .campaign-register-layout { grid-template-columns: 1fr; }
  .spectrum-hero-grid,
  .spectrum-split,
  .spectrum-submit-grid,
  .spectrum-disclosure-grid { grid-template-columns: 1fr; }
  .spectrum-hero-grid { min-height: 0; }
  .spectrum-fee-card { width: 100%; max-width: 680px; }
  .spectrum-rules-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .spectrum-rules-grid article, .spectrum-rules-grid article:nth-child(3n) { border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
  .spectrum-rules-grid article:nth-child(even) { border-right: 0; }
  .spectrum-rules-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
  .spectrum-area-note { grid-template-columns: 1fr; }
  .spectrum-policy-grid { grid-template-columns: 1fr; }
  .spectrum-policy-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--ink); }
  .spectrum-policy-grid article:last-child { border-bottom: 0; }
  .spectrum-policy-grid a { margin-top: 22px; }
  .spectrum-proposal-grid { grid-template-columns: 1fr; }
  .spectrum-proposal-grid li { min-height: 0; border-right: 0; border-bottom: 1px solid var(--cream); }
  .spectrum-proposal-grid li:last-child { border-bottom: 0; }
  .spectrum-our-response-lead { grid-template-columns: 1fr; }
  .mobile-hero-grid, .mobile-split, .mobile-coverage-grid { grid-template-columns: 1fr; }
  .mobile-hero-grid { min-height: 0; }
  .mobile-plan-card { width: 100%; max-width: 680px; }
  .mobile-compat-grid { grid-template-columns: 1fr; }
  .mobile-compat-grid article { min-height: 0; border-right: 0; border-bottom: 2px solid var(--ink); }
  .mobile-compat-grid article:last-child { border-bottom: 0; }
  .mobile-core-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mobile-core-grid p:nth-child(2) { border-right: 0; }
  .mobile-core-grid p:nth-child(-n + 2) { border-bottom: 1px solid rgba(244, 237, 224, 0.4); }
  .campaign-hero-grid { min-height: 0; }
  .campaign-goal-card { width: 100%; max-width: 680px; }
  .campaign-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .campaign-steps li { min-height: 0; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
  .campaign-steps li:nth-child(even) { border-right: 0; }
  .campaign-steps li:nth-last-child(-n + 2) { border-bottom: 0; }
  .press-layout { grid-template-columns: 1fr; }
  .press-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .press-sidebar-label { grid-column: 1 / -1; }
  .news-hero-grid,
  .publication-hero-grid,
  .publication-layout { grid-template-columns: minmax(0, 1fr); }
  .news-hero-grid { min-height: 0; }
  .publication-card { grid-template-columns: minmax(170px, 0.32fr) minmax(0, 1fr); }
  .publication-card > .text-link { grid-column: 2; justify-self: start; }
  .publication-brand-panel { width: 100%; max-width: 620px; min-height: 0; }
  .publication-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publication-sidebar-label { grid-column: 1 / -1; }
  .band71-hero-grid,
  .band71-editorial-grid,
  .band71-contact-grid,
  .band71-sources-grid { grid-template-columns: 1fr; }
  .band71-hero-grid { min-height: 0; }
  .band71-status, .band71-contact-card { width: 100%; max-width: 680px; }
  .band71-editorial-grid h2 { max-width: 20ch; }
  .band71-prose { max-width: 820px; }
}

@media (max-width: 520px) {
  .shell { width: min(100% - 28px, 1180px); }
  .brand img.brand-logo { width: 124px; height: auto; }
  .hero-grid { gap: 24px; padding-block: 38px; }
  h1 { font-size: clamp(38px, 11vw, 50px); }
  .hero-intro { font-size: 20px; }
  .hero-actions, .button { width: 100%; }
  .services h2, .network-preview h2 { font-size: 36px; }
  .community h2, .voice-safety h2, .truth-section h2, .closing h2 { font-size: 36px; }
  .service-card { min-height: 0; padding: 28px 22px; }
  .service-card h3 { font-size: 32px; }
  .home-latest-story h2 { max-width: none; font-size: 35px; }
  .home-latest-actions, .home-latest-actions .button { width: 100%; }
  .home-latest-projects { padding: 24px 20px; box-shadow: 7px 7px 0 var(--coral); }
  .card-lead { font-size: 18px; }
  .price { display: block; }
  .price span { display: block; }
  .price strong { display: block; margin-block: 10px; font-size: 46px; }
  .footer-row { flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-meta { flex-direction: column; }
  .press-hero-inner { padding-block: 38px; }
  .press-hero h1 { max-width: none; font-size: clamp(36px, 10.5vw, 46px); }
  .press-standfirst { font-size: 19px; }
  .press-meta { grid-template-columns: 1fr; }
  .press-meta div { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(244, 237, 224, 0.5); }
  .press-meta div:last-child { border-bottom: 0; }
  .press-sidebar { grid-template-columns: 1fr; }
  .press-copy { font-size: 18px; }
  .press-copy blockquote { padding: 24px 20px; }
  .press-primary-links, .press-primary-links .button { width: 100%; }
  .news-hero-grid { gap: 30px; padding-block: 38px; }
  .news-hero h1,
  .publication-hero h1 { max-width: none; font-size: clamp(36px, 10.5vw, 46px); }
  .news-category-links a { min-height: 78px; }
  .publication-list { margin-top: 28px; }
  .publication-card,
  .publication-card-featured { grid-template-columns: 1fr; gap: 16px; padding: 24px 0; }
  .publication-card-featured { padding: 24px 20px; }
  .publication-card > .text-link { grid-column: auto; }
  .publication-hero-grid { gap: 28px; padding-top: 38px; }
  .publication-standfirst { font-size: 19px; }
  .publication-meta { grid-template-columns: 1fr; }
  .publication-meta div { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(244, 237, 224, 0.5); }
  .publication-meta div:last-child { border-bottom: 0; }
  .publication-sidebar { grid-template-columns: 1fr; }
  .publication-copy { font-size: 18px; }
  .publication-copy blockquote { padding: 24px 20px; }
  .publication-copy { overflow-wrap: anywhere; }
  .publication-copy table { display: block; max-width: 100%; overflow-x: auto; }
  .publication-share-actions,
  .publication-share-actions .button { width: 100%; }
  .legal-contents { padding: 20px 18px; }
  .legal-contents ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 18px; margin: 14px 0 0 18px; font-size: 16px; line-height: 1.4; }
  .legal-card { min-height: 0; }
  .legal-hero h1 { font-size: 38px; }
  .voice-prelaunch .hero .wrap { padding-block: 36px; }
  .voice-prelaunch .hero h1,
  .voice-prelaunch .phead h1 { font-size: 34px; max-width: none; }
  .voice-prelaunch .hero .lede { font-size: 18px; }
  .voice-prelaunch .voice-status { margin-bottom: 0.8rem; }
  .voice-prelaunch .voice-launch-note { margin-top: 1rem; padding: 0.85rem 0.9rem; }
  .voice-prelaunch .wrap:not(.wrap--narrow) { padding-inline: 14px; }
  .voice-nav ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voice-nav li:last-child { grid-column: 1 / -1; }
  .voice-prelaunch .voice-nav a { width: max-content; max-width: 100%; margin: 0; padding: 10px 8px 9px 0; border-bottom-width: 2px; font-size: 15px; }
  .voice-prelaunch .section-title { font-size: 30px; max-width: none; }
  .stack-grid { grid-template-columns: 1fr; }
  .stack-grid article { min-height: 0; border-right: 0; border-bottom: 2px solid var(--ink); }
  .stack-grid article:nth-child(-n + 2) { border-bottom: 2px solid var(--ink); }
  .stack-grid article:last-child { border-bottom: 0; }
  .campaign-hero-grid { gap: 30px; padding-block: 38px; }
  .campaign-hero h1 { max-width: none; font-size: clamp(38px, 11vw, 46px); }
  .campaign-hero-copy { font-size: 19px; }
  .campaign-goal-card { padding: 24px 20px; }
  .campaign-goal-number { font-size: 54px; }
  .campaign-goal-breakdown div { align-items: baseline; }
  .campaign-band h2,
  .campaign-compliance h2 { max-width: none; font-size: 35px; }
  .campaign-dependency-grid,
  .campaign-steps { grid-template-columns: 1fr; }
  .campaign-dependency-grid article,
  .campaign-steps li { min-height: 0; border-right: 0; border-bottom: 1px solid var(--ink); }
  .campaign-dependency-grid article:nth-last-child(-n + 2),
  .campaign-steps li:nth-last-child(-n + 2) { border-bottom: 1px solid var(--ink); }
  .campaign-dependency-grid article:last-child,
  .campaign-steps li:last-child { border-bottom: 0; }
  .campaign-source-links { flex-direction: column; gap: 12px; }
  .campaign-funds h2 { max-width: none; font-size: 35px; }
  .campaign-bank-card { padding: 24px 20px; box-shadow: 7px 7px 0 var(--coral); }
  .campaign-bank-details div { grid-template-columns: 1fr; gap: 2px; }
  .campaign-ledger { grid-template-columns: 1fr; }
  .campaign-ledger div { min-height: 84px; border-right: 0; }
  .campaign-ledger div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--cream); }
  .campaign-ledger div:last-child { border-bottom: 0; }
  .campaign-disclosure .button { width: 100%; }
  .campaign-disclosure-actions { align-items: stretch; flex-direction: column; gap: 14px; margin-top: 24px; }
  .campaign-disclosure-actions .button,
  .campaign-disclosure-actions .text-link { width: 100%; margin-top: 0; }
  .legal-card-actions { flex-direction: column; }
  .legal-card-actions .button { width: 100%; margin-top: 0; }
  .campaign-register-card { padding: 24px 20px; }
  .campaign-register-fields { grid-template-columns: 1fr; gap: 0; }
  .mobile-hero-grid { gap: 30px; padding-block: 38px; }
  .mobile-hero h1 { max-width: none; font-size: clamp(38px, 11vw, 46px); }
  .mobile-hero-copy { font-size: 19px; }
  .mobile-actions, .mobile-actions .button { width: 100%; }
  .mobile-plan-card { padding: 24px 20px; box-shadow: 7px 7px 0 var(--coral); }
  .mobile-plan-card h2 { display: block; }
  .mobile-plan-card h2 strong, .mobile-plan-card h2 span { display: block; }
  .mobile-plan-card h2 span { margin-top: 10px; padding-bottom: 0; }
  .mobile-plan-lines p { flex-direction: column; gap: 2px; }
  .mobile-plan-lines span { text-align: left; }
  .mobile-section h2 { max-width: none; font-size: 35px; }
  .mobile-location-card { padding: 24px 20px; }
  .mobile-location-list { grid-template-columns: 1fr; }
  .mobile-location-list p, .mobile-location-list p:nth-last-child(-n + 2) { min-height: 52px; border-right: 0; border-bottom: 1px solid currentColor; }
  .mobile-location-list p:last-child { border-bottom: 0; }
  .mobile-core-grid { grid-template-columns: 1fr; }
  .mobile-core-grid p, .mobile-core-grid p:nth-child(2), .mobile-core-grid p:nth-child(-n + 2) { min-height: 84px; border-right: 0; border-bottom: 1px solid rgba(244, 237, 224, 0.4); }
  .mobile-core-grid p:last-child { border-bottom: 0; }
  .spectrum-deadline-grid, .spectrum-deadline p { align-items: flex-start; flex-direction: column; gap: 6px; }
  .spectrum-deadline-grid { gap: 12px; }
  .spectrum-hero-grid { gap: 30px; padding-block: 38px; }
  .spectrum-hero h1 { max-width: none; font-size: clamp(38px, 11vw, 46px); }
  .spectrum-hero-copy { font-size: 19px; }
  .spectrum-actions, .spectrum-actions .button { width: 100%; }
  .spectrum-fee-card, .spectrum-response-card { padding: 24px 20px; box-shadow: 7px 7px 0 var(--coral); }
  .spectrum-section h2, .spectrum-submit h2, .spectrum-disclosure h2 { max-width: none; font-size: 35px; }
  .spectrum-evidence-grid { grid-template-columns: 1fr; }
  .spectrum-comparison { min-width: 680px; font-size: 14px; }
  .spectrum-comparison th, .spectrum-comparison td { padding: 10px 8px; overflow-wrap: anywhere; }
  .spectrum-strip { padding: 18px 12px; }
  .spectrum-scale { display: none; }
  .spectrum-track { min-height: 0; display: grid; grid-template-columns: 1fr; }
  .spectrum-track > span { min-height: 62px; border-right: 0; border-bottom: 1px solid var(--cream); }
  .spectrum-track > span:last-child { border-bottom: 0; }
  .spectrum-rules-grid { grid-template-columns: 1fr; }
  .spectrum-rules-grid article, .spectrum-rules-grid article:nth-child(3n), .spectrum-rules-grid article:nth-child(even), .spectrum-rules-grid article:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--ink); }
  .spectrum-rules-grid article:last-child { border-bottom: 0; }
  .spectrum-area-note { padding: 24px 20px; }
  .spectrum-area-diagram { flex-direction: column; }
  .spectrum-circle { width: min(210px, 74vw); height: min(210px, 74vw); }
  .spectrum-coverage-numbers div { align-items: flex-start; flex-direction: column; gap: 4px; }
  .spectrum-response-priorities { grid-template-columns: 1fr; }
  .spectrum-response-priorities article, .spectrum-response-priorities article:nth-child(even), .spectrum-response-priorities article:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--cream); }
  .spectrum-response-priorities article:last-child { border-bottom: 0; }
  .spectrum-response-bottom .spectrum-actions { align-items: stretch; flex-direction: column; }
  .spectrum-response-bottom .button, .spectrum-response-bottom .text-link { width: 100%; }
  .spectrum-response-page .legal-contents ol { grid-template-columns: 1fr; }
  .spectrum-response-card .button { width: 100%; }
  .spectrum-faq-list summary { font-size: 18px; }
  .band71-hero-grid { gap: 30px; padding-block: 38px; }
  .band71-hero h1 { max-width: none; font-size: clamp(38px, 11vw, 46px); }
  .band71-hero-copy { font-size: 19px; }
  .band71-status, .band71-contact-card { padding: 24px 20px; box-shadow: 7px 7px 0 var(--coral); }
  .band71-anchor-nav .shell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .band71-anchor-nav a { border-right: 1px solid rgba(244, 237, 224, 0.28); border-bottom: 1px solid rgba(244, 237, 224, 0.28); overflow-wrap: anywhere; }
  .band71-anchor-nav a:nth-child(even) { border-right: 0; }
  .band71-benefit-grid { grid-template-columns: 1fr; }
  .band71-benefit-grid article,
  .band71-benefit-grid article:nth-child(even),
  .band71-benefit-grid article:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--ink); }
  .band71-benefit-grid article:last-child { border-bottom: 0; }
  .band71-measurement-note { grid-template-columns: 1fr; gap: 12px; }
  .band71-frequency-table { font-size: 14px; }
  .band71-frequency-table th, .band71-frequency-table td { padding: 11px 9px; }
  .band71-related-links { align-items: stretch; flex-direction: column; }
  .band71-related-links .button, .band71-related-links .text-link { width: 100%; }
  .band71-source-list li { padding-left: 48px; }
}

@media (max-width: 350px) {
  .legal-contents ol { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Community Network Federation feasibility page. */
.cnf-page { background: var(--paper); }
.cnf-hero { overflow: hidden; background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.cnf-hero-grid { min-height: 610px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.72fr); align-items: center; gap: clamp(42px, 7vw, 92px); padding-block: clamp(56px, 7vw, 92px); }
.cnf-status { display: inline-flex; padding: 8px 12px; background: var(--coral); color: var(--ink); font-family: var(--heavy); font-size: 15px; }
.cnf-hero h1 { max-width: 14ch; margin-top: 24px; font-size: clamp(44px, 5.4vw, 70px); }
.cnf-hero-copy > p:not(.cnf-status, .cnf-hero-warning) { max-width: 690px; margin-top: 26px; font-size: clamp(20px, 1.8vw, 23px); line-height: 1.45; }
.cnf-hero-warning { max-width: 700px; margin-top: 25px; padding: 18px 20px; border: 2px solid var(--cream); border-left: 8px solid var(--coral); font-size: 17px; }
.cnf-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; }
.cnf-inline-link { font-family: var(--heavy); font-size: 16px; text-underline-offset: 6px; }
.cnf-status-card { min-width: 0; padding: clamp(26px, 3.5vw, 42px); background: var(--blue); border: 3px solid var(--cream); box-shadow: 12px 12px 0 var(--coral); }
.cnf-status-card img { display: block; width: 100%; height: auto; }
.cnf-status-card dl { margin-top: 32px; border-top: 2px solid var(--cream); }
.cnf-status-card dl div { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); gap: 18px; padding-block: 13px; border-bottom: 1px solid rgba(244, 237, 224, 0.45); }
.cnf-status-card dt { font-family: var(--heavy); font-size: 15px; }
.cnf-status-card dd { text-align: right; }

.cnf-section { padding-block: clamp(58px, 7vw, 92px); }
.cnf-section h2,
.cnf-next h2 { max-width: 18ch; margin-top: 12px; font-size: clamp(38px, 4.7vw, 56px); }
.cnf-split { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.08fr); gap: clamp(42px, 7vw, 92px); align-items: start; }
.cnf-prose { max-width: 720px; }
.cnf-prose p + p { margin-top: 22px; }
.cnf-lede { font-size: clamp(20px, 1.8vw, 23px); line-height: 1.46; }
.cnf-section-intro { max-width: 760px; margin-top: 24px; font-size: 20px; }

.cnf-purpose { background: var(--cream); }
.cnf-model { background: var(--paper); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.cnf-model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 42px; border: 3px solid var(--ink); }
.cnf-model-grid article { min-height: 300px; padding: clamp(26px, 3.4vw, 40px); border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.cnf-model-grid article:nth-child(even) { border-right: 0; }
.cnf-model-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
.cnf-model-grid article > span { display: block; color: var(--blue); font-family: var(--heavy); font-size: 25px; }
.cnf-model-grid h3 { max-width: 18ch; margin-top: 18px; font-size: clamp(26px, 3vw, 35px); }
.cnf-model-grid p { max-width: 48ch; margin-top: 18px; }
.cnf-identity-note { display: grid; grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 52px); margin-top: 32px; padding: clamp(24px, 3vw, 34px); background: var(--blue); color: var(--cream); }
.cnf-identity-note strong { font-family: var(--heavy); font-size: 21px; line-height: 1.25; }

.cnf-current { background: var(--cream); }
.cnf-current-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 48px; border: 3px solid var(--ink); }
.cnf-current-strip p { min-height: 116px; display: flex; flex-direction: column; justify-content: center; padding: 18px 20px; border-right: 1px solid var(--ink); }
.cnf-current-strip p:last-child { border-right: 0; }
.cnf-current-strip strong { font-family: var(--heavy); font-size: 16px; }
.cnf-current-strip span { margin-top: 5px; font-size: 16px; line-height: 1.35; }

.cnf-gaps { background: var(--ink); color: var(--cream); }
.cnf-gaps .section-label { color: var(--coral); }
.cnf-gap-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 42px; border: 3px solid var(--cream); }
.cnf-gap-list article { min-height: 310px; padding: clamp(26px, 3.5vw, 40px); border-right: 1px solid var(--cream); border-bottom: 1px solid var(--cream); }
.cnf-gap-list article:nth-child(even) { border-right: 0; }
.cnf-gap-list article:nth-last-child(-n + 2) { border-bottom: 0; }
.cnf-gap-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.cnf-gap-heading span { color: var(--coral); font-family: var(--heavy); font-size: 24px; }
.cnf-gap-heading p { padding: 6px 9px; background: var(--coral); color: var(--ink); font-family: var(--heavy); font-size: 13px; line-height: 1.2; text-align: right; }
.cnf-gap-list h3 { max-width: 22ch; margin-top: 21px; font-size: clamp(25px, 2.7vw, 33px); }
.cnf-gap-list article > p { max-width: 50ch; margin-top: 17px; }

.cnf-order { background: var(--paper); }
.cnf-order-grid { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.12fr); gap: clamp(42px, 7vw, 92px); align-items: start; }
.cnf-order-grid > div:first-child > p:last-child { max-width: 520px; margin-top: 24px; }
.cnf-order-list { list-style: none; border-top: 4px solid var(--ink); }
.cnf-order-list li { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 18px; padding-block: 22px; border-bottom: 2px solid var(--ink); }
.cnf-order-list li > span { color: var(--blue); font-family: var(--heavy); font-size: 28px; line-height: 1; }
.cnf-order-list strong { font-family: var(--heavy); font-size: 20px; }
.cnf-order-list p { max-width: 52ch; margin-top: 6px; }

.cnf-boundary { background: var(--coral); color: var(--ink); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.cnf-boundary .section-label { color: var(--ink); }
.cnf-boundary-grid { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.12fr); gap: clamp(42px, 7vw, 92px); align-items: start; }
.cnf-boundary-grid > div:last-child { padding: clamp(25px, 3vw, 36px); background: var(--cream); border: 3px solid var(--ink); }
.cnf-boundary-grid > div:last-child p + p { margin-top: 20px; }

.cnf-faq { background: var(--cream); }
.cnf-faq-list { border-top: 4px solid var(--ink); }
.cnf-faq-list details { border-bottom: 2px solid var(--ink); }
.cnf-faq-list summary { position: relative; padding: 19px 45px 19px 0; cursor: pointer; list-style: none; font-family: var(--heavy); font-size: 20px; }
.cnf-faq-list summary::-webkit-details-marker { display: none; }
.cnf-faq-list summary::after { content: "+"; position: absolute; top: 14px; right: 8px; font-size: 30px; }
.cnf-faq-list details[open] summary::after { content: "−"; }
.cnf-faq-list details p { max-width: 62ch; padding: 0 45px 20px 0; }

.cnf-next { padding-block: clamp(54px, 7vw, 84px); background: var(--blue); color: var(--cream); border-bottom: 8px solid var(--coral); }
.cnf-next .section-label { color: var(--cream); }
.cnf-next-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr); gap: clamp(42px, 7vw, 92px); align-items: end; }
.cnf-next-grid > div:first-child > p:last-child { max-width: 700px; margin-top: 22px; }
.cnf-next-actions { display: flex; flex-direction: column; align-items: stretch; gap: 18px; }
.cnf-next-actions .cnf-inline-link { text-align: center; }

@media (max-width: 880px) {
  .cnf-hero-grid,
  .cnf-split,
  .cnf-order-grid,
  .cnf-boundary-grid,
  .cnf-next-grid { grid-template-columns: 1fr; }
  .cnf-hero-grid { min-height: 0; }
  .cnf-status-card { width: 100%; max-width: 660px; }
  .cnf-current-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cnf-current-strip p:nth-child(2) { border-right: 0; }
  .cnf-current-strip p:nth-child(-n + 2) { border-bottom: 1px solid var(--ink); }
  .cnf-next-actions { max-width: 520px; }
}

@media (max-width: 520px) {
  .cnf-hero-grid { gap: 34px; padding-block: 38px 46px; }
  .cnf-hero h1 { max-width: none; font-size: clamp(38px, 11vw, 48px); }
  .cnf-hero-copy > p:not(.cnf-status, .cnf-hero-warning) { font-size: 19px; }
  .cnf-status-card { padding: 24px 20px; box-shadow: 7px 7px 0 var(--coral); }
  .cnf-status-card dl div { grid-template-columns: 1fr; gap: 2px; }
  .cnf-status-card dd { text-align: left; }
  .cnf-actions,
  .cnf-actions .button,
  .cnf-next-actions,
  .cnf-next-actions .button { width: 100%; }
  .cnf-section h2,
  .cnf-next h2 { max-width: none; font-size: 35px; }
  .cnf-model-grid,
  .cnf-gap-list,
  .cnf-current-strip { grid-template-columns: 1fr; }
  .cnf-model-grid article,
  .cnf-model-grid article:nth-child(even),
  .cnf-model-grid article:nth-last-child(-n + 2),
  .cnf-gap-list article,
  .cnf-gap-list article:nth-child(even),
  .cnf-gap-list article:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid currentColor; }
  .cnf-model-grid article:last-child,
  .cnf-gap-list article:last-child { border-bottom: 0; }
  .cnf-identity-note { grid-template-columns: 1fr; }
  .cnf-current-strip p,
  .cnf-current-strip p:nth-child(2),
  .cnf-current-strip p:nth-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--ink); }
  .cnf-current-strip p:last-child { border-bottom: 0; }
  .cnf-gap-heading { align-items: flex-start; }
  .cnf-order-list li { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; }
  .cnf-faq-list summary { font-size: 18px; }
}

/* Community Networks Federation founding announcement. */
.cnf-page main {
  --cnf-paper: #f6f5f0;
  --cnf-ink: #16292d;
  --cnf-teal: #12665a;
  --cnf-green: #e3ece5;
  --cnf-ochre: #d5a84c;
  background: var(--cnf-paper);
  color: var(--cnf-ink);
}
.cnf-page main a:focus-visible,
.cnf-page main button:focus-visible,
.cnf-page main [tabindex="0"]:focus-visible {
  outline: 3px solid var(--cnf-ochre);
  outline-offset: 4px;
  box-shadow: 0 0 0 2px var(--cnf-ink);
}
.cnf-page main h1,
.cnf-page main h2,
.cnf-page main h3 {
  color: inherit;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 800;
}
.cnf-hero {
  overflow: hidden;
  background: var(--cnf-ink);
  color: var(--cnf-paper);
  border-bottom: 0;
}
.cnf-hero-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.66fr);
  align-items: center;
  gap: clamp(44px, 7vw, 96px);
  padding-block: clamp(64px, 8vw, 106px);
}
.cnf-eyebrow {
  display: grid;
  gap: 3px;
  color: var(--cnf-ochre);
  font-size: 15px;
  font-weight: 800;
}
.cnf-eyebrow span + span {
  padding-left: 0;
  border-left: 0;
}
.cnf-hero h1 {
  max-width: 12ch;
  margin-top: 20px;
  font-size: clamp(46px, 5.5vw, 72px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}
.cnf-hero-copy > p:not(.cnf-eyebrow) {
  max-width: 720px;
  margin-top: 24px;
  font-size: clamp(18px, 1.55vw, 21px);
  line-height: 1.5;
}
.cnf-hero-copy .cnf-announcement {
  padding-left: 20px;
  border-left: 5px solid var(--cnf-ochre);
}
.cnf-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  margin-top: 30px;
}
.cnf-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 2px solid currentColor;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}
.cnf-button-light { background: var(--cnf-paper); color: var(--cnf-ink); }
.cnf-button-dark { background: var(--cnf-ink); color: var(--cnf-paper); }
.cnf-text-link,
.cnf-programme-link {
  font-size: 16px;
  font-weight: 800;
  text-underline-offset: 6px;
}
.cnf-programme-link { display: inline-block; margin-top: 22px; color: var(--cnf-ochre); }
.cnf-lockup {
  min-width: 0;
  padding-block: clamp(28px, 4vw, 46px);
  border-top: 2px solid rgba(246, 245, 240, 0.72);
  border-bottom: 2px solid rgba(246, 245, 240, 0.72);
}
.cnf-lockup img {
  width: min(100%, 420px);
  height: auto;
  display: block;
}
.cnf-full-name { margin-top: 10px; font-size: 15px; font-weight: 800; }
.cnf-strapline {
  margin-top: clamp(40px, 7vw, 76px);
  font-size: clamp(30px, 3.4vw, 43px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -0.04em;
}
.cnf-audience {
  display: grid;
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid rgba(246, 245, 240, 0.6);
}
.cnf-audience span { padding-block: 12px; border-bottom: 1px solid rgba(246, 245, 240, 0.34); font-size: 15px; font-weight: 700; }

.cnf-local-nav {
  position: sticky;
  top: 70px;
  z-index: 15;
  background: var(--cnf-paper);
  color: var(--cnf-ink);
  border-bottom: 2px solid var(--cnf-ink);
}
.cnf-local-nav .shell {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  scrollbar-width: thin;
}
.cnf-local-nav a {
  min-height: 50px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 10px 20px;
  border-left: 1px solid rgba(22, 41, 45, 0.22);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}
.cnf-local-nav a:last-child { border-right: 1px solid rgba(22, 41, 45, 0.22); }
.cnf-local-nav a:hover { background: var(--cnf-green); text-decoration: underline; text-underline-offset: 5px; }

.cnf-section { padding-block: clamp(64px, 8vw, 104px); }
.cnf-section h2,
.cnf-closing h2 {
  max-width: 18ch;
  margin-top: 12px;
  font-size: clamp(38px, 4.6vw, 57px);
  line-height: 1.02;
}
.cnf-label {
  color: var(--cnf-teal);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.cnf-split,
.cnf-outcome-grid,
.cnf-voice-grid,
.cnf-isp-grid,
.cnf-participate-grid,
.cnf-faq-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(42px, 7vw, 92px);
  align-items: start;
}
.cnf-prose,
.cnf-section-head,
.cnf-isp-copy { max-width: 750px; }
.cnf-prose p + p,
.cnf-section-head p + p,
.cnf-isp-copy p + p,
.cnf-voice-grid > div:first-child p + p,
.cnf-outcome-grid article > p + p { margin-top: 20px; }
.cnf-lede { font-size: clamp(20px, 1.8vw, 23px); line-height: 1.45; }
.cnf-section-head > p:last-child { margin-top: 24px; font-size: 20px; }

.cnf-purpose { background: var(--cnf-paper); }
.cnf-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(26px, 4vw, 48px);
  margin-top: 54px;
}
.cnf-principles article { padding-top: 20px; border-top: 3px solid var(--cnf-teal); }
.cnf-principles h3 { font-size: 25px; }
.cnf-principles p { max-width: 35ch; margin-top: 12px; font-size: 16px; }

.cnf-costs { background: var(--cnf-green); border-top: 2px solid var(--cnf-ink); border-bottom: 2px solid var(--cnf-ink); }
.cnf-cost-list { max-width: 980px; margin-top: 46px; border-top: 2px solid var(--cnf-ink); }
.cnf-cost-list article { display: grid; grid-template-columns: minmax(220px, 0.66fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 70px); padding-block: 25px; border-bottom: 1px solid var(--cnf-ink); }
.cnf-cost-list h3 { font-size: 24px; }
.cnf-cost-list p { font-size: 17px; }
.cnf-table-wrap { max-width: 100%; margin-top: 42px; overflow-x: auto; }
.cnf-table { width: 100%; min-width: 780px; border-collapse: collapse; background: var(--cnf-paper); font-size: 16px; }
.cnf-table caption { padding: 14px 16px; background: var(--cnf-ink); color: var(--cnf-paper); font-size: 17px; font-weight: 800; text-align: left; }
.cnf-table th,
.cnf-table td { width: 33.333%; padding: 16px; border: 1px solid var(--cnf-ink); text-align: left; vertical-align: top; }
.cnf-table th { background: var(--cnf-teal); color: var(--cnf-paper); font-weight: 800; }
.cnf-cost-note { max-width: 850px; margin-top: 22px; font-size: 15px; }
.cnf-funding {
  display: grid;
  grid-template-columns: minmax(170px, 0.3fr) minmax(0, 1fr) minmax(260px, 0.68fr);
  gap: 28px;
  align-items: start;
  margin-top: 46px;
  padding-block: 30px;
  border-top: 4px solid var(--cnf-ochre);
  border-bottom: 1px solid var(--cnf-ink);
}
.cnf-funding .cnf-label { color: var(--cnf-teal); }
.cnf-funding h3 { font-size: clamp(24px, 2.8vw, 34px); line-height: 1.12; }
.cnf-funding > p:last-child { font-size: 16px; }

.cnf-outcomes { background: var(--cnf-paper); }
.cnf-outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cnf-outcome-grid > article { min-width: 0; }
.cnf-outcome-grid > article > p:not(.cnf-label) { max-width: 54ch; margin-top: 22px; }
.cnf-coverage-card { padding-left: clamp(24px, 4vw, 46px); border-left: 4px solid var(--cnf-teal); }
.cnf-coverage-card .cnf-label { color: var(--cnf-teal); }
.cnf-site-sketch { display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr; align-items: center; gap: 8px; margin-block: 36px 30px; }
.cnf-site-sketch span:not(.cnf-sketch-route) { min-height: 100px; display: grid; place-items: center; padding: 12px; border: 2px solid currentColor; font-size: 15px; font-weight: 800; line-height: 1.25; text-align: center; }
.cnf-site-sketch .cnf-sketch-isp { background: var(--cnf-teal); color: var(--cnf-paper); }
.cnf-site-sketch .cnf-sketch-shared { background: var(--cnf-ochre); color: var(--cnf-ink); }
.cnf-sketch-route { height: 2px; background: currentColor; position: relative; }
.cnf-sketch-route::after { content: ""; position: absolute; right: -1px; top: -4px; border-block: 5px solid transparent; border-left: 8px solid currentColor; }

.cnf-federation { background: var(--cnf-green); border-top: 2px solid var(--cnf-ink); }
.cnf-diagram { margin-top: 44px; }
.cnf-diagram figcaption { display: flex; flex-wrap: wrap; gap: 6px 24px; padding-block: 18px; border-top: 2px solid var(--cnf-ink); border-bottom: 1px solid var(--cnf-ink); }
.cnf-diagram figcaption strong { font-size: 17px; }
.cnf-diagram figcaption span { font-size: 15px; }
.cnf-diagram-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cnf-member-row { margin-top: 32px; }
.cnf-member-row div { min-height: 118px; padding-block: 18px; border-top: 2px solid var(--cnf-teal); }
.cnf-member-row span,
.cnf-member-row small { display: block; }
.cnf-member-row span { font-size: 18px; font-weight: 800; line-height: 1.2; }
.cnf-member-row small { margin-top: 12px; line-height: 1.4; }
.cnf-connector { width: 65%; height: 40px; margin-inline: auto; border-left: 2px dashed var(--cnf-teal); border-right: 2px dashed var(--cnf-teal); border-bottom: 2px dashed var(--cnf-teal); }
.cnf-shared-layer { padding: 24px; background: var(--cnf-teal); color: var(--cnf-paper); }
.cnf-shared-layer > p { font-size: 22px; font-weight: 800; }
.cnf-shared-layer > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.cnf-shared-layer span { padding-top: 10px; border-top: 1px solid rgba(246, 245, 240, 0.72); font-size: 14px; font-weight: 700; line-height: 1.3; }
.cnf-diagram-note { margin-top: 18px; font-size: 14px; }

.cnf-mobile-architecture { background: var(--cnf-ink); color: var(--cnf-paper); }
.cnf-section-head-light .cnf-label,
.cnf-mobile-architecture .cnf-label,
.cnf-programme .cnf-label { color: var(--cnf-ochre); }
.cnf-section-head-light { max-width: 850px; }
.cnf-mobile-diagram { background: #102125; color: var(--cnf-paper); border-color: var(--cnf-paper); }
.cnf-mobile-diagram figcaption { border-color: rgba(246, 245, 240, 0.56); }
.cnf-line-key { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 22px; font-size: 14px; }
.cnf-line-key span { display: inline-flex; align-items: center; gap: 9px; }
.cnf-line-key i { width: 34px; height: 0; display: inline-block; border-top: 3px solid var(--cnf-ochre); }
.cnf-line-key .cnf-key-dashed { border-top-style: dashed; }
.cnf-control-layer { max-width: 680px; margin: 34px auto 0; padding: 24px; background: var(--cnf-teal); border: 2px solid var(--cnf-paper); text-align: center; }
.cnf-control-layer > p { font-weight: 800; }
.cnf-control-layer > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-block: 18px; }
.cnf-control-layer > div span { padding: 16px; background: var(--cnf-paper); color: var(--cnf-ink); }
.cnf-control-layer strong,
.cnf-control-layer small { display: block; }
.cnf-control-layer strong { font-size: 23px; }
.cnf-control-layer small { margin-top: 5px; font-size: 13px; }
.cnf-signal-lines { width: 53%; height: 44px; display: grid; grid-template-columns: repeat(2, 1fr); margin-inline: auto; }
.cnf-signal-lines span { width: 50%; justify-self: center; border-left: 2px dashed var(--cnf-ochre); }
.cnf-local-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.cnf-local-paths article { padding: 24px; border: 2px solid var(--cnf-paper); }
.cnf-local-paths h3 { font-size: 22px; }
.cnf-local-paths article > p { margin-top: 18px; font-size: 14px; }
.cnf-packet-path { display: grid; grid-template-columns: 1fr 34px 1.15fr 34px 1fr; align-items: center; margin-top: 22px; }
.cnf-packet-path span { min-height: 68px; display: grid; place-items: center; padding: 9px; background: var(--cnf-paper); color: var(--cnf-ink); font-size: 14px; font-weight: 800; line-height: 1.25; text-align: center; }
.cnf-packet-path i { height: 3px; background: var(--cnf-ochre); }
.cnf-glossary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; margin-top: 32px; }
.cnf-glossary div { padding-top: 14px; border-top: 1px solid rgba(246, 245, 240, 0.6); }
.cnf-glossary dt { color: var(--cnf-ochre); font-weight: 800; }
.cnf-glossary dd { margin-top: 6px; font-size: 14px; line-height: 1.4; }

.cnf-voice-layer { background: var(--cnf-ochre); border-bottom: 2px solid var(--cnf-ink); }
.cnf-voice-layer .cnf-label,
.cnf-participate .cnf-label { color: var(--cnf-ink); }
.cnf-voice-grid { align-items: center; }
.cnf-voice-grid > div:first-child > p:not(.cnf-label) { max-width: 660px; margin-top: 20px; }
.cnf-voice-stack { min-width: 0; }
.cnf-voice-stack > div { padding: 22px; background: var(--cnf-paper); border: 2px solid var(--cnf-ink); }
.cnf-voice-stack > div:nth-of-type(2) { background: var(--cnf-teal); color: var(--cnf-paper); }
.cnf-voice-stack strong { display: block; margin-bottom: 14px; font-size: 20px; }
.cnf-voice-stack span { display: inline-block; margin: 4px 4px 0 0; padding: 5px 8px; border: 1px solid currentColor; font-size: 14px; font-weight: 700; }
.cnf-voice-stack > i { width: 2px; height: 28px; display: block; margin-inline: auto; background: var(--cnf-ink); }

.cnf-distribution { background: var(--cnf-paper); }
.cnf-design-table th:first-child,
.cnf-design-table td:first-child { width: 30%; font-weight: 800; }
.cnf-design-table th:last-child,
.cnf-design-table td:last-child { width: 70%; }

.cnf-isps { background: var(--cnf-teal); color: var(--cnf-paper); }
.cnf-isps .cnf-label { color: var(--cnf-ochre); }
.cnf-isp-grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr); }
.cnf-isp-copy { padding-top: 26px; }
.cnf-isp-roles { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 34px; margin-top: 18px; }
.cnf-isp-roles span { padding-block: 12px; border-bottom: 2px solid rgba(246, 245, 240, 0.7); font-size: 15px; font-weight: 800; }

.cnf-recovery { background: var(--cnf-green); }
.cnf-recovery-explorer { margin-top: 44px; border: 2px solid var(--cnf-ink); background: var(--cnf-paper); }
.cnf-recovery-control { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 2px solid var(--cnf-ink); }
.cnf-recovery-control button { min-height: 54px; padding: 11px 16px; border: 0; border-right: 1px solid var(--cnf-ink); background: var(--cnf-paper); color: var(--cnf-ink); font: inherit; font-size: 16px; font-weight: 800; cursor: pointer; }
.cnf-recovery-control button:last-child { border-right: 0; }
.cnf-recovery-control button[aria-pressed="true"] { background: var(--cnf-ink); color: var(--cnf-paper); }
.cnf-recovery-panel { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr); gap: 42px; align-items: center; min-height: 310px; padding: clamp(28px, 5vw, 52px); }
.cnf-recovery-panel[hidden] { display: none; }
.cnf-recovery-panel h3 { margin-top: 8px; font-size: clamp(26px, 3vw, 36px); }
.cnf-recovery-panel > div:last-child > p:last-child { margin-top: 14px; }
.cnf-recovery-state { color: var(--cnf-teal); font-size: 14px; font-weight: 800; text-transform: uppercase; }
.cnf-recovery-path { display: grid; grid-template-columns: 1fr 50px 1.15fr 50px 0.8fr; align-items: center; }
.cnf-recovery-path span { min-height: 100px; display: grid; place-items: center; padding: 14px; border: 2px solid var(--cnf-ink); font-size: 15px; font-weight: 800; line-height: 1.25; text-align: center; }
.cnf-recovery-path i { height: 3px; background: var(--cnf-teal); }
.cnf-recovery-path-failed span:nth-of-type(2),
.cnf-recovery-path-failed span:nth-of-type(3) { background: #ead9d2; }
.cnf-recovery-path-failed i { background: repeating-linear-gradient(90deg, #8c3524 0 8px, transparent 8px 14px); }
.cnf-recovery-path-backup span:nth-of-type(2) { background: var(--cnf-ochre); }
.cnf-recovery-stages { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 30px; }
.cnf-recovery-stages li { padding-top: 16px; border-top: 2px solid var(--cnf-teal); }
.cnf-recovery-stages strong { font-size: 16px; }
.cnf-recovery-stages p { margin-top: 6px; font-size: 14px; }

.cnf-programme { background: var(--cnf-ink); color: var(--cnf-paper); }
.cnf-programme-list { margin-top: 44px; border-top: 2px solid var(--cnf-paper); }
.cnf-programme-list article { display: grid; grid-template-columns: minmax(170px, 0.36fr) minmax(220px, 0.58fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; padding-block: 27px; border-bottom: 1px solid rgba(246, 245, 240, 0.6); }
.cnf-programme-list article > p:first-child { color: var(--cnf-ochre); font-size: 14px; font-weight: 800; text-transform: uppercase; }
.cnf-programme-list h3 { font-size: 25px; }
.cnf-programme-list article > p:last-child { font-size: 16px; }
.cnf-programme-boundary { max-width: 960px; margin-top: 30px; padding-left: 18px; border-left: 4px solid var(--cnf-ochre); }

.cnf-participate { background: var(--cnf-ochre); }
.cnf-participate-grid > div:first-child > p:not(.cnf-label) { max-width: 650px; margin-top: 22px; }
.cnf-participate-grid .cnf-button { margin-top: 28px; }
.cnf-participation-questions { list-style: none; border-top: 2px solid var(--cnf-ink); }
.cnf-participation-questions li { padding-block: 22px; border-bottom: 1px solid var(--cnf-ink); font-size: 19px; font-weight: 700; }

.cnf-faq { background: var(--cnf-paper); }
.cnf-faq-grid { grid-template-columns: minmax(250px, 0.55fr) minmax(0, 1.2fr); }
.cnf-faq-list { border-top: 2px solid var(--cnf-ink); }
.cnf-faq-list details { border-bottom: 2px solid var(--cnf-ink); }
.cnf-faq-list summary { min-height: 58px; padding: 17px 48px 17px 0; color: var(--cnf-ink); font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: 800; }
.cnf-faq-list details p { max-width: 68ch; padding: 0 48px 22px 0; }
.cnf-faq-list summary::after { color: var(--cnf-teal); }

.cnf-closing { padding-block: clamp(54px, 7vw, 84px); background: var(--cnf-teal); color: var(--cnf-paper); }
.cnf-closing-grid { display: grid; grid-template-columns: minmax(240px, 0.58fr) minmax(0, 1fr); gap: clamp(42px, 7vw, 92px); align-items: center; }
.cnf-closing img { width: min(100%, 390px); height: auto; }
.cnf-closing h2 { max-width: 16ch; }

@media (max-width: 980px) {
  .cnf-hero-grid,
  .cnf-split,
  .cnf-outcome-grid,
  .cnf-voice-grid,
  .cnf-isp-grid,
  .cnf-participate-grid,
  .cnf-faq-grid,
  .cnf-closing-grid { grid-template-columns: 1fr; }
  .cnf-lockup { max-width: 680px; }
  .cnf-programme-list article { grid-template-columns: minmax(170px, 0.36fr) minmax(0, 1fr); }
  .cnf-programme-list article > p:last-child { grid-column: 2; }
  .cnf-funding { grid-template-columns: minmax(170px, 0.35fr) minmax(0, 1fr); }
  .cnf-funding > p:last-child { grid-column: 2; }
  .cnf-shared-layer > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cnf-glossary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cnf-isp-roles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cnf-recovery-panel { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .cnf-local-nav { top: 70px; }
  .cnf-hero-grid { gap: 40px; padding-block: 48px 56px; }
  .cnf-hero h1 { max-width: none; font-size: clamp(40px, 12vw, 54px); }
  .cnf-eyebrow { display: grid; }
  .cnf-eyebrow span + span { padding-left: 0; border-left: 0; }
  .cnf-lockup { padding-block: 26px; }
  .cnf-actions,
  .cnf-actions .cnf-button { width: 100%; }
  .cnf-section h2,
  .cnf-closing h2 { max-width: none; font-size: clamp(34px, 10.5vw, 44px); }
  .cnf-principles,
  .cnf-member-row,
  .cnf-local-paths,
  .cnf-recovery-stages { grid-template-columns: 1fr; }
  .cnf-member-row div { min-height: 0; }
  .cnf-cost-list article,
  .cnf-programme-list article { grid-template-columns: 1fr; gap: 10px; }
  .cnf-programme-list article > p:last-child { grid-column: auto; }
  .cnf-funding { grid-template-columns: 1fr; }
  .cnf-funding > p:last-child { grid-column: auto; }
  .cnf-coverage-card { padding-left: 0; padding-top: 28px; border-left: 0; border-top: 4px solid var(--cnf-teal); }
  .cnf-site-sketch { grid-template-columns: 1fr; }
  .cnf-site-sketch span:not(.cnf-sketch-route) { min-height: 74px; }
  .cnf-sketch-route { width: 2px; height: 28px; justify-self: center; }
  .cnf-sketch-route::after { right: -4px; top: auto; bottom: -2px; border-inline: 5px solid transparent; border-top: 8px solid currentColor; border-left-color: transparent; }
  .cnf-connector { width: 50%; }
  .cnf-shared-layer > div,
  .cnf-control-layer > div,
  .cnf-glossary,
  .cnf-isp-roles { grid-template-columns: 1fr; }
  .cnf-shared-layer span,
  .cnf-shared-layer span:nth-child(3),
  .cnf-glossary div,
  .cnf-glossary div:nth-child(3),
  .cnf-isp-roles span,
  .cnf-isp-roles span:nth-child(3) { min-height: 0; border-right: 0; }
  .cnf-signal-lines { width: 50%; grid-template-columns: 1fr; }
  .cnf-signal-lines span:last-child { display: none; }
  .cnf-packet-path,
  .cnf-recovery-path { grid-template-columns: 1fr; }
  .cnf-packet-path span,
  .cnf-recovery-path span { min-height: 64px; }
  .cnf-packet-path i,
  .cnf-recovery-path i { width: 3px; height: 24px; justify-self: center; }
  .cnf-recovery-control button { min-width: 0; padding-inline: 8px; }
  .cnf-recovery-panel { gap: 30px; min-height: 0; }
  .cnf-table-wrap { margin-inline: -20px; padding-inline: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .cnf-page main * { scroll-behavior: auto; }
}

/* Public network architecture. */
.architecture-page { background: var(--paper); }
.architecture-page button:focus-visible,
.architecture-page [tabindex="0"]:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--cream); }
.architecture-hero { background: var(--ink); color: var(--cream); border-bottom: 7px solid var(--blue); }
.architecture-hero-grid { min-height: 390px; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.62fr); gap: clamp(44px, 7vw, 96px); align-items: center; padding-block: clamp(58px, 7vw, 92px); }
.architecture-hero h1 { max-width: 15ch; margin-top: 0; font-size: clamp(43px, 5.7vw, 70px); }
.architecture-lede { max-width: 720px; margin-top: 26px; font-size: clamp(20px, 2vw, 25px); line-height: 1.45; }
.architecture-review-date { margin-top: 20px; font-size: 15px; font-weight: 800; }
.architecture-hero-status { border-top: 3px solid var(--cream); }
.architecture-hero-status p { display: grid; grid-template-columns: 108px 1fr; gap: 18px; padding-block: 17px; border-bottom: 1px solid rgba(244, 237, 224, 0.52); font-size: 16px; }
.architecture-hero-status strong { font-weight: 900; }
.architecture-local-nav { position: sticky; top: 70px; z-index: 15; overflow-x: auto; background: var(--cream); border-bottom: 2px solid var(--ink); }
.architecture-local-nav .shell { min-height: 58px; display: flex; align-items: stretch; width: max-content; min-width: min(1180px, calc(100% - 40px)); }
.architecture-local-nav a { display: inline-flex; align-items: center; min-height: 58px; padding-right: 26px; font-size: 15px; font-weight: 900; white-space: nowrap; text-underline-offset: 5px; }
.architecture-section { scroll-margin-top: 132px; padding-block: clamp(62px, 7vw, 96px); }
.architecture-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr); gap: clamp(42px, 7vw, 92px); align-items: end; }
.architecture-section-head h2,
.architecture-placeholder h2 { max-width: 18ch; margin-top: 0; font-size: clamp(36px, 4.7vw, 54px); }
.architecture-section-head > p { max-width: 55ch; font-size: 19px; }
.architecture-key { display: flex; flex-wrap: wrap; gap: 14px 30px; margin-top: 42px; font-size: 14px; font-weight: 800; }
.architecture-key span { display: inline-flex; align-items: center; gap: 9px; }
.architecture-line { width: 34px; height: 0; border-top: 3px solid var(--ink); }
.architecture-line-control { border-color: var(--blue); }
.architecture-line-data { border-color: #00786f; }
.architecture-line-planned { border-color: var(--blue); border-top-style: dashed; }
.architecture-diagram { margin-top: 24px; border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); background: var(--cream); }
.architecture-diagram-master { width: min(1320px, calc(100vw - 40px)); margin-left: 50%; transform: translateX(-50%); }
.architecture-diagram-toolbar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 14px 8px 18px; background: var(--ink); color: var(--cream); }
.architecture-diagram-toolbar strong { min-width: 0; font-size: 16px; overflow-wrap: anywhere; }
.architecture-diagram-toolbar > div { display: flex; align-items: center; }
.architecture-diagram-toolbar button { min-width: 46px; min-height: 40px; padding: 8px 12px; border: 1px solid var(--cream); border-right: 0; background: transparent; color: var(--cream); font: inherit; font-size: 15px; font-weight: 900; cursor: pointer; }
.architecture-diagram-toolbar button:last-child { border-right: 1px solid var(--cream); }
.architecture-diagram-toolbar button:disabled { opacity: 0.38; cursor: default; }
.architecture-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.architecture-diagram-canvas { max-width: 100%; overflow: auto; background: var(--cream); }
.architecture-diagram-canvas::before { display: none; }
.architecture-svg { display: block; width: 1180px; max-width: none; height: auto; transition: width 150ms ease; }
.architecture-diagram-master .architecture-svg { width: 1320px; }
.architecture-svg text { fill: var(--ink); font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.architecture-svg-node rect { fill: var(--paper); stroke: var(--ink); stroke-width: 2; }
.architecture-svg-node line { stroke: rgba(21, 23, 28, 0.4); stroke-width: 1; }
.architecture-svg-node-blue rect { fill: #e6ecff; stroke: var(--blue); stroke-width: 3; }
.architecture-svg-node-dark rect { fill: var(--ink); }
.architecture-svg-node-dark text { fill: var(--cream); }
.architecture-svg-node-planned rect { fill: var(--paper); stroke: var(--blue); stroke-dasharray: 9 7; }
.architecture-svg-title { font-size: 17px !important; font-weight: 900; }
.architecture-svg-subtitle,
.architecture-svg-region { font-size: 12px !important; font-weight: 900; letter-spacing: 1.2px; }
.architecture-svg-region { fill: var(--blue) !important; }
.architecture-svg-boundary { fill: none; stroke: rgba(21, 23, 28, 0.45); stroke-width: 1.5; }
.architecture-svg-boundary-planned { stroke: var(--blue); stroke-dasharray: 10 8; }
.architecture-svg-path { fill: none; stroke-width: 3; }
.architecture-svg-control { stroke: var(--blue); }
.architecture-svg-data { stroke: #00786f; }
.architecture-svg-secure { stroke: var(--ink); }
.architecture-svg-planned { stroke-dasharray: 9 7; }
.architecture-arrow-control { fill: var(--blue); }
.architecture-arrow-data { fill: #00786f; }
.architecture-arrow-ink { fill: var(--ink); }
.architecture-svg-edge-label { fill: var(--blue) !important; stroke: var(--cream); stroke-width: 5px; stroke-linejoin: round; paint-order: stroke fill; font-size: 13px !important; font-weight: 900; }
.architecture-svg-edge-data { fill: #006b63 !important; }
.architecture-diagram figcaption { padding: 17px 18px; border-top: 1px solid var(--ink); font-size: 15px; }
.architecture-diagram-text { border-top: 1px solid var(--ink); }
.architecture-diagram-text summary { min-height: 52px; padding: 14px 48px 14px 18px; font-size: 15px; font-weight: 900; cursor: pointer; }
.architecture-diagram-text p { max-width: 82ch; padding: 0 18px 20px; font-size: 15px; }
.architecture-section-dark { background: var(--ink); color: var(--cream); }
.architecture-diagram-dark { border-color: var(--cream); background: #111f26; }
.architecture-diagram-dark .architecture-diagram-toolbar { background: var(--cream); color: var(--ink); }
.architecture-diagram-dark .architecture-diagram-toolbar button { border-color: var(--ink); color: var(--ink); }
.architecture-diagram-dark .architecture-diagram-canvas { background: #111f26; }
.architecture-diagram-dark figcaption,
.architecture-diagram-dark .architecture-diagram-text { border-color: rgba(244, 237, 224, 0.62); }
.architecture-diagram-dark .architecture-diagram-text summary,
.architecture-diagram-dark .architecture-diagram-text p { color: var(--cream); }
.architecture-svg-dark { background: #111f26; }
.architecture-svg-dark text { fill: var(--cream); }
.architecture-svg-dark .architecture-svg-edge-label { stroke: #111f26; }
.architecture-svg-dark .architecture-svg-node-blue text { fill: var(--ink); }
.architecture-svg-dark .architecture-svg-control { stroke: #8baaff; }
.architecture-svg-dark .architecture-arrow-control { fill: #8baaff; }
.architecture-svg-node-dark-paper rect { fill: #172a31; stroke: var(--cream); }
.architecture-svg-node-dark-paper line { stroke: rgba(244, 237, 224, 0.5); }
.architecture-svg-node-dark-paper text { fill: var(--cream); }
.architecture-svg-node-teal rect { fill: #dcefeb; stroke: #00786f; stroke-width: 3; }
.architecture-svg-node-teal text { fill: var(--ink); }
.architecture-svg-boundary-light { stroke: rgba(244, 237, 224, 0.64); }
.architecture-svg-region-light { fill: var(--cream) !important; }
.architecture-svg-secure-light { stroke: var(--cream); }
.architecture-svg-data-light { stroke: #5ce0ca; }
.architecture-arrow-data-light { fill: #5ce0ca; }
.architecture-arrow-cream { fill: var(--cream); }
.architecture-svg-edge-light { fill: var(--cream) !important; }
.architecture-svg-edge-data-light { fill: #5ce0ca !important; }
.architecture-svg-warning { font-size: 13px !important; font-weight: 900; }
.architecture-svg-no-path { fill: none; stroke: rgba(244, 237, 224, 0.34); stroke-width: 2; stroke-dasharray: 4 6; }
.architecture-segmentation { background: var(--cream); border-bottom: 2px solid var(--ink); }
.architecture-longform { max-width: 900px; margin-top: 46px; }
.architecture-longform section + section { margin-top: 36px; }
.architecture-longform h3 { font-size: clamp(25px, 3vw, 32px); }
.architecture-longform p { max-width: 78ch; margin-top: 13px; font-size: 17px; }
.architecture-longform p + p { margin-top: 14px; }
.architecture-longform .text-link { display: inline-block; margin-top: 18px; color: var(--blue); font-weight: 900; text-underline-offset: 5px; }
.architecture-longform-dark .text-link { color: var(--cream); }
.architecture-detail-table-wrap { max-width: 100%; margin-top: 45px; overflow-x: auto; border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); background: var(--paper); }
.architecture-detail-table { width: 100%; min-width: 900px; border-collapse: collapse; background: var(--paper); color: var(--ink); font-size: 15px; }
.architecture-detail-table caption { padding: 15px 18px; background: var(--ink); color: var(--cream); font-size: 17px; font-weight: 900; text-align: left; }
.architecture-detail-table th,
.architecture-detail-table td { padding: 15px 16px; border-bottom: 1px solid var(--ink); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.architecture-detail-table thead th { background: var(--cream); font-weight: 900; }
.architecture-detail-table tbody th { width: 22%; font-weight: 900; }
.architecture-detail-table tbody tr:last-child > * { border-bottom: 0; }
.architecture-detail-table-wrap-dark { border-color: var(--cream); }
.architecture-detail-table-wrap-dark:focus-visible { outline-color: var(--cream); box-shadow: 0 0 0 6px var(--ink); }
.architecture-detail-table-wrap-dark .architecture-detail-table caption { background: var(--cream); color: var(--ink); }
.architecture-epc { background: var(--paper); }
.architecture-svg-plane-label { fill: var(--blue) !important; font-size: 12px !important; font-weight: 900; letter-spacing: 1.2px; }
.architecture-svg-plane-data { fill: #006b63 !important; }
.architecture-ims { background: var(--cream); border-top: 2px solid var(--ink); }
.architecture-svg-path-emphasis { stroke-width: 4; }
.architecture-service-paths { background: var(--paper); border-top: 2px solid var(--ink); }
.architecture-diagram-service { border-bottom-color: var(--blue); }
.architecture-regions { background: var(--ink); color: var(--cream); border-top: 7px solid var(--blue); }
.architecture-svg-boundary-planned-light { stroke: #5ce0ca; stroke-dasharray: 10 8; }
.architecture-svg-node-dark-planned rect { fill: #172a31; stroke: #5ce0ca; stroke-width: 2; stroke-dasharray: 9 7; }
.architecture-svg-node-dark-planned text { fill: var(--cream); }
.architecture-operations { background: var(--paper); }
.architecture-dashboard-link { margin-top: 34px; }
.architecture-status { background: var(--coral); color: var(--ink); border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.architecture-status-grid { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr); gap: clamp(44px, 8vw, 112px); }
.architecture-status h2 { max-width: 15ch; margin-top: 0; font-size: clamp(38px, 4.9vw, 58px); }
.architecture-status-lede { max-width: 33ch; margin-top: 27px; font-size: 21px; font-weight: 700; }
.architecture-emergency-copy { border-top: 4px solid var(--ink); }
.architecture-emergency-copy p { padding-block: 18px; border-bottom: 1px solid var(--ink); }
.architecture-interfaces { background: var(--cream); }
.architecture-table-wrap { max-width: 100%; margin-top: 45px; overflow-x: auto; border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.architecture-table { width: 100%; min-width: 1280px; border-collapse: collapse; background: var(--paper); font-size: 15px; }
.architecture-table caption { padding: 15px 18px; background: var(--ink); color: var(--cream); font-size: 17px; font-weight: 900; text-align: left; }
.architecture-table th,
.architecture-table td { padding: 15px 16px; border-bottom: 1px solid var(--ink); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.architecture-table thead th { background: var(--blue); color: var(--cream); font-weight: 900; }
.architecture-table tbody th { width: 13%; font-weight: 900; }
.architecture-table tbody td:nth-child(2) { width: 11%; }
.architecture-table tbody td:nth-child(3) { width: 17%; }
.architecture-table tbody td:nth-child(4) { width: 14%; }
.architecture-table tbody td:nth-child(5) { width: 25%; }
.architecture-table tbody td:nth-child(6) { width: 20%; }
.architecture-table tbody tr:last-child > * { border-bottom: 0; }
.architecture-glossary-section { margin-top: clamp(64px, 8vw, 104px); }
.architecture-glossary-section h2 { max-width: 17ch; margin-top: 0; font-size: clamp(36px, 4.7vw, 54px); }
.architecture-glossary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(28px, 5vw, 64px); margin-top: 44px; border-top: 3px solid var(--ink); }
.architecture-glossary div { padding-block: 18px; border-bottom: 1px solid var(--ink); }
.architecture-glossary dt { color: var(--blue); font-size: 17px; font-weight: 900; }
.architecture-glossary dd { margin-top: 6px; font-size: 15px; }
.architecture-references { background: var(--paper); border-top: 2px solid var(--ink); }
.architecture-reference-list { margin-top: 45px; border-top: 3px solid var(--ink); }
.architecture-reference-list p { display: grid; grid-template-columns: minmax(170px, 0.42fr) minmax(0, 1fr); gap: 26px; padding-block: 16px; border-bottom: 1px solid var(--ink); font-size: 15px; }
.architecture-reference-list a { color: var(--blue); font-weight: 900; overflow-wrap: anywhere; text-underline-offset: 4px; }
.architecture-reference-list small { display: block; margin-top: 18px; font-size: 13px; }

@media (max-width: 850px) {
  .architecture-hero-grid,
  .architecture-section-head,
  .architecture-status-grid { grid-template-columns: 1fr; }
  .architecture-hero-status { max-width: 620px; }
  .architecture-section-head { align-items: start; }
}

@media (max-width: 600px) {
  .architecture-local-nav { top: 70px; }
  .architecture-hero h1 { font-size: clamp(41px, 12vw, 56px); }
  .architecture-hero-status p { grid-template-columns: 1fr; gap: 3px; }
  .architecture-glossary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .architecture-reference-list p { grid-template-columns: 1fr; gap: 4px; }
  .architecture-diagram-toolbar { align-items: flex-start; }
  .architecture-diagram-toolbar > div { flex-shrink: 0; }
  .architecture-diagram-toolbar button { min-width: 40px; padding-inline: 9px; }
  .architecture-diagram-canvas::before { position: sticky; left: 0; z-index: 2; display: block; width: fit-content; max-width: 100%; padding: 7px 10px; background: var(--paper); border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); color: var(--ink); content: "Swipe to explore, or choose Fit"; font-size: 12px; font-weight: 900; }
  .architecture-diagram-dark .architecture-diagram-canvas::before { background: var(--cream); }
}

@media (max-width: 480px) {
  .architecture-glossary { grid-template-columns: 1fr; }
  .architecture-diagram-toolbar { flex-wrap: wrap; }
  .architecture-diagram-toolbar strong { flex: 1 0 100%; }
  .architecture-diagram-toolbar > div { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .architecture-svg { transition: none; }
}

/* Lodestar L2TP coming-soon page. */
.home-l2tp { padding-block: clamp(58px, 7vw, 88px); background: var(--coral); color: var(--ink); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.home-l2tp .section-label { color: var(--ink); }
.home-l2tp-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(40px, 7vw, 92px); align-items: start; }
.home-l2tp h2 { max-width: 17ch; margin-top: 12px; font-size: clamp(38px, 4.8vw, 54px); }
.home-l2tp-copy { max-width: 690px; padding-top: 10px; font-size: 19px; }
.home-l2tp-copy p + p { margin-top: 22px; }
.home-l2tp-copy .button { margin-top: 30px; }

.l2tp-page { background: var(--paper); }
.l2tp-page a:focus-visible,
.l2tp-page [tabindex="0"]:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--cream); }
.l2tp-hero { background: var(--ink); color: var(--cream); border-bottom: 8px solid var(--coral); }
.l2tp-hero-grid { min-height: 520px; display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(320px, 0.7fr); gap: clamp(46px, 7vw, 96px); align-items: center; padding-block: clamp(58px, 7vw, 92px); }
.l2tp-eyebrow { color: var(--coral); font-size: 16px; font-weight: 900; }
.l2tp-hero h1 { max-width: 16ch; margin-top: 18px; font-size: clamp(43px, 5.5vw, 68px); }
.l2tp-lede { max-width: 750px; margin-top: 26px; font-size: clamp(20px, 2vw, 24px); line-height: 1.46; }
.l2tp-launch-note { max-width: 750px; margin-top: 27px; padding: 18px 0 18px 20px; border-left: 7px solid var(--coral); font-size: 17px; }
.l2tp-hero-facts { border-top: 3px solid var(--cream); }
.l2tp-hero-facts div { padding-block: 17px; border-bottom: 1px solid rgba(244, 237, 224, 0.5); }
.l2tp-hero-facts dt { font-size: 14px; font-weight: 900; }
.l2tp-hero-facts dd { margin-top: 3px; font-size: 16px; }
.l2tp-local-nav { position: sticky; top: 70px; z-index: 15; overflow-x: auto; background: var(--cream); border-bottom: 2px solid var(--ink); }
.l2tp-local-nav .shell { min-height: 58px; display: flex; align-items: stretch; width: max-content; min-width: min(1180px, calc(100% - 40px)); }
.l2tp-local-nav a { display: inline-flex; align-items: center; min-height: 58px; padding-right: 27px; font-size: 15px; font-weight: 900; white-space: nowrap; text-underline-offset: 5px; }
.l2tp-section { scroll-margin-top: 132px; padding-block: clamp(62px, 7vw, 96px); background: var(--paper); }
.l2tp-section:nth-of-type(even):not(.l2tp-section-dark) { background: var(--cream); }
.l2tp-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.76fr); gap: clamp(42px, 7vw, 92px); align-items: end; }
.l2tp-section-head h2 { max-width: 18ch; margin-top: 11px; font-size: clamp(36px, 4.7vw, 54px); }
.l2tp-section-head > p { max-width: 56ch; font-size: 19px; }
.l2tp-section-dark { background: var(--ink); color: var(--cream); border-block: 2px solid var(--ink); }
.l2tp-section-dark .section-label { color: var(--coral); }
.l2tp-table-wrap { max-width: 100%; margin-top: 44px; overflow-x: auto; border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); background: var(--paper); }
.l2tp-table { width: 100%; min-width: 960px; border-collapse: collapse; background: var(--paper); color: var(--ink); font-size: 15px; }
.l2tp-plan-table { min-width: 1080px; }
.l2tp-table caption { padding: 15px 18px; background: var(--ink); color: var(--cream); font-size: 17px; font-weight: 900; text-align: left; }
.l2tp-table th,
.l2tp-table td { padding: 15px 16px; border-bottom: 1px solid var(--ink); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.l2tp-table thead th { background: var(--cream); font-weight: 900; }
.l2tp-table tbody th { width: 18%; font-weight: 900; }
.l2tp-table tbody tr:last-child > * { border-bottom: 0; }
.l2tp-table-note { max-width: 880px; margin-top: 18px; font-size: 14px; }
.l2tp-table-wrap-dark { border-color: var(--cream); }
.l2tp-table-wrap-dark:focus-visible { outline-color: var(--cream); box-shadow: 0 0 0 6px var(--ink); }
.l2tp-table-wrap-dark .l2tp-table caption { background: var(--cream); color: var(--ink); }
.l2tp-prose-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(40px, 7vw, 92px); margin-top: 48px; border-top: 3px solid var(--ink); }
.l2tp-prose-pair section { padding-block: 24px; border-bottom: 1px solid var(--ink); }
.l2tp-prose-pair h3,
.l2tp-prose h3,
.l2tp-limit-list h3,
.l2tp-status-register h3,
.l2tp-accounting-note h3,
.l2tp-plain-warning h3,
.l2tp-open-decisions h3 { font-size: clamp(23px, 2.5vw, 29px); }
.l2tp-prose-pair p,
.l2tp-prose p,
.l2tp-limit-list p,
.l2tp-status-register p,
.l2tp-accounting-note p,
.l2tp-plain-warning p { max-width: 66ch; margin-top: 12px; font-size: 17px; }
.l2tp-route { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin-top: 48px; border-top: 3px solid var(--cream); border-bottom: 3px solid var(--cream); }
.l2tp-route li { position: relative; min-width: 0; padding: 24px 34px 24px 0; }
.l2tp-route li:not(:last-child)::after { position: absolute; top: 50%; right: 10px; content: "→"; color: var(--coral); font-size: 28px; font-weight: 900; transform: translateY(-50%); }
.l2tp-route strong,
.l2tp-route span { display: block; }
.l2tp-route strong { font-size: 18px; }
.l2tp-route span { margin-top: 7px; font-size: 15px; }
.l2tp-prose { max-width: 920px; margin-top: 48px; border-top: 3px solid var(--ink); }
.l2tp-prose section { padding-block: 25px; border-bottom: 1px solid var(--ink); }
.l2tp-open-decisions { max-width: 920px; margin-top: 48px; padding: 28px 0 4px; border-top: 7px solid var(--blue); }
.l2tp-open-decisions p { padding-block: 14px; border-bottom: 1px solid var(--ink); font-size: 16px; }
.l2tp-open-decisions p:first-of-type { margin-top: 14px; }
.l2tp-security { background: var(--cream); border-top: 2px solid var(--ink); }
.l2tp-limit-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(42px, 7vw, 92px); margin-top: 48px; border-top: 3px solid var(--cream); }
.l2tp-limit-list section { padding-block: 25px; border-bottom: 1px solid rgba(244, 237, 224, 0.55); }
.l2tp-plain-warning { max-width: 920px; margin-top: 52px; padding: 28px 0 4px; border-top: 8px solid var(--coral); }
.l2tp-capacity-copy { max-width: 920px; margin-top: 42px; padding-left: 20px; border-left: 7px solid var(--blue); font-size: 19px; }
.l2tp-build { background: var(--coral) !important; color: var(--ink); border-block: 2px solid var(--ink); }
.l2tp-build .section-label { color: var(--ink); }
.l2tp-status-register { margin-top: 48px; border-top: 4px solid var(--ink); }
.l2tp-status-register section { display: grid; grid-template-columns: minmax(210px, 0.36fr) minmax(0, 1fr); gap: 30px; padding-block: 23px; border-bottom: 1px solid var(--ink); }
.l2tp-status-register h3 { font-size: 21px; }
.l2tp-status-register p { margin-top: 0; }
.l2tp-accounting-note { max-width: 920px; margin-top: 50px; padding-top: 28px; border-top: 8px solid var(--blue); }
.l2tp-references { background: var(--paper) !important; }
.l2tp-reference-list { margin-top: 45px; border-top: 3px solid var(--ink); }
.l2tp-reference-list p { display: grid; grid-template-columns: minmax(190px, 0.38fr) minmax(0, 1fr); gap: 28px; padding-block: 16px; border-bottom: 1px solid var(--ink); font-size: 15px; }
.l2tp-reference-list a { color: var(--blue); font-weight: 900; overflow-wrap: anywhere; text-underline-offset: 4px; }
.l2tp-contact { max-width: 880px; margin-top: 42px; padding-top: 24px; border-top: 6px solid var(--blue); font-size: 18px; }
.l2tp-contact a { color: var(--blue); font-weight: 900; overflow-wrap: anywhere; text-underline-offset: 5px; }

@media (max-width: 880px) {
  .home-l2tp-grid,
  .l2tp-hero-grid,
  .l2tp-section-head,
  .l2tp-prose-pair { grid-template-columns: 1fr; }
  .l2tp-hero-grid { min-height: 0; }
  .l2tp-section-head { align-items: start; }
  .l2tp-route { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .l2tp-route li:nth-child(2)::after { display: none; }
  .l2tp-limit-list { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .l2tp-local-nav { top: 66px; }
  .l2tp-hero h1 { max-width: none; font-size: clamp(39px, 11vw, 50px); }
  .l2tp-route { grid-template-columns: 1fr; }
  .l2tp-route li { padding: 20px 0; border-bottom: 1px solid rgba(244, 237, 224, 0.5); }
  .l2tp-route li:last-child { border-bottom: 0; }
  .l2tp-route li::after { display: none; }
  .l2tp-status-register section { grid-template-columns: 1fr; gap: 8px; }
  .l2tp-reference-list p { grid-template-columns: 1fr; gap: 4px; }
  .l2tp-table-wrap { margin-inline: -14px; padding-inline: 14px; }
}