/* HDS kit for the akd.odsi.io pages: a subset of NASA Horizon Design System (nasa/hds-core
   v0.10.0, CC0) with the fonts it ships. Tokens are copied verbatim from dist/css/hds.min.css;
   the rest restates HDS rules ("compliance by result", stories/overview/DesignStandards.mdx)
   so a page needs this one file. See README.md. */

@font-face{font-family:"Public Sans Web";font-style:normal;font-weight:400;font-display:fallback;src:url(fonts/public-sans/PublicSans-Regular.woff2) format("woff2")}
@font-face{font-family:"Public Sans Web";font-style:italic;font-weight:400;font-display:fallback;src:url(fonts/public-sans/PublicSans-Italic.woff2) format("woff2")}
@font-face{font-family:"Public Sans Web";font-style:normal;font-weight:600;font-display:fallback;src:url(fonts/public-sans/PublicSans-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Public Sans Web";font-style:normal;font-weight:700;font-display:fallback;src:url(fonts/public-sans/PublicSans-Bold.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:fallback;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:fallback;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:fallback;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:fallback;src:url(fonts/dm-mono/DMMono-Regular.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:fallback;src:url(fonts/dm-mono/DMMono-Medium.woff2) format("woff2")}

/* Tokens: verbatim from hds.min.css v0.10.0 (@layer hds-base :root). */
:root{
  --hds-color-nasa-red:#f64137;
  --hds-color-nasa-red-tint:#ff5c52;
  --hds-color-nasa-red-shade:#b60109;
  --hds-color-nasa-blue:#1c67e3;
  --hds-color-nasa-blue-tint:#288bff;
  --hds-color-nasa-blue-shade:#0b3d91;
  --hds-color-international-orange:#ea6f24;
  --hds-color-active-green:#47da84;
  --hds-color-carbon-10:#e3e3e3;
  --hds-color-carbon-20:#d1d1d1;
  --hds-color-carbon-30:#b9b9bb;
  --hds-color-carbon-40:#959599;
  --hds-color-carbon-50:#77777a;
  --hds-color-carbon-60:#58585b;
  --hds-color-carbon-70:#444447;
  --hds-color-carbon-80:#2e2e32;
  --hds-color-carbon-90:#17171b;
  --hds-color-carbon-black:#000;
  --hds-color-carbon-05:#f6f6f6;
  --hds-color-spacesuit-white:#fff;
  --hds-border-width-thin:1px;
  --hds-border-width-thick:2px;
  --hds-border-radius:0px;
  --hds-border-radius-control:2px;
  --hds-focus-width:1px;
  --hds-focus-style:dashed;
  --hds-focus-offset:1px;
  --hds-layout-max-width:1200px;
  --hds-layout-margin-mobile:16px;
  --hds-layout-margin-desktop:32px;
  --hds-layout-gutter-sm:4px;
  --hds-layout-gutter-md:16px;
  --hds-layout-gutter-lg:24px;
  --hds-layout-gutter-xl:32px;
  --hds-spacing-0:0px;
  --hds-spacing-1:8px;
  --hds-spacing-2:16px;
  --hds-spacing-3:24px;
  --hds-spacing-4:32px;
  --hds-spacing-6:48px;
  --hds-spacing-8:64px;
  --hds-spacing-9:72px;
  --hds-spacing-15:120px;
  --hds-spacing-30:240px;
  --hds-spacing-0-5:4px;
  --hds-spacing-1-5:12px;
  --hds-spacing-2-5:20px;
  --hds-line-height-1:1;
  --hds-line-height-2:1.15;
  --hds-line-height-3:1.35;
  --hds-line-height-4:1.5;
  --hds-line-height-5:1.62;
  --hds-line-height-6:1.75;
  --hds-letter-spacing-1:0.025em;
  --hds-letter-spacing-2:0.1em;
  --hds-letter-spacing-3:0.15em;
  --hds-letter-spacing-neg-5:-0.05em;
  --hds-letter-spacing-neg-4:-0.04em;
  --hds-letter-spacing-neg-3:-0.03em;
  --hds-letter-spacing-neg-2:-0.02em;
  --hds-letter-spacing-neg-1:-0.01em;
  --hds-letter-spacing-auto:0;
  --hds-font-weight-light:300;
  --hds-font-weight-normal:400;
  --hds-font-weight-medium:500;
  --hds-font-weight-semibold:600;
  --hds-font-weight-bold:700;
  --hds-font-size-4xl:7.5rem;
  --hds-font-size-3xl:5rem;
  --hds-font-size-2xl:3rem;
  --hds-font-size-xl:2.25rem;
  --hds-font-size-lg:1.75rem;
  --hds-font-size-md:1.375rem;
  --hds-font-size-sm:1.125rem;
  --hds-font-size-xs:1rem;
  --hds-font-size-2xs:0.875rem;
  --hds-font-size-3xs:0.75rem;
  --hds-font-family-heading:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hds-font-family-body:"Public Sans Web", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --hds-font-family-code:"DM Mono", "Consolas", "Courier", monospace;
  --hds-button-border-radius:0px;
  --hds-card-border-radius:0px;
  --hds-checkbox-border-radius:2px;
  --hds-input-tile-border-radius:2px;
  --hds-modal-border-radius:0px;
  --hds-pagination-border-radius:0px;
  --hds-summary-border-radius:0px;
  --hds-accordion-border-width:0;
  --hds-button-border-width:2px;
  --hds-card-border-width:1px;
  --hds-input-select-border-width:1px;
  --hds-input-state-border-width:1px;
  --hds-input-tile-border-width:1px;
  --hds-pagination-border-width:1px;
  --hds-summary-border-width:1px;
  --hds-table-border-width:1px
}

/* Base */
*{box-sizing:border-box}
body{margin:0;background:var(--hds-color-spacesuit-white);color:var(--hds-color-carbon-90);font-family:var(--hds-font-family-body);font-size:var(--hds-font-size-xs);line-height:var(--hds-line-height-5);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--hds-font-family-heading);font-weight:var(--hds-font-weight-bold);color:inherit}
code,pre,kbd,samp{font-family:var(--hds-font-family-code)}
img{max-width:100%}
.hds-wrap{max-width:calc(var(--hds-layout-max-width) + 2 * var(--hds-layout-margin-desktop));margin:0 auto;padding:0 var(--hds-layout-margin-desktop)}
@media (max-width:1023px){.hds-wrap{padding:0 var(--hds-layout-margin-mobile)}}
.usa-sr-only{position:absolute;left:-999em;width:1px;height:1px;overflow:hidden}

/* Links (components/Link.mdx): body-text colour, dashed 1px underline (2px dash, 3px gap),
   solid on hover; never removed in the default state. --hds-link-underline adapts to dark bars. */
a{color:inherit;text-decoration:none;background-image:repeating-linear-gradient(to right,var(--hds-link-underline,var(--hds-color-carbon-60)) 0 2px,transparent 2px 5px);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px}
a:hover{background-image:linear-gradient(var(--hds-link-underline,var(--hds-color-carbon-60)),var(--hds-link-underline,var(--hds-color-carbon-60)))}
a.hds-plain{background-image:none;padding-bottom:0}

/* Focus ($hds-focus-*): 1px dashed ring, 1px offset, on every interactive element. */
:focus{outline:none}
:focus-visible{outline:var(--hds-focus-width) var(--hds-focus-style) var(--hds-focus-colour,var(--hds-color-carbon-60));outline-offset:var(--hds-focus-offset)}

/* Call-to-action button (components/Button.mdx, .usa-button): NASA Red, square corners, Inter
   bold. White on NASA Red is 3.4:1, so the label is 19px bold to meet WCAG AA large text. */
.hds-button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--hds-font-family-heading);font-weight:var(--hds-font-weight-bold);font-size:1.1875rem;line-height:1;padding:var(--hds-spacing-2) var(--hds-spacing-3);border:0;border-radius:var(--hds-button-border-radius);background:var(--hds-color-nasa-red);color:var(--hds-color-spacesuit-white);background-image:none;cursor:pointer}
.hds-button:hover{background:var(--hds-color-nasa-red-shade);color:var(--hds-color-spacesuit-white)}


