.federal-mission {
  --federal-navy: #071a35;
  --federal-blue: #2f7df6;
  --federal-sky: #79d7ff;
  --federal-red: #ff5b62;
  --federal-gold: #ffd166;
  --federal-ink: #eef6ff;
  --federal-muted: #9db1c8;
  --federal-line: rgba(137, 180, 226, .24);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 5rem 0;
  border: 1px solid #254a77;
  color: var(--federal-ink);
  background:
    radial-gradient(circle at 88% 4%, rgba(47, 125, 246, .28), transparent 24rem),
    radial-gradient(circle at 10% 20%, rgba(255, 91, 98, .09), transparent 22rem),
    linear-gradient(145deg, #061327, #071a35 42%, #081629);
  box-shadow: 0 35px 110px rgba(0, 13, 34, .5);
}

.federal-mission * { box-sizing: border-box; }
.federal-gridwash { position: absolute; z-index: -1; inset: 0; opacity: .26; background-image: linear-gradient(rgba(121, 215, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(121, 215, 255, .12) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 62%); pointer-events: none; }
.federal-kicker,
.federal-seal span,
.federal-seal i,
.federal-proof small,
.federal-boundary b,
.federal-workbench-head span,
.federal-panel-head span,
.federal-score > span,
.federal-release > div > span,
.federal-featured-lab > span,
.federal-fields label > span {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.federal-masthead { display: grid; grid-template-columns: 255px minmax(0, 1fr); min-height: 500px; border-bottom: 1px solid var(--federal-line); }
.federal-seal { display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; border-right: 1px solid var(--federal-line); background: rgba(2, 13, 30, .5); }
.federal-seal span { color: var(--federal-sky); font-size: .62rem; }
.federal-seal b { color: #fff; font: 950 2.15rem/.92 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.075em; }
.federal-seal b::before { display: block; width: 94px; height: 94px; margin-bottom: 1.35rem; border: 2px solid var(--federal-sky); border-radius: 50%; box-shadow: inset 0 0 0 9px #071a35, inset 0 0 0 10px rgba(121, 215, 255, .45); background: radial-gradient(circle, var(--federal-gold) 0 8%, transparent 9%), conic-gradient(from 0deg, var(--federal-blue), var(--federal-sky), var(--federal-red), var(--federal-blue)); content: ""; }
.federal-seal i { width: max-content; border: 1px solid var(--federal-sky); padding: .5rem .65rem; color: var(--federal-sky); font-size: .64rem; font-style: normal; }
.federal-intro { align-self: center; max-width: 880px; padding: clamp(2.2rem, 5vw, 5rem); }
.federal-kicker { color: var(--federal-sky); font-size: .68rem; }
.federal-intro h2 { max-width: 820px; margin: 1.1rem 0 0; font-size: clamp(2.7rem, 6vw, 5.65rem); line-height: .9; letter-spacing: -.068em; }
.federal-intro h2 em { color: var(--federal-gold); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.federal-intro p { max-width: 790px; margin: 1.55rem 0 0; color: #bfd0e2; font-size: 1.04rem; line-height: 1.72; }
.federal-intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.8rem; }
.federal-primary { border-color: var(--federal-sky) !important; color: #031429 !important; background: var(--federal-sky) !important; cursor: pointer; }
.federal-secondary { border-color: #52769d !important; color: var(--federal-ink) !important; background: rgba(4, 24, 48, .56) !important; cursor: pointer; }
.federal-primary:hover, .federal-secondary:hover { transform: translateY(-2px); }
.federal-method-link { color: var(--federal-sky); font: 800 .72rem ui-monospace, SFMono-Regular, Menlo, monospace; text-decoration: none; }
.federal-method-link:hover { text-decoration: underline; }

.federal-proof { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--federal-line); background: rgba(3, 14, 31, .76); }
.federal-proof > span { padding: 1.4rem 1.7rem; border-right: 1px solid var(--federal-line); }
.federal-proof > span:last-child { border-right: 0; }
.federal-proof b { display: block; color: var(--federal-gold); font: 950 2rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.federal-proof small { display: block; margin-top: .3rem; color: var(--federal-muted); font-size: .6rem; }
.federal-boundary { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 1.5rem; margin: 0; border-bottom: 1px solid var(--federal-line); padding: 1.2rem 1.7rem; background: rgba(255, 209, 102, .075); }
.federal-boundary b { align-self: center; color: var(--federal-gold); font-size: .65rem; }
.federal-boundary p { margin: 0; color: #c8d3df; font-size: .78rem; line-height: 1.6; }

.federal-workbench { padding: clamp(1.25rem, 4vw, 3rem); }
.federal-workbench-head { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: 1.3rem; }
.federal-workbench-head span { color: var(--federal-sky); font-size: .64rem; }
.federal-workbench-head h3 { margin: .4rem 0 0; font-size: clamp(1.6rem, 3vw, 2.7rem); letter-spacing: -.045em; }
.federal-workbench-head p { max-width: 560px; margin: 0; border-left: 3px solid var(--federal-red); padding-left: 1rem; color: var(--federal-muted); font-size: .76rem; line-height: 1.6; }
.federal-mission details { border: 1px solid var(--federal-line); background: rgba(4, 19, 40, .76); }
.federal-mission details + details { margin-top: .75rem; }
.federal-mission summary { display: grid; grid-template-columns: 48px 220px minmax(0, 1fr); align-items: center; gap: 1rem; padding: 1.05rem 1.2rem; cursor: pointer; list-style: none; }
.federal-mission summary::-webkit-details-marker { display: none; }
.federal-mission summary > span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--federal-blue); color: var(--federal-sky); font: 850 .73rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.federal-mission summary b { font-size: .95rem; }
.federal-mission summary small { color: var(--federal-muted); font-size: .7rem; }
.federal-mission details[open] summary { border-bottom: 1px solid var(--federal-line); background: rgba(47, 125, 246, .07); }
.federal-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1.25rem; }
.federal-fields label { display: flex; min-width: 0; flex-direction: column; gap: .55rem; }
.federal-fields label > span { color: var(--federal-muted); font-size: .6rem; }
.federal-wide { grid-column: 1 / -1; }
.federal-fields input:not([type="checkbox"]), .federal-fields select, .federal-fields textarea { width: 100%; border: 1px solid #3a5f87; border-radius: 0; outline: 0; padding: .82rem .9rem; color: var(--federal-ink); background: #04152c; font: 600 .79rem/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.federal-fields textarea { min-height: 94px; resize: vertical; }
.federal-fields input:focus, .federal-fields select:focus, .federal-fields textarea:focus { border-color: var(--federal-sky); box-shadow: 0 0 0 3px rgba(121, 215, 255, .11); }
.federal-checks { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; border: 1px solid var(--federal-line); padding: .85rem; background: rgba(3, 16, 34, .55); }
.federal-checks label { display: inline-flex; flex-direction: row; align-items: center; gap: .55rem; color: #c9d8e8; font-size: .76rem; }
.federal-checks input { accent-color: var(--federal-blue); }

.federal-desk { display: grid; grid-template-columns: 270px minmax(0, 1fr); margin-top: 1rem; border: 1px solid var(--federal-line); }
.federal-desk > section { min-width: 0; padding: 1.25rem; }
.federal-desk > section + section { border-left: 1px solid var(--federal-line); }
.federal-score { background: rgba(3, 15, 32, .72); }
.federal-score > span { color: var(--federal-sky); font-size: .58rem; }
.federal-score > div { margin-top: .8rem; color: var(--federal-gold); font: 950 3.2rem/.95 ui-monospace, SFMono-Regular, Menlo, monospace; }
.federal-score > div i { color: var(--federal-muted); font-size: 1rem; font-style: normal; }
.federal-score p { min-height: 70px; color: var(--federal-muted); font-size: .72rem; line-height: 1.55; }
.federal-score-bar { height: 8px; overflow: hidden; background: #162b45; }
.federal-score-bar i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--federal-red), var(--federal-gold), var(--federal-sky)); transition: width .2s ease; }
.federal-panel-head { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin-bottom: 1rem; }
.federal-panel-head span { color: var(--federal-sky); font-size: .61rem; }
.federal-panel-head b { font-size: 1rem; }
.federal-readiness-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.federal-control { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: .7rem; border: 1px solid #294a6e; padding: .7rem; background: rgba(6, 24, 47, .72); }
.federal-control > span { align-self: start; padding: .26rem .3rem; color: #061529; background: var(--federal-gold); font: 900 .55rem ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; text-transform: uppercase; }
.federal-control.is-gap > span { color: #fff; background: var(--federal-red); }
.federal-control b { display: block; font-size: .72rem; line-height: 1.35; }
.federal-control small { display: block; margin-top: .28rem; color: var(--federal-muted); font: 650 .56rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }

.federal-release { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 1rem; border: 1px solid var(--federal-line); padding: 1.4rem; background: linear-gradient(100deg, rgba(47, 125, 246, .12), rgba(121, 215, 255, .03)); }
.federal-release > div > span { color: var(--federal-sky); font-size: .62rem; }
.federal-release h3 { margin: .35rem 0 0; font-size: 1.5rem; }
.federal-release p { max-width: 650px; margin: .55rem 0 0; color: var(--federal-muted); font-size: .72rem; line-height: 1.5; }
.federal-release-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.federal-release button:disabled { cursor: not-allowed; filter: grayscale(.8); opacity: .5; transform: none; }
.federal-sources { margin-top: 1rem; border: 1px solid var(--federal-line); padding: 1.25rem; background: rgba(3, 15, 32, .45); }
.federal-source-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.federal-source { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem; border-bottom: 1px solid var(--federal-line); padding: .7rem 0; }
.federal-source a { color: var(--federal-ink); font-size: .72rem; line-height: 1.45; text-decoration: none; }
.federal-source a:hover { color: var(--federal-sky); }
.federal-source small { display: block; margin-top: .25rem; color: var(--federal-muted); font: 650 .57rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.federal-source > span { align-self: start; border: 1px solid #45688d; padding: .25rem .4rem; color: var(--federal-sky); font: 850 .52rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.federal-source.is-due > span { border-color: var(--federal-red); color: var(--federal-red); }
.federal-featured-lab { display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; gap: 1.25rem; align-items: center; margin-top: 1rem; border: 1px solid var(--federal-line); padding: 1.25rem; background: rgba(255, 209, 102, .06); }
.federal-featured-lab > span { color: var(--federal-gold); font-size: .61rem; }
.federal-featured-lab h3 { margin: 0; font-size: 1.15rem; }
.federal-featured-lab p { margin: .4rem 0 0; color: var(--federal-muted); font-size: .7rem; line-height: 1.5; }

@media (max-width: 1000px) {
  .federal-masthead { grid-template-columns: 200px minmax(0, 1fr); }
  .federal-desk { grid-template-columns: 1fr; }
  .federal-desk > section + section { border-top: 1px solid var(--federal-line); border-left: 0; }
  .federal-featured-lab { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 760px) {
  .federal-mission { margin: 3rem 0; }
  .federal-masthead { grid-template-columns: 1fr; }
  .federal-seal { display: none; }
  .federal-intro { padding: 2rem 1.15rem; }
  .federal-intro h2 { font-size: 2.85rem; }
  .federal-proof { grid-template-columns: repeat(2, 1fr); }
  .federal-proof > span:nth-child(2) { border-right: 0; }
  .federal-proof > span:nth-child(-n+2) { border-bottom: 1px solid var(--federal-line); }
  .federal-boundary, .federal-fields, .federal-source-list { grid-template-columns: 1fr; }
  .federal-wide { grid-column: auto; }
  .federal-workbench { padding: 1rem; }
  .federal-workbench-head, .federal-release, .federal-panel-head { align-items: start; flex-direction: column; }
  .federal-mission summary { grid-template-columns: 42px minmax(0, 1fr); }
  .federal-mission summary small { grid-column: 2; }
  .federal-readiness-list { grid-template-columns: 1fr; }
  .federal-release-actions, .federal-release-actions .button { width: 100%; }
  .federal-intro-actions { align-items: stretch; flex-direction: column; }
  .federal-intro-actions .button { width: 100%; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .federal-primary, .federal-secondary, .federal-score-bar i { scroll-behavior: auto; transition: none; }
}