/* Agency header: black bar, NASA logo centred and linked to nasa.gov, site name left, section
   links right; below 880px the links wrap onto their own row and the bar stops being sticky. */
.hds-header{position:sticky;top:0;z-index:20;background:var(--hds-color-carbon-black);color:var(--hds-color-spacesuit-white);--hds-link-underline:var(--hds-color-carbon-40);--hds-focus-colour:var(--hds-color-carbon-20)}
.hds-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--hds-spacing-2);min-height:72px;padding-top:var(--hds-spacing-1);padding-bottom:var(--hds-spacing-1)}
.hds-header__site{font-family:var(--hds-font-family-heading);font-weight:var(--hds-font-weight-bold);font-size:var(--hds-font-size-2xs);line-height:var(--hds-line-height-3);letter-spacing:var(--hds-letter-spacing-1);text-transform:uppercase}
.hds-header__site span{display:block;font-family:var(--hds-font-family-code);font-weight:var(--hds-font-weight-normal);font-size:var(--hds-font-size-3xs);color:var(--hds-color-carbon-20)}
.hds-header__logo{justify-self:center;display:block;background-image:none;padding:0}
.hds-header__logo img{display:block;height:56px;width:auto}
.hds-header__nav{justify-self:end;display:flex;flex-wrap:wrap;gap:var(--hds-spacing-1) var(--hds-spacing-3);font-family:var(--hds-font-family-heading);font-weight:var(--hds-font-weight-semibold);font-size:var(--hds-font-size-2xs);letter-spacing:var(--hds-letter-spacing-1)}
@media (max-width:879px){
  .hds-header{position:static}
  .hds-header__inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"site logo ." "nav nav nav";row-gap:var(--hds-spacing-1)}
  .hds-header__site{grid-area:site}
  .hds-header__logo{grid-area:logo}
  .hds-header__logo img{height:48px}
  .hds-header__nav{grid-area:nav;justify-self:stretch;justify-content:center;padding-top:var(--hds-spacing-1);border-top:var(--hds-border-width-thin) solid var(--hds-color-carbon-80)}
}

/* Agency footer (DesignStandards.mdx "Agency footer"; links and order from HDS's own footer,
   .storybook/Footer.jsx). */
.hds-footer{background:var(--hds-color-carbon-90);color:var(--hds-color-carbon-10);font-size:var(--hds-font-size-2xs);line-height:var(--hds-line-height-4);--hds-link-underline:var(--hds-color-carbon-40);--hds-focus-colour:var(--hds-color-carbon-20)}
.hds-footer .hds-wrap{display:grid;gap:var(--hds-spacing-3);padding-top:var(--hds-spacing-6);padding-bottom:var(--hds-spacing-6)}
.hds-footer__agency{display:flex;align-items:center;gap:var(--hds-spacing-2);font-family:var(--hds-font-family-heading);font-weight:var(--hds-font-weight-semibold);color:var(--hds-color-spacesuit-white)}
.hds-footer__agency a{background-image:none;padding:0;display:block}
.hds-footer__agency img{display:block;height:48px;width:auto}
.hds-footer__links{display:flex;flex-wrap:wrap;gap:var(--hds-spacing-1) var(--hds-spacing-3);margin:0;padding:0;list-style:none}
.hds-footer__meta{display:flex;flex-wrap:wrap;gap:var(--hds-spacing-0-5) var(--hds-spacing-4);margin:0;padding-top:var(--hds-spacing-2);border-top:var(--hds-border-width-thin) solid var(--hds-color-carbon-70);font-family:var(--hds-font-family-code);font-size:var(--hds-font-size-3xs);letter-spacing:var(--hds-letter-spacing-1);color:var(--hds-color-carbon-20)}