@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-ext-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-ext-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-ext-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-ext-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-ext-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-ext-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/nunito-sans-v19-latin-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  
  --white: #ffffff;
  --slate-50:  #f3f7fb;
  --slate-100: #e7eef5;
  --slate-200: #dce6f0;
  --slate-300: #c8daeb;
  --slate-400: #8fa3b5;
  
  --slate-500: #4a5c70;
  --slate-600: #46586b;
  --slate-700: #33465a;
  --slate-800: #103352;   
  --slate-900: #002554;   

--blue-50:  #eef6fc;
  --blue-100: #d9ecf7;
  --blue-200: #b7dbf0;
  --blue-300: #8cc4e6;   
  --blue-400: #4da3d6;
  --blue-500: #1a8ad1;
  --blue-600: #0071b9;
  --blue-700: #005a94;
  --blue-800: #00477a;

--green-50:  #eefaf5;
  --green-100: #d7f2e7;
  --green-600: #1a7d5f;
  --green-700: #157356;
  --amber-50:  #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;   
  --amber-600: #d97706;
  --amber-700: #b45309;
  --red-50:    #fef2f2;
  --red-200:  #fecaca;   
  --red-100:   #fee2e2;
  --red-500:   #ef4444;
  --red-600:   #dc2626;
  --red-700:   #b91c1c;
  
  --purple-50: #f0f5fa;
  --purple-100:#dce6f0;
  --purple-600:#2c5b84;
  
  --yellow-100:#fef9c3;
  --yellow-700:#ca8a04;
  
  --yellow-800:#854d0e;
  --teal-50:   #f0fdfa;
  --teal-100:  #ccfbf1;
  --teal-600:  #0d9488;
  
  --teal-700:  #0f766e;
  --green-200: #a8e3cd;

--sud:      var(--green-600);   
  --sud-deep: var(--green-700);   
  --sud-tint: var(--green-50);    
  --sud-line: var(--green-200);   

  --badge-blue-bg: #cfe4f4;

--navy:      #002554;
  --navy-band: #103352;
  --dhs-blue:  #0071b9;
  --dhs-blue-deep: #005a94;
  --dhs-blue-ink:  #00477a;
  --accent-green:  #30b088;   
  --green-deep:    #1a7d5f;   
  --green-btn:     #157356;   
  --green-btn-h:   #0f6449;
  --grey-line:     #dce6f0;
  --ink:           #142433;
  --ink-soft:      var(--slate-500);  
  --ease-dhs: cubic-bezier(.22,.61,.36,1);

  --maxw: 1440px;
  --gutter: 80px;
  --content: 1280px;

--eo-bg:#fff; --eo-surface-1:#fff; --eo-surface-2:#f8fafc; --eo-surface-3:#f1f5f9; --eo-surface-4:#f1f5f9;
  --eo-line:#e2e8f0; --eo-line-2:#cbd5e1;
  --eo-fg:#0f172a; --eo-fg-2:#475569; --eo-fg-3:#64748b; --eo-fg-4:#94a3b8; --eo-fg-inv:#fff;
  --eo-red:#2563eb; --eo-red-deep:#1d4ed8; --eo-red-50:rgba(37,99,235,0.08);
  --eo-font-heading:'Nunito Sans',system-ui,sans-serif; --eo-font-mono:'Nunito Sans',system-ui,sans-serif;
  --eo-font-pixel:'Nunito Sans',system-ui,sans-serif; --eo-font-body:'Nunito Sans',system-ui,sans-serif;
  --eo-tracking-caps:0.04em; --eo-tracking-tight:-0.01em;
  --eo-radius-sm:8px; --eo-radius-md:8px; --eo-radius-pill:9999px;
  --eo-eyebrow:700 12px/1.2 'Nunito Sans',sans-serif; --eo-mono-sm:600 12px/1.4 'Nunito Sans',sans-serif;
  --eo-body-sm:400 14px/1.55 'Nunito Sans',sans-serif; --eo-body-lg:400 18px/1.5 'Nunito Sans',sans-serif;
  --eo-shadow-red:0 1px 2px rgba(0,0,0,.05); --eo-ease:ease;
}

* { box-sizing: border-box; }

html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body {
  margin: 0;
  font-family: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: var(--white);
  
  color: var(--slate-900);
}

p { color: var(--ink); }

.page {
  width: var(--maxw);
  margin: 0 auto;
  background: var(--white);
  
  overflow-x: clip;
  overflow-y: visible;
}

a { color: inherit; text-decoration: none; }
img { display: block; }
button { font-family: inherit; cursor: pointer; }

.section { padding: 0 var(--gutter); }
.container { max-width: var(--content); margin: 0 auto; }

.nav-item { position: relative; display: flex; align-items: center; }
.nav-top {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 14px; font-weight: 500; color: var(--ink);
  transition: color .12s ease; cursor: pointer;
}
.nav-top:hover { color: var(--slate-900); }
.nav-top.active { color: var(--slate-900); font-weight: 600; }
.nav-caret { display: inline-flex; transition: transform .15s ease; color: var(--slate-500); }
.nav-caret svg { width: 12px; height: 12px; }
.nav-item:hover .nav-caret, .nav-item:focus-within .nav-caret { transform: rotate(180deg); }
.nav-menu {
  position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%) translateY(4px);
  min-width: 236px; background: #fff; border: 1px solid var(--slate-200);
  border-radius: 12px; box-shadow: 0 16px 40px rgba(15,23,42,.13); padding: 6px;
  opacity: 0; visibility: hidden; transition: opacity .14s ease, transform .14s ease; z-index: 40;
}
.nav-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 12px; }
.nav-item:hover .nav-menu, .nav-item:focus-within .nav-menu {
  opacity: 1; visibility: visible; transform: translateX(-50%) translateY(8px);
}
.nav-menu a {
  display: block; padding: 10px 14px; border-radius: 8px;
  font-size: 14px; font-weight: 500; color: var(--ink);
  white-space: nowrap; transition: background .1s ease, color .1s ease;
}
.nav-menu a:hover { background: var(--slate-50); color: var(--slate-900); }
.nav-menu a.active { color: var(--blue-700); font-weight: 600; }

.related { padding: 8px 80px 72px; background: var(--white); }
.related-inner { max-width: var(--content); margin: 0 auto; }
.related-lbl {
  font-size: 12px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase;
  color: var(--slate-500); margin: 0 0 18px;
}
.related-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.related-card {
  display: flex; flex-direction: column; gap: 4px;
  padding: 18px; border: 1px solid var(--slate-200); border-radius: 12px;
  background: var(--white); transition: all .15s ease; min-height: 96px;
}
.related-card:hover { border-color: var(--blue-200); box-shadow: 0 8px 20px rgba(15,23,42,.06); transform: translateY(-2px); }
.related-card .rc-t { font-size: 14px; font-weight: 700; color: var(--slate-900); line-height: 1.25; }
.related-card .rc-s { font-size: 12px; line-height: 1.4; color: var(--slate-500); margin-bottom: auto; }
.related-card .rc-go { color: var(--slate-500); }
.related-card:hover .rc-go { color: var(--blue-600); }
.related-card .rc-go svg { width: 15px; height: 15px; }

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  background: var(--slate-900);
  color: var(--white);
  padding: 10px 16px;
  border-radius: 0 0 6px 0;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.skip-link:focus {
  left: 0;
  outline: 3px solid var(--blue-500);
  outline-offset: 2px;
}

.crisis-bar {
  background: var(--slate-900);
  color: var(--white);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.crisis-bar .ci { display: inline-flex; align-items: center; gap: 8px; }
.crisis-bar .ci strong { font-weight: 700; }
.crisis-bar .ci a { color: var(--white); font-weight: 700; text-decoration: none; }
.crisis-bar .ci a:hover, .crisis-bar .ci a:focus { text-decoration: underline; }
.crisis-bar svg { width: 14px; height: 14px; }
.crisis-bar .sep { opacity: .5; }

.nav {
  height: 80px;
  padding: 0 var(--gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--slate-100);
  background: var(--white);
}
.nav-logo { display: flex; align-items: center; gap: 12px; }
.nav-logo .mark {
  width: 40px; height: 40px; border-radius: 8px;
  background: var(--slate-900);
  display: flex; align-items: center; justify-content: center;
}
.nav-logo .mark svg { width: 22px; height: 22px; color: #fff; }
.nav-logo .word { font-weight: 700; font-size: 18px; letter-spacing: -.45px; color: var(--slate-900); }
.nav-logo .word b { font-weight: 700; color: var(--slate-900); }

.nav-links { display: flex; align-items: center; gap: 32px; }
.nav-links a {
  font-size: 14px; font-weight: 500; color: var(--ink);
  transition: color .12s ease;
}
.nav-links a:hover { color: var(--slate-900); }
.nav-links a.active { color: var(--slate-900); font-weight: 600; }

.nav-right { display: flex; align-items: center; gap: 16px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-weight: 700; font-size: 14px; line-height: 20px;
  border: none; cursor: pointer; transition: all .12s ease; white-space: nowrap;
}
.btn-primary {
  background: var(--slate-900); color: #fff;
  padding: 12px 24px; border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.btn-primary:hover { background: #1e293b; }
.btn-primary:active { transform: scale(.98); }

.btn-blue { background: var(--blue-600); color: #fff; padding: 12px 24px; border-radius: 9999px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.btn-blue:hover { background: var(--blue-700); }

.btn-sud { background: var(--sud); color: #fff; padding: 12px 22px; border-radius: 9999px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.btn-sud:hover { background: var(--sud-deep); }
.btn-sud:active { transform: scale(.98); }
.btn-sud svg { width: 15px; height: 15px; }

.sud-inline { color: var(--sud-deep); font-weight: 700; }
.sud-inline:hover { color: var(--sud); }
.link-arrow.sud { color: var(--sud-deep); }
.link-arrow.sud svg { color: var(--sud-deep); }
.link-arrow.sud:hover { color: var(--sud); }

.sud-accent { border: 1px solid var(--sud-line); }
.sud-accent.sud-wash { background: var(--sud-tint); }

.sud-accent a:not(.btn) { color: var(--sud-deep); }
.sud-accent a:not(.btn):hover { color: var(--sud); }

.ffps.sud-accent { background: var(--sud-tint); border-color: var(--sud-line); }
.ffps.sud-accent .ffps-card { border-color: var(--sud-line); }
.ffps.sud-accent .ref-links a { color: var(--sud-deep); }
.sud-accent .org-tag { background: var(--sud-tint); color: var(--sud-deep); }
.btn-outline {
  background: #fff; color: var(--slate-900);
  border: 1px solid var(--slate-300); padding: 11px 23px; border-radius: 9999px;
}
.btn-outline:hover { background: var(--slate-50); }

.footer { background: var(--slate-900); color: #fff; padding: 40px var(--gutter) 0; }

.footer-partners {
  max-width: var(--content); margin: 0 auto;
  border-top: 1px solid var(--slate-800);
  padding: 38px 0;
}
.fp-row {
  display: flex; align-items: start; justify-content: space-between;
  gap: 40px; flex-wrap: wrap; padding: 0 40px;
}
.fp-item {
  flex: 0 0 auto;
  display: grid; grid-template-rows: auto 44px; justify-items: center; gap: 16px;
  text-decoration: none;
}
.fp-tag {
  font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--slate-500); transition: color .12s ease;
}
.fp-item:hover .fp-tag, .fp-item:focus-visible .fp-tag { color: var(--slate-300); }
.fp-item img { height: 40px; width: auto; align-self: center; opacity: .9; transition: opacity .12s ease; }
.fp-item:hover img, .fp-item:focus-visible img { opacity: 1; }
.fp-word { align-self: center; font-size: 22px; font-weight: 800; letter-spacing: -.3px; color: #fff; opacity: .92; transition: opacity .12s ease; }
.fp-word em { font-style: normal; color: var(--red-500); }
.fp-item:hover .fp-word, .fp-item:focus-visible .fp-word { opacity: 1; }

.footer-main { max-width: var(--content); margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 48px; padding-bottom: 26px; }
.footer-brand .fb-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.footer-brand .mark { width: 38px; height: 38px; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; }
.footer-brand .mark svg { width: 21px; height: 21px; color: var(--slate-900); }
.footer-brand .word { font-weight: 700; font-size: 17px; letter-spacing: -.4px; }
.footer-brand .word b { font-weight: 700; }
.footer-brand p { color: var(--slate-400); font-size: 13.5px; line-height: 1.5; margin: 0; max-width: 340px; }
.footer-cols { display: grid; grid-template-columns: repeat(3, minmax(140px,auto)); gap: 40px; }
.footer h4 { font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; margin: 0 0 12px; color: var(--slate-500); }
.footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.footer ul a { color: var(--slate-300); font-size: 13.5px; transition: color .12s ease; }
.footer ul a:hover { color: #fff; }
.footer ul a strong { color: #fff; font-weight: 700; }

.footer-disclaimer { max-width: var(--content); margin: 0 auto; padding: 18px 0; border-top: 1px solid var(--slate-800); color: var(--slate-400); font-size: 12.5px; line-height: 1.55; }
.footer-disclaimer strong { color: var(--slate-300); }
.footer-disclaimer .fund { color: var(--slate-500); font-style: italic; }

.footer-bottom {
  max-width: var(--content); margin: 0 auto;
  border-top: 1px solid var(--slate-800);
  padding: 16px 0;
  display: flex; align-items: center; justify-content: space-between;
  color: var(--slate-500); font-size: 12.5px;
}
.footer-bottom .legal-links { display: flex; gap: 20px; }
.footer-bottom .legal-links a { color: var(--slate-400); }
.footer-bottom .legal-links a:hover { color: #fff; }

.privacy-consent { position: fixed; left: 24px; right: 24px; bottom: 24px; z-index: 60; max-width: 760px; margin: 0 auto;
  background: var(--slate-900); color: #fff; border-radius: var(--r); padding: 18px 22px;
  display: flex; align-items: center; gap: 20px; box-shadow: 0 16px 40px rgba(15,23,42,.3); }
.privacy-consent p { font-size: 13.5px; line-height: 1.5; margin: 0; color: var(--slate-200); flex: 1; }
.privacy-consent p a { color: #fff; text-decoration: underline; }
.privacy-consent .pc-actions { display: flex; gap: 10px; flex: none; }
.privacy-consent .pc-accept { background: var(--blue-600); color: #fff; border: none; border-radius: 9999px; padding: 10px 20px; font-size: 13px; font-weight: 700; cursor: pointer; }
.privacy-consent .pc-accept:hover { background: var(--blue-700); }
.privacy-consent .pc-dismiss { background: transparent; color: var(--slate-300); border: 1px solid var(--slate-700); border-radius: 9999px; padding: 10px 16px; font-size: 13px; font-weight: 600; cursor: pointer; }
.privacy-consent .pc-dismiss:hover { color: #fff; border-color: var(--slate-500); }
.tf-crisis { margin-bottom: 16px; }
.tf-crisis .lbl { color: var(--slate-400); font-size: 14px; margin-bottom: 2px; }
.tf-crisis .num { color: #fff; font-size: 22px; font-weight: 700; }

.eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; letter-spacing: .6px;
  color: var(--blue-700);
  background: var(--badge-blue-bg);
  padding: 6px 12px; border-radius: 9999px;
}
.eyebrow.plain { background: var(--blue-50); }
.eyebrow svg { width: 13px; height: 13px; }

.kicker {
  display: inline-block;
  font-size: 12px; font-weight: 700; letter-spacing: .6px;
  color: var(--blue-700); background: var(--blue-50);
  padding: 6px 12px; border-radius: 9999px;
}

h1.hero-title {
  font-weight: 800; font-size: 72px; line-height: 72px; letter-spacing: -1.8px;
  color: var(--slate-900); text-align: center; margin: 0;
}
.lead {
  font-size: 20px; line-height: 32.5px; color: var(--slate-500);
  text-align: center; margin: 0;
}
h1.hero-title span { display: block; white-space: nowrap; }

.section-title { font-weight: 800; font-size: 40px; line-height: 1.1; letter-spacing: -1px; color: var(--slate-900); margin: 0; }
.section-sub { font-size: 18px; line-height: 1.6; color: var(--slate-500); margin: 0; }

.card {
  background: var(--white); border: 1px solid var(--slate-200);
  border-radius: var(--r); padding: 24px;
}
.card-soft { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: 24px; }

.icon-box {
  width: 48px; height: 48px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; flex: none;
}
.icon-box svg { width: 22px; height: 22px; }

.link-arrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 700; font-size: 16px; color: var(--slate-900);
}
.link-arrow.blue { color: var(--blue-700); font-size: 14px; }
.link-arrow svg { width: 16px; height: 16px; }

.pill-link {
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff; border: 1px solid var(--slate-200); border-radius: 9999px;
  padding: 10px 18px; font-size: 14px; font-weight: 600; color: var(--slate-700);
  transition: all .12s ease;
}
.pill-link:hover { border-color: var(--slate-300); background: var(--slate-50); }
.pill-link svg { width: 15px; height: 15px; color: var(--slate-500); }

.divider { height: 1px; background: var(--slate-100); border: 0; margin: 0; }

.breadcrumb {
  padding: 16px 80px; border-bottom: 1px solid var(--slate-100);
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; color: var(--slate-500);
}
.breadcrumb a:hover { color: var(--slate-900); }
.breadcrumb .sep { color: var(--slate-300); }
.breadcrumb .cur { color: var(--slate-900); font-weight: 500; }

.ihero { padding: 56px 80px; }
.ihero-inner { max-width: 1280px; margin: 0 auto; }
.ihero h1 { font-size: 56px; font-weight: 800; letter-spacing: -1.4px; line-height: 1.08; margin: 16px 0 24px; color: var(--slate-900); max-width: 760px; }
.ihero p { font-size: 19px; line-height: 1.65; color: var(--slate-500); margin: 0; max-width: 720px; }

.tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: var(--ink);
}
.tag svg { width: 14px; height: 14px; color: var(--slate-500); }
.tag.green { color: var(--green-700); }
.tag.green svg { color: var(--green-600); }
.tag.amber { color: var(--amber-700); }
.tag.amber svg { color: var(--amber-600); }

.doc-wrap { display: grid; grid-template-columns: 248px 1fr; gap: 40px; max-width: var(--rail-max); margin: 0 auto; padding: 48px var(--rail-pad) 80px; align-items: start; }  
.doc-wrap.full { padding: 48px 80px 80px; }

.side-nav { position: sticky; top: 24px; }
.side-nav .lbl { font-size: 12px; font-weight: 700; letter-spacing: .7px; color: var(--slate-500); margin: 0 0 16px; padding-left: 16px; }
.side-nav a {
  display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 10px;
  font-size: 15px; font-weight: 500; color: var(--ink); margin-bottom: 4px; transition: all .12s ease;
}
.side-nav a svg { width: 18px; height: 18px; color: var(--slate-500); flex: none; }
.side-nav a:hover { background: var(--slate-100); color: var(--slate-900); }
.side-nav a.active { background: var(--slate-900); color: #fff; }
.side-nav a.active svg { color: #fff; }

.side-nav .ext-arrow { margin-left: auto; margin-right: -14px;
  width: 32px; height: 32px; flex: none; display: grid; place-items: center; }

.side-nav .ext-arrow svg { width: 16px; height: 16px; color: var(--slate-400); }
.side-nav a:hover .ext-arrow svg { color: var(--ink); }
.ext-note { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--slate-500); background: var(--blue-50); border: 1px solid var(--blue-100); padding: 8px 14px; border-radius: 9999px; margin: 0 0 20px; }
.ext-note svg { color: var(--blue-600); flex: none; }

.doc-main { min-width: 0; }
.qcr-standalone { max-width: 1280px; margin: 0 auto; padding: 40px 80px 80px; }
.qcr-standalone .doc-main { max-width: none; }
.back-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 600; color: var(--slate-500);
  padding: 8px 14px 8px 10px; border: 1px solid var(--slate-200); border-radius: 9999px;
  margin-bottom: 28px; transition: all .12s ease;
}
.back-btn:hover { color: var(--slate-900); border-color: var(--slate-300); background: var(--slate-50); }
.back-btn svg { width: 16px; height: 16px; }
.doc-main > .eyebrow { margin-bottom: 24px; }
.doc-main h1 { font-size: 52px; font-weight: 800; letter-spacing: -1.4px; line-height: 1.08; margin: 0 0 24px; color: var(--slate-900); }
.doc-main .doc-lead { font-size: 19px; line-height: 1.65; color: var(--slate-500); margin: 0 0 32px; max-width: 760px; }
.doc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.doc-head .doc-lead { margin-bottom: 0; }
.doc-head .doc-actions { margin: 6px 0 0; flex: none; }
.doc-actions { display: flex; gap: 16px; margin-bottom: 40px; }

.tabs { display: flex; gap: 8px; background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 6px; margin-bottom: 48px; width: fit-content; }
.tab {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 8px;
  font-size: 15px; font-weight: 600; color: var(--slate-500); background: none; border: none; cursor: pointer;
}
.tab svg { width: 16px; height: 16px; }
.tab.active { background: #fff; color: var(--slate-900); box-shadow: 0 1px 3px rgba(15,23,42,.1); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }

.ref-box { background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: var(--r); padding: 22px 24px; margin-bottom: 24px; }
.ref-box.amber { background: var(--amber-50); border-color: var(--amber-100); }
.ref-box .rb-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ref-box .rb-head svg { width: 19px; height: 19px; color: var(--blue-700); flex: none; }
.ref-box.amber .rb-head svg { color: var(--amber-700); }
.ref-box .rb-head h3 { font-size: 16px; font-weight: 700; margin: 0; color: var(--slate-900); }
.ref-box p { font-size: 14px; line-height: 1.6; color: var(--ink); margin: 0 0 12px; }
.ref-box p:last-child { margin-bottom: 0; }
.ref-box .five-ps { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.ref-box .five-ps span { font-size: 12.5px; font-weight: 600; color: var(--blue-700); background: var(--blue-100); border-radius: 9999px; padding: 5px 12px; }
.ref-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.ref-links a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--blue-700); }
.ref-links a svg { width: 14px; height: 14px; flex: none; }
.ref-links a:hover { text-decoration: underline; }

.pending { border: 2px dashed var(--slate-300); border-radius: var(--r); padding: 22px 24px; background: repeating-linear-gradient(135deg, var(--slate-50), var(--slate-50) 10px, #fff 10px, #fff 20px); display: flex; gap: 16px; align-items: flex-start; }
.pending .pi { width: 40px; height: 40px; border-radius: 10px; background: var(--amber-100); color: var(--amber-700); display: flex; align-items: center; justify-content: center; flex: none; }
.pending .pi svg { width: 20px; height: 20px; }
.pending h3 { font-size: 16px; font-weight: 700; margin: 0 0 6px; color: var(--slate-900); }
.pending p { font-size: 13.5px; line-height: 1.55; color: var(--ink); margin: 0; }
.pending .tag-pending { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--amber-700); background: var(--amber-100); border-radius: 9999px; padding: 3px 10px; margin-bottom: 8px; }

.ffps { border: 1px solid var(--blue-100); border-radius: var(--r); background: var(--blue-50); margin-bottom: 24px; overflow: hidden; }
.ffps > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 11px; padding: 18px 22px; }
.ffps > summary::-webkit-details-marker { display: none; }
.ffps > summary h3 { font-size: 16px; font-weight: 700; margin: 0; color: var(--slate-900); }
.ffps > summary .chev { margin-left: auto; width: 20px; height: 20px; color: var(--slate-500); transition: transform .2s ease; flex: none; }
.ffps[open] > summary .chev { transform: rotate(180deg); }
.ffps-body { padding: 0 22px 22px; }
.ffps-body p { font-size:var(--fs-read); line-height: 1.6; color: var(--ink); margin: 0 0 14px; }
.ffps-body p strong { color: var(--slate-900); }
.ffps-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 4px 0 16px; }

.ffps-p { background: #fff; border: 1px solid var(--blue-100); border-radius: var(--r); padding: 14px 12px; text-align: center; display: flex; align-items: center; justify-content: center; min-height: 56px; }
.ffps-p .pn { width: 32px; height: 32px; border-radius: 9999px; background: var(--blue-600); color: #fff; font-weight: 800; font-size: 15px; display: flex; align-items: center; justify-content: center; margin: 0 auto 9px; }
.ffps-p span { font-size: 13px; font-weight: 700; color: var(--slate-800); line-height: 1.3; display: block; }

.ffps-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 4px 0 16px; align-items: stretch; }
.ffps-card { background: #fff; border: 1px solid var(--blue-100); border-radius: 12px; padding: 16px; }
.ffps-card b { display: block; font-size: 13.5px; font-weight: 700; color: var(--slate-900); margin-bottom: 6px; }
.ffps-card span { font-size: 12.5px; line-height: 1.5; color: var(--ink); }
.ref-links a .ar-after { width: 14px; height: 14px; flex: none; }

.acc-head { margin-bottom: 24px; }
.acc-head h2 { font-size: 30px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 12px; }
.acc-head p { font-size: 16px; line-height: 1.6; color: var(--slate-500); margin: 0; max-width: 820px; }
.acc { display: flex; flex-direction: column; gap: 16px; }
.acc-item { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--slate-50); overflow: hidden; transition: border-color .12s ease; }
.acc-item.open { background: var(--eo-surface-1); border-color: var(--blue-200); }
.acc-btn { width: 100%; display: flex; align-items: center; gap: 20px; padding: 24px 28px; background: none; border: none; cursor: pointer; text-align: left; }
.acc-ico { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: none; }
.acc-ico svg { width: 22px; height: 22px; }
.acc-txt { flex: 1; }
.acc-txt h3, .acc-txt h4 { font-size: 20px; font-weight: 700; margin: 0 0 4px; }
.acc-txt p { font-size: 14px; color: var(--slate-500); margin: 0; }
.acc-chev { color: var(--slate-500); transition: transform .2s ease; flex: none; }
.acc-chev svg { width: 22px; height: 22px; }
.acc-item.open .acc-chev { transform: rotate(180deg); }
.acc-body { display: none; padding: 0 28px 28px 92px; }
.acc-item.open .acc-body { display: block; }
.acc-body .row { display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 14px 0; border-top: 1px solid var(--slate-100); }
.acc-body .row:first-child { border-top: 1px solid var(--slate-100); }
.acc-body .row .k { font-size: 14px; font-weight: 700; color: var(--slate-700); }
.acc-body .row .v { font-size: 14px; line-height: 1.6; color: var(--ink); }

.tint-amber { background: var(--amber-100); color: var(--amber-600); }
.tint-blue { background: var(--blue-100); color: var(--blue-700); }
.tint-purple { background: var(--purple-100); color: var(--purple-600); }
.tint-red { background: var(--red-100); color: var(--red-600); }
.tint-green { background: var(--green-100); color: var(--green-700); }
.tint-teal { background: var(--teal-100); color: var(--teal-600); }

.cs-feature {
  border: 1px solid var(--red-200); border-radius: var(--r);
  background: linear-gradient(180deg, #fff5f5 0%, #ffffff 55%);
  padding: 36px; margin: 8px 0 44px;
}
.cs-feature .cs-top { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 22px; }
.cs-feature .cs-ico {
  width: 52px; height: 52px; border-radius: 13px; flex: none;
  background: var(--red-600); color: #fff; display: flex; align-items: center; justify-content: center;
}
.cs-feature .cs-ico svg { width: 26px; height: 26px; }
.cs-feature .cs-elig { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--red-700); background: var(--red-50); border: 1px solid var(--red-200); padding: 5px 11px; border-radius: 9999px; margin-bottom: 10px; }
.cs-feature .cs-elig svg { width: 13px; height: 13px; }
.cs-feature h2 { font-size: 30px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 10px; color: var(--slate-900); }
.cs-feature .cs-lead { font-size: 15px; line-height: 1.65; color: var(--ink); margin: 0; max-width: 760px; }

.cs-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 28px; }
.cs-stat { background: #fff; border: 1px solid var(--slate-200); border-radius: var(--r); padding: 20px; }
.cs-stat .n { font-size: 32px; font-weight: 800; letter-spacing: -1px; color: var(--red-600); line-height: 1; margin-bottom: 8px; }
.cs-stat .l { font-size: 13px; line-height: 1.45; color: var(--ink); }

.cs-acog { background: #fff; border: 1px solid var(--slate-200); border-radius: var(--r); padding: 24px 26px; margin-bottom: 24px; }
.cs-acog .ah { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.cs-acog .ah svg { width: 20px; height: 20px; color: var(--blue-600); }
.cs-acog .ah h3 { font-size: 17px; font-weight: 700; margin: 0; }
.cs-acog .ah .src { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--slate-500); }
.cs-intervals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.cs-interval { display: flex; gap: 14px; align-items: flex-start; padding: 16px; background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: 12px; }
.cs-interval .step { width: 30px; height: 30px; border-radius: 9999px; background: var(--blue-600); color: #fff; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex: none; }
.cs-interval h4 { font-size: 15px; font-weight: 700; margin: 2px 0 4px; }
.cs-interval p { font-size: 12.5px; line-height: 1.45; color: var(--slate-500); margin: 0; }

.cs-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.cs-action { display: flex; gap: 12px; }
.cs-action .ck { width: 24px; height: 24px; border-radius: 7px; background: var(--green-100); color: var(--green-700); display: flex; align-items: center; justify-content: center; flex: none; }
.cs-action .ck svg { width: 14px; height: 14px; }
.cs-action h4 { font-size: 14.5px; font-weight: 700; margin: 2px 0 4px; }
.cs-action p { font-size: 13px; line-height: 1.5; color: var(--slate-500); margin: 0; }

.cs-policy { display: flex; gap: 11px; align-items: flex-start; margin-top: 22px; padding: 16px 18px; background: var(--amber-50); border: 1px solid var(--amber-100); border-radius: 12px; }
.cs-policy svg { width: 17px; height: 17px; color: var(--amber-600); flex: none; margin-top: 1px; }
.cs-policy p { font-size: 13px; line-height: 1.55; color: var(--slate-700); margin: 0; }
.cs-policy strong { color: var(--slate-900); }

.ce-sec-head { display: flex; align-items: center; gap: 12px; margin: 48px 0 24px; }
.ce-sec-head h2 { font-size: 26px; font-weight: 800; letter-spacing: -.5px; margin: 0; }

.course { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--slate-50); padding: 28px; margin-bottom: 16px; display: flex; gap: 24px; }
.course-main { flex: 1; }
.badge-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 9999px; }
.badge-pill.blue { background: var(--blue-100); color: var(--blue-700); }
.badge-pill.green { background: var(--green-100); color: var(--green-700); }
.badge-pill svg { width: 13px; height: 13px; }
.course h3 { font-size: 19px; font-weight: 700; margin: 0 0 10px; }
.course p { font-size: 14px; line-height: 1.6; color: var(--slate-500); margin: 0 0 16px; max-width: 720px; }
.course-meta { display: flex; gap: 24px; }
.meta-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--slate-500); }
.meta-item svg { width: 14px; height: 14px; color: var(--slate-500); }
.course-action { flex: none; }

.mod-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.mod-card { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--eo-surface-1); padding: 24px; display: flex; flex-direction: column; transition: all .15s ease; }
.mod-card:hover { border-color: var(--blue-200); box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.mod-ico { width: 44px; height: 44px; border-radius: 10px; background: var(--blue-50); color: var(--blue-600); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.mod-ico svg { width: 22px; height: 22px; }
.mod-card h3 { font-size: 17px; font-weight: 700; margin: 0 0 10px; }
.mod-card p { font-size: 13.5px; line-height: 1.55; color: var(--slate-500); margin: 0 0 16px; flex: 1; }
.mod-meta { display: flex; gap: 16px; margin-bottom: 16px; }
.mod-card .link-arrow.blue { margin-top: auto; }

.event { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--slate-50); padding: 24px; margin-bottom: 16px; display: flex; gap: 24px; align-items: flex-start; }
.event.past { opacity: .72; }
.date-badge { width: 64px; height: 64px; border-radius: 12px; background: var(--blue-600); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: none; }
.date-badge.gray { background: var(--slate-200); color: var(--slate-500); }
.date-badge .d { font-size: 22px; font-weight: 800; line-height: 1; }
.date-badge .m { font-size: 11px; font-weight: 700; letter-spacing: .5px; margin-top: 2px; }
.event-main { flex: 1; }
.event-status { margin-bottom: 8px; }
.status-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 9999px; }
.status-pill.amber { background: var(--amber-100); color: var(--amber-700); }
.status-pill.gray { background: var(--slate-200); color: var(--slate-500); }
.event h3 { font-size: 18px; font-weight: 700; margin: 0 0 8px; }
.event p { font-size: 14px; line-height: 1.55; color: var(--slate-500); margin: 0 0 14px; max-width: 760px; }
.event-meta { display: flex; gap: 24px; margin-bottom: 16px; }
.filter-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--slate-300); border-radius: 9999px; background: var(--eo-surface-1); font-size: 14px; font-weight: 600; color: var(--slate-700); }
.filter-btn svg { width: 15px; height: 15px; }

.qcr-band { background: var(--slate-50); border-top: 1px solid var(--slate-200); padding: 56px 80px; }
.qcr-wrap { max-width: 1280px; margin: 0 auto; }
.qcr-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--eo-surface-1); border: 1px solid var(--slate-200); border-radius: var(--r); overflow: hidden; }
.qcr-table thead th {
  background: var(--slate-900); color: #fff; text-align: left; font-size: 12px; font-weight: 700;
  letter-spacing: .6px; padding: 16px 20px; text-transform: uppercase;
}
.qcr-table tbody td { padding: 18px 20px; border-top: 1px solid var(--slate-100); vertical-align: top; font-size: 13.5px; color: var(--ink); }
.qcr-sti { display: flex; gap: 12px; align-items: flex-start; min-width: 150px; }
.qcr-sti .ic { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex: none; }
.qcr-sti .ic svg { width: 18px; height: 18px; }
.qcr-sti .nm { font-size: 15px; font-weight: 700; color: var(--slate-900); }
.qcr-sti .sub { font-size: 12px; color: var(--slate-500); margin-top: 2px; }
.qcr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.qcr-list li { position: relative; padding-left: 14px; line-height: 1.4; }
.qcr-list li::before { content: '•'; position: absolute; left: 0; color: var(--slate-500); }
.qcr-lbl { font-weight: 700; color: var(--slate-700); }
.qcr-blk { margin-bottom: 10px; }
.qcr-blk:last-child { margin-bottom: 0; }
.qcr-tx-main { font-weight: 700; color: var(--slate-900); font-size: 14px; }
.qcr-tx-sub { color: var(--ink); margin-top: 3px; }

.qcr-tx-alt { color: var(--slate-500); font-size: 13px; margin-top: 4px; }
.rep-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 9999px; }
.rep-badge svg { width: 13px; height: 13px; }
.rep-badge.red { background: var(--red-100); color: var(--red-700); }
.rep-badge.amber { background: var(--amber-100); color: var(--amber-700); }
.rep-badge.gray { background: var(--slate-100); color: var(--slate-500); }
.rep-sub { display: block; font-size: 11px; color: var(--slate-500); letter-spacing: .4px; margin-top: 6px; }

.notes-box { background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: var(--r); padding: 28px; margin-top: 32px; max-width: 1280px; margin-inline: auto; }
.notes-box .nb-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.notes-box .nb-head .ic { width: 32px; height: 32px; border-radius: 8px; background: var(--blue-600); color: #fff; display: flex; align-items: center; justify-content: center; }
.notes-box .nb-head .ic svg { width: 18px; height: 18px; }
.notes-box .nb-head h3 { font-size: 18px; font-weight: 700; margin: 0; }
.notes-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.notes-list li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.55; color: var(--ink); }
.notes-list li::before { content: '•'; position: absolute; left: 0; color: var(--slate-500); }
.notes-list li strong { color: var(--slate-900); }

.tds-sec-head { display: block; margin: 34px 0 14px; }

.tds-sec-head h2, .tds-sec-head h3 { font-size: 12px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; color: var(--slate-500); margin: 0; }

.tds-card { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--slate-50); padding: 28px; margin-bottom: 16px; }
.tds-card > h3 { font-size: 18px; font-weight: 700; margin: 0 0 20px; }
.scr-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.scr-col h4 { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .6px; color: var(--slate-500); margin: 0 0 14px; }
.scr-col h4 svg { width: 15px; height: 15px; color: var(--blue-600); }
.chk-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.chk-list li { display: flex; gap: 10px; font-size: 14px; line-height: 1.5; color: var(--ink); }
.chk-list li svg { display: none; }
.chk-list li { position: relative; padding-left: 14px; }
.chk-list li::before { content: '\2022'; position: absolute; left: 0; color: var(--slate-500); }

.sym-item { border-top: 1px solid var(--slate-200); padding: 18px 0; }
.sym-item:first-child { border-top: none; padding-top: 0; }
.sym-item h4 { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.sym-item h4 .dot { display: none; }
.sym-list { list-style: none; margin: 0; padding-left: 19px; display: flex; flex-direction: column; gap: 5px; }
.sym-list li { font-size: 13.5px; line-height: 1.5; color: var(--ink); position: relative; padding-left: 14px; }
.sym-list li::before { content: '•'; position: absolute; left: 0; color: var(--slate-500); }

.hr-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.hr-card { border: 1px solid var(--slate-200); border-radius: 12px; background: var(--eo-surface-1); padding: 22px; }
.hr-card .ic { width: 40px; height: 40px; border-radius: 10px; background: var(--blue-50); color: var(--blue-600); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.hr-card .ic svg { width: 20px; height: 20px; }
.hr-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.hr-card p { font-size: 13px; line-height: 1.5; color: var(--slate-500); margin: 0 0 14px; }
.hr-card .freq { font-size: 13px; font-weight: 700; color: var(--blue-700); }

.tc-body { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 24px; }
.tc-col .micro { font-size: 11px; font-weight: 700; letter-spacing: .6px; color: var(--slate-500); margin: 0 0 6px; }
.tc-col .val { font-size: 14px; color: var(--slate-800); font-weight: 600; margin: 0 0 14px; line-height: 1.5; }
.tc-col .val.reg { font-weight: 500; color: var(--ink); }
.tc-samples { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tc-samples li { display: flex; gap: 9px; font-size: 13.5px; line-height: 1.5; color: var(--ink); }
.tc-samples li .b { display: none; }
.tc-samples li { position: relative; padding-left: 14px; }
.tc-samples li::before { content: '\2022'; position: absolute; left: 0; color: var(--slate-500); }
.tc-note { background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: 10px; padding: 14px 16px; font-size: 13px; line-height: 1.55; color: var(--ink); }
.tc-note.amber { background: var(--amber-50); border-color: var(--amber-100); }
.tc-note .nh { display: flex; align-items: center; gap: 7px; font-weight: 700; color: var(--amber-700); margin-bottom: 6px; font-size: 13px; }
.tc-note .nh svg { width: 14px; height: 14px; }

.spec-block { margin-bottom: 22px; }
.spec-block:last-child { margin-bottom: 0; }
.spec-block h4 { font-size: 12px; font-weight: 700; letter-spacing: .6px; color: var(--blue-700); margin: 0 0 12px; }
.spec-quad { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.spec-quad h4 { display: flex; align-items: center; gap: 8px; color: var(--slate-900); font-size: 15px; letter-spacing: 0; margin-bottom: 12px; }
.spec-quad h4 svg { width: 16px; height: 16px; color: var(--blue-600); }
.spec-quad ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.spec-quad ul li { position: relative; padding-left: 14px; font-size: 13px; line-height: 1.5; color: var(--ink); }
.spec-quad ul li::before { content: '•'; position: absolute; left: 0; color: var(--slate-500); }

.filter-bar { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 14px 18px; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; }
.filter-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 0; min-width: 0; flex: 1 1 auto; }

[data-active="provider-resources"] .filter-bar{
  background: none; border: 0; border-bottom: 1px solid var(--slate-200);
  border-radius: 0; padding: 0 0 16px; margin: 0 0 24px;
}
.chip { padding: 8px 13px; border-radius: 9999px; border: 1px solid var(--slate-200); background: var(--eo-surface-1); font-size: 13px; font-weight: 600; color: var(--ink); cursor: pointer; transition: all .12s ease; white-space: nowrap; }
.chip:hover { border-color: var(--slate-300); }
.chip.active { background: var(--slate-900); color: #fff; border-color: var(--slate-900); }

.res-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.res-card { border: 1px solid var(--slate-200); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: all .15s ease; }
.res-card-pending { border-style: dashed; background: var(--slate-50); }
.res-card-pending .res-thumb { background: transparent; }
.res-card-pending:hover { transform: none; box-shadow: none; border-color: var(--slate-300); }
.res-thumb { position: relative; background: var(--slate-50); border-bottom: 1px solid var(--slate-100); display: grid; }

.res-thumb > * { grid-area: 1 / 1; }
.res-cat { font-size: 11px; font-weight: 700; }
.res-thumb .res-cat { z-index: 1; align-self: start; justify-self: start; margin: 8px; padding: 2px 8px; line-height: 1.3; background: rgba(255,255,255,.95); border-radius: 9999px; box-shadow: 0 1px 3px rgba(15,23,42,.18); }

.res-thumb::after { content: ""; grid-area: 1 / 1; background: rgba(0,37,84,.12); pointer-events: none; }

.res-card { position: relative; }
.res-actions .btn::after { content: ""; position: absolute; inset: 0; }
.res-actions .btn:active { transform: none; }
.res-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,23,42,.07); }
.cat-blue { color: var(--blue-700); }
.cat-amber { color: var(--amber-700); }
.cat-purple { color: var(--purple-600); }
.cat-green { color: var(--green-700); }
.cat-red { color: var(--red-700); }
.res-preview { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; background: var(--white); }
.res-empty { grid-column: 1 / -1; color: var(--slate-500); font-size: 14px; margin: 0; }
.res-body { padding: 22px 24px; display: flex; flex-direction: column; flex: 1; }
.res-body h3 { font-size: 17px; font-weight: 700; margin: 0 0 10px; line-height: 1.3; text-wrap: balance; }
.res-body p { font-size:var(--fs-read-sm); line-height: 1.55; color: var(--slate-500); margin: 0 0 18px; }
.res-actions { display: flex; gap: 10px; margin-top: auto; }
.res-actions .btn { flex: 1; padding: 11px 16px; }
.res-actions .btn svg { order: 1; }
.print-btn { width: 42px; height: 42px; border-radius: 9999px; border: 1px solid var(--slate-300); background: var(--eo-surface-1); display: flex; align-items: center; justify-content: center; flex: none; cursor: pointer; }
.print-btn svg { width: 16px; height: 16px; color: var(--ink); }

.dl-all { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 48px; text-align: center; margin-top: 40px; display: flex; flex-direction: column; align-items: center; }
.dl-all .ic { width: 56px; height: 56px; border-radius: var(--r); background: var(--slate-900); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.dl-all .ic svg { width: 26px; height: 26px; }
.dl-all h2 { font-size: 28px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 12px; }
.dl-all p { font-size: 16px; line-height: 1.6; color: var(--slate-500); margin: 0 0 28px; max-width: 620px; }
.dl-all .row { display: flex; gap: 16px; }

.fm-hero { padding: 64px 80px; }
.fm-hero-inner { max-width: 1280px; margin: 0 auto; }
.fm-hero-grid { display: grid; grid-template-columns: 1fr 0.82fr; gap: 56px; align-items: center; }
.fm-hero-photo { align-self: stretch; min-height: 460px; border-radius: 20px; overflow: hidden; }
.fm-hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fm-hero h1 { font-size: 56px; font-weight: 800; letter-spacing: -1.4px; line-height: 1.08; margin: 16px 0 24px; max-width: 620px; }
.fm-hero .lead-l { font-size: 19px; line-height: 1.65; color: var(--slate-500); margin: 0 0 28px; max-width: 560px; text-align: left; }
.privacy-card { display: flex; gap: 16px; background: var(--green-50); border: 1px solid var(--green-100); border-radius: var(--r); padding: 22px; max-width: 560px; margin-bottom: 28px; }
.privacy-card .ic { width: 40px; height: 40px; border-radius: 10px; background: var(--green-600); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.privacy-card .ic svg { width: 20px; height: 20px; }
.privacy-card .ic.ic-img { background: none; padding: 0; }
.privacy-card .ic.ic-img img { width: 100%; height: 100%; display: block; }
.privacy-card h3 { font-size: 16px; font-weight: 700; margin: 2px 0 8px; }
.privacy-card p { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0; }

.topics-sec { background: var(--slate-50); border-top: 1px solid var(--slate-200); border-bottom: 1px solid var(--slate-200); padding: 80px; }
.topics-head { text-align: center; margin-bottom: 48px; }
.topics-head h2 { font-size: 40px; font-weight: 800; letter-spacing: -.8px; margin: 0 0 14px; }
.topics-head p { font-size: 17px; line-height: 1.6; color: var(--slate-500); margin: 0 auto; max-width: 560px; }
.topics-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.topic-card { background: var(--eo-surface-1); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 28px; display: flex; flex-direction: column; transition: all .15s ease; }
.topic-card:hover { border-color: var(--blue-200); box-shadow: 0 10px 30px rgba(15,23,42,.07); transform: translateY(-2px); }
.topic-ico { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.topic-ico svg { width: 22px; height: 22px; }
.figicon { display: block; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--icon) no-repeat center / contain; mask: var(--icon) no-repeat center / contain; }
.topic-card h3 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.topic-card p { font-size: 14px; line-height: 1.6; color: var(--slate-500); margin: 0 0 18px; flex: 1; }

.alone-sec { padding: 80px; }
.alone-card { max-width: 1080px; margin: 0 auto; background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: 20px; padding: 48px; display: flex; gap: 28px; }
.alone-card .ic { width: 56px; height: 56px; border-radius: var(--r); background: var(--blue-600); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.alone-card .ic svg { width: 26px; height: 26px; }
.alone-card .ic.ic-img { background: none; padding: 0; overflow: hidden; }
.alone-card .ic.ic-img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.alone-card h2 { font-size: 30px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 16px; }
.alone-card p { font-size: 16px; line-height: 1.65; color: var(--ink); margin: 0 0 16px; }
.alone-card .row { display: flex; gap: 16px; margin-top: 24px; }

.qa2-sec { background: #fff; padding: 72px 80px; }
.qa2-head { text-align: center; margin-bottom: 40px; }
.qa2-head h2 { font-size: 32px; font-weight: 800; letter-spacing: -.6px; margin: 0; }
.qa2-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }

.cta-dark { background: var(--slate-900); color: #fff; padding: 80px; text-align: center; }
.cta-dark h2 { font-size: 40px; font-weight: 800; letter-spacing: -.8px; margin: 0 0 16px; }

.cta-dark h2.u-green::after { display: none; }
.cta-dark p { font-size: 18px; line-height: 1.6; color: var(--slate-300); margin: 0 auto 32px; max-width: 560px; }
.cta-dark .btn-white { background: #fff; color: var(--slate-900); padding: 14px 28px; border-radius: 9999px; font-weight: 700; }
.cta-dark .btn-white:hover { background: var(--slate-100); }
.cta-dark .small { font-size: 14px; color: var(--slate-400); margin-top: 20px; }

.edu { padding: 56px 80px; max-width: 1040px; margin: 0 auto; }
.edu h2 { font-size: 30px; font-weight: 800; letter-spacing: -.6px; margin: 48px 0 20px; }
.edu h2:first-child { margin-top: 0; }
.edu .h2sub { font-size: 16px; line-height: 1.6; color: var(--slate-500); margin: 0 0 28px; }
.edu-card { display: flex; gap: 18px; background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 26px; margin-bottom: 16px; }
.edu-card .ic { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: none; }
.edu-card .ic svg { width: 22px; height: 22px; }
.edu-card h3 { font-size: 18px; font-weight: 700; margin: 2px 0 12px; }
.edu-card p { font-size: 14.5px; line-height: 1.6; color: var(--ink); margin: 0 0 12px; }
.edu-card p:last-child { margin-bottom: 0; }

.type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.type-card { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 22px; }
.type-card .th { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.type-card .th .ic { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.type-card .th .ic svg { width: 18px; height: 18px; }
.type-card .th h3 { font-size: 17px; font-weight: 700; margin: 0; }
.type-card p { font-size: 13.5px; line-height: 1.55; color: var(--slate-500); margin: 0 0 12px; }
.status { display: inline-block; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 9999px; }
.status.curable { background: var(--green-100); color: var(--green-700); }
.status.treatable { background: var(--blue-100); color: var(--blue-700); }

.spread-card { background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: var(--r); padding: 28px; margin-bottom: 16px; }
.spread-card > p { font-size: 15px; line-height: 1.6; color: var(--slate-700); margin: 0 0 18px; }
.spread-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.spread-list li { display: flex; gap: 12px; }
.spread-list li .ck { width: 22px; height: 22px; border-radius: 6px; background: var(--blue-600); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.spread-list li .ck svg { width: 13px; height: 13px; }
.spread-list li .t strong { display: block; font-size: 14.5px; color: var(--slate-900); margin-bottom: 3px; }
.spread-list li .t span { font-size: 13.5px; line-height: 1.55; color: var(--ink); }
.know-card { display: flex; gap: 16px; background: var(--green-50); border: 1px solid var(--green-100); border-radius: var(--r); padding: 22px; }
.know-card .ic { width: 36px; height: 36px; border-radius: 9999px; background: var(--green-600); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.know-card .ic svg { width: 18px; height: 18px; }
.know-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.know-card p { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0; }
.know-card.kc-soft { background: var(--slate-50); border-color: var(--slate-200); }
.know-card.kc-soft .ic { background: var(--slate-200); color: var(--green-700); width: 34px; height: 34px; border-radius: 9px; }
.when-grid + .know-card.kc-soft { margin-top: 12px; }
.know-card.kc-soft .ic svg { width: 16px; height: 16px; }
.spread-list.cols2 { display: block; column-count: 2; column-gap: 40px; }
.spread-list.cols2 li { break-inside: avoid; margin-bottom: 12px; }
.spread-list.cols2 li:last-child { margin-bottom: 0; }

.when-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.when-card { border: 1.5px solid; border-radius: 13px; padding: 20px 22px; display: flex; align-items: center; gap: 14px; }
.when-card .ic { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: none; }
.when-card .ic svg { width: 20px; height: 20px; }
.when-card h3 { font-size: 15.5px; font-weight: 700; margin: 0; line-height: 1.3; }
.when-card p { font-size: 14px; line-height: 1.6; color: var(--slate-500); margin: 0; }
.wb-blue { border-color: var(--blue-200); } .wb-blue .ic { background: var(--blue-100); color: var(--blue-600); }
.wb-amber { border-color: var(--amber-200); } .wb-amber .ic { background: var(--amber-100); color: var(--amber-600); }
.wb-purple { border-color: var(--slate-200); } .wb-purple .ic { background: var(--purple-100); color: var(--purple-600); }
.wb-green { border-color: #bbf7d0; } .wb-green .ic { background: var(--green-100); color: var(--green-600); }

.faq-sec { background: var(--slate-50); border-top: 1px solid var(--slate-200); padding: 72px 80px; }
.faq-head { text-align: center; margin-bottom: 40px; }
.faq-head h2 { font-size: 36px; font-weight: 800; letter-spacing: -.7px; margin: 0 0 12px; }
.faq-head p { font-size: 16px; color: var(--slate-500); margin: 0; }
.faq-list { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.faq-item { background: var(--eo-surface-1); border: 1px solid var(--slate-200); border-radius: 12px; overflow: hidden; }
.faq-item.open { border-color: var(--blue-200); }
.faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: none; border: none; cursor: pointer; text-align: left; font-size: 16px; font-weight: 600; color: var(--slate-900); }
.faq-q .chev { color: var(--slate-500); transition: transform .2s ease; flex: none; }
.faq-q .chev svg { width: 20px; height: 20px; }
.faq-item.open .faq-q .chev { transform: rotate(180deg); }
.faq-a { display: none; padding: 0 24px 22px; font-size: 14.5px; line-height: 1.6; color: var(--ink); }
.faq-item.open .faq-a { display: block; }

.proc-sec { background: var(--slate-50); border-top: 1px solid var(--slate-200); border-bottom: 1px solid var(--slate-200); padding: 64px 80px; }
.proc-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; position: relative; }
.proc-line { position: absolute; top: 24px; left: 10%; right: 10%; height: 2px; background: var(--slate-200); z-index: 0; }
.proc-step { text-align: center; padding: 0 12px; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.proc-num { width: 50px; height: 50px; border-radius: var(--r); background: var(--blue-600); color: #fff; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.proc-ico { width: 36px; height: 36px; border-radius: 9px; background: var(--eo-surface-1); border: 1px solid var(--slate-200); color: var(--slate-500); display: flex; align-items: center; justify-content: center; margin: 12px auto 16px; }
.proc-ico svg { width: 18px; height: 18px; }
.proc-step h3 { font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.proc-step p { font-size: 13px; line-height: 1.55; color: var(--slate-500); margin: 0 0 14px; }
.time-badge { margin-top: auto; }
.time-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--blue-700); white-space: nowrap; }
.time-badge svg { width: 13px; height: 13px; }
.time-badge.green { color: var(--green-700); }

.privacy-sec { padding: 72px 80px; }
.privacy-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pcard { border: 2px solid; border-radius: var(--r); padding: 36px; }
.pcard.blue { border-color: var(--blue-200); background: linear-gradient(180deg, var(--blue-50) 0%, #fff 60%); }
.pcard.purple { border-color: var(--slate-200); background: linear-gradient(180deg, var(--purple-50) 0%, #fff 60%); }
.pcard .pic { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.pcard.blue .pic { background: var(--blue-600); color: #fff; }
.pcard.purple .pic { background: var(--purple-600); color: #fff; }
.pcard .pic svg { width: 24px; height: 24px; }
.pcard h2 { font-size: 26px; font-weight: 800; letter-spacing: -.5px; margin: 0 0 14px; }
.pcard > p { font-size: 15px; line-height: 1.6; color: var(--ink); margin: 0 0 22px; }
.pcard ul { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.pcard ul li { display: flex; gap: 12px; font-size: 14px; line-height: 1.5; color: var(--ink); }
.pcard ul li .ck { width: 22px; height: 22px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex: none; }
.pcard ul li .ck svg { width: 13px; height: 13px; color: #fff; }
.pcard.blue ul li .ck { background: var(--green-600); }
.pcard.purple ul li .ck { background: var(--purple-600); }
.pcard ul li strong { color: var(--slate-900); }
.pcard .pnote { border-radius: 12px; padding: 16px 18px; font-size: 13px; line-height: 1.55; color: var(--ink); }
.pcard.blue .pnote { background: var(--blue-50); border: 1px solid var(--blue-100); }
.pcard.purple .pnote { background: var(--purple-50); border: 1px solid var(--slate-200); }
.pcard .pnote strong { color: var(--slate-900); }
.pcard .pnote a { color: var(--purple-600); font-weight: 600; display: inline-block; margin-top: 8px; }

.more-sec { background: var(--slate-50); border-top: 1px solid var(--slate-200); padding: 72px 80px; }
.more-head { text-align: center; margin-bottom: 40px; }
.more-head h2 { font-size: 32px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 12px; }
.more-head p { font-size: 16px; color: var(--slate-500); margin: 0; }
.more-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }

.tx-group { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 14px; }
.tx-group .tabs { margin: 0 0 14px !important; }
.tx-card { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--eo-surface-1); padding: 32px; }
.tx-group .tx-card { min-height: 500px; }
.tx-free { margin-top: 24px; }
.tx-card > h2 { font-size: 26px; font-weight: 800; letter-spacing: -.5px; margin: 0 0 10px; }
.tx-card > .sub { font-size: 15px; line-height: 1.6; color: var(--slate-500); margin: 0 0 24px; max-width: 760px; }
.tx-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.tx-sub { border: 1px solid var(--slate-200); border-radius: var(--r); padding: 24px; }
.tx-sub .th { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.tx-sub .th .ic { width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; }
.tx-sub .th .ic svg { width: 18px; height: 18px; }
.tx-sub .th h3 { font-size: 17px; font-weight: 700; margin: 0; }
.tx-sub .types { font-size: 13px; color: var(--slate-500); margin: 0 0 16px 46px; }
.tx-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.tx-list li { display: flex; gap: 10px; font-size: 13.5px; line-height: 1.5; color: var(--ink); }
.tx-list li svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--green-600); }
.tx-list li.warn svg { color: var(--amber-600); }
.tx-list li strong { color: var(--slate-900); }
.tx-free { background: var(--green-50); border: 1px solid var(--green-100); border-radius: var(--r); padding: 24px; margin-top: 20px; }
.tx-free .th { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.tx-free .th .ic { width: 36px; height: 36px; border-radius: 9px; background: var(--green-600); color: #fff; display: flex; align-items: center; justify-content: center; }
.tx-free .th .ic svg { width: 18px; height: 18px; }
.tx-free .th h3 { font-size: 17px; font-weight: 700; margin: 0; }
.tx-free > p { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0 0 14px; }
.tx-free .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; margin-bottom: 14px; }
.tx-free .grid2 div { display: flex; gap: 8px; font-size: 13.5px; color: var(--ink); }
.tx-free .grid2 div .b { width: 6px; height: 6px; border-radius: 9999px; background: var(--green-600); flex: none; margin-top: 7px; }
.tx-free .fnote { font-size: 12.5px; color: var(--slate-500); border-top: 1px solid var(--green-100); padding-top: 12px; }

.say-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.say-card { border: 1px solid var(--slate-200); border-radius: var(--r); padding: 32px; background: #fff; }
.say-card.blue { border-color: var(--blue-100); background: var(--blue-50); }
.say-card.purple { border-color: var(--slate-200); background: var(--purple-50); }
.say-card .pic { width: 44px; height: 44px; border-radius: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.say-card.blue .pic { background: var(--blue-600); color: #fff; }
.say-card.purple .pic { background: var(--purple-600); color: #fff; }
.say-card .pic svg { width: 22px; height: 22px; }
.say-card h3 { font-size: 22px; font-weight: 800; letter-spacing: -.4px; margin: 0 0 8px; }
.say-card > p { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0 0 20px; }
.script { background: var(--eo-surface-1); border: 1px solid var(--slate-200); border-radius: 12px; padding: 16px 18px; margin-bottom: 12px; }
.script .lbl { font-size: 13px; font-weight: 700; color: var(--slate-900); margin: 0 0 6px; }
.script .quote { font-size: 13.5px; line-height: 1.55; color: var(--ink); font-style: italic; margin: 0; }
.script .quote a:not(.sud-inline) { font-style: normal; color: var(--blue-700); font-weight: 600; }
.script .quote a.sud-inline { font-style: normal; font-weight: 700; }
.say-tip { display: flex; gap: 10px; border-radius: 12px; padding: 14px 16px; font-size: 13px; line-height: 1.5; color: var(--ink); margin-top: 8px; }
.say-tip svg { width: 16px; height: 16px; flex: none; margin-top: 1px; }
.say-card.blue .say-tip { background: var(--blue-50); border: 1px solid var(--blue-100); }
.say-card.blue .say-tip svg { color: var(--blue-600); }
.say-card.purple .say-tip { background: var(--purple-50); border: 1px solid var(--slate-200); }
.say-card.purple .say-tip svg { color: var(--purple-600); }
.say-tip strong { color: var(--slate-900); }

.org-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; max-width: 1180px; margin: 0 auto; }
.org-card { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--eo-surface-1); padding: 24px; position: relative; transition: all .15s ease; }
.org-card:hover { border-color: var(--blue-200); box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.org-card .ic { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.org-card .ic svg { width: 20px; height: 20px; }
.org-tag { position: absolute; top: 22px; right: 22px; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 9999px; background: var(--slate-100); color: var(--slate-500); }
.org-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; padding-right: 60px; }
.org-card p { font-size: 13px; line-height: 1.5; color: var(--slate-500); margin: 0 0 14px; }
.org-card .olink { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--blue-700); }
.org-card .olink svg { width: 13px; height: 13px; }

.dl-card { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 44px; text-align: center; max-width: 1180px; margin: 32px auto 0; }
.dl-card .ic { width: 52px; height: 52px; border-radius: 13px; background: var(--slate-900); color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.dl-card .ic svg { width: 24px; height: 24px; }
.dl-card h2 { font-size: 26px; font-weight: 800; letter-spacing: -.5px; margin: 0 0 10px; }
.dl-card > p { font-size: 15px; color: var(--slate-500); margin: 0 0 26px; }
.dl-card .row { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

.youth-hero .inner { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.youth-hero h1 { font-size: 52px; font-weight: 800; letter-spacing: -1.2px; margin: 0; }
.youth-hero .row { display: flex; gap: 14px; margin-top: 6px; }

.yt-sec { padding: 64px 80px; }
.yt-head { text-align: center; margin-bottom: 40px; }
.yt-head h2 { font-size: 36px; font-weight: 800; letter-spacing: -.7px; margin: 0 0 12px; }
.yt-head p { font-size: 16px; color: var(--slate-500); margin: 0 auto; max-width: 560px; }
.yt-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.yt-card { border-radius: var(--r); padding: 28px; border: 1px solid transparent; }
.yt-card .ic { width: 44px; height: 44px; border-radius: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.yt-card .ic svg { width: 22px; height: 22px; color: #fff; }
.yt-card h3 { font-size: 19px; font-weight: 700; margin: 0 0 10px; }
.yt-card > p { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0 0 14px; }
.yt-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.yt-card ul li { display: flex; gap: 9px; font-size: 13.5px; line-height: 1.45; color: var(--ink); }
.yt-card ul li .ck { width: 16px; height: 16px; flex: none; margin-top: 1px; }
.yt-card ul li .ck svg { width: 16px; height: 16px; }
.yt-card .factbox { background: rgba(255,255,255,.7); border-radius: 10px; padding: 12px 14px; margin: 0 0 12px; font-size: 13px; line-height: 1.5; color: var(--ink); }
.yt-card .factbox strong { color: var(--slate-900); }
.yt-card .ylink { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; margin-top: 12px; }
.yt-card .ylink svg { width: 14px; height: 14px; }
.yc-blue .ic { background: var(--blue-600); } .yc-blue .ylink { color: var(--blue-700); }
.yc-purple .ic { background: var(--purple-600); }
.yc-pink .ic { background: var(--navy); }
.yc-green .ic { background: var(--green-600); } .yc-green .ck svg { color: var(--green-600); }
.yc-amber .ic { background: var(--amber-600); } .yc-amber .ylink { color: var(--amber-700); } .yc-amber .ck svg { color: var(--amber-600); }
.yc-teal .ic { background: var(--teal-600); } .yc-teal .ck svg { color: var(--teal-600); }

.myths { max-width: 1180px; margin: 16px auto 0; background: linear-gradient(135deg, var(--navy) 0%, #0a3a6b 55%, var(--dhs-blue-ink) 120%); border-radius: 20px; padding: 44px; }
.myths h2 { color: #fff; text-align: center; font-size: 32px; font-weight: 800; margin: 0 0 32px; }
.myths-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.myth { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); border-radius: var(--r); padding: 22px; }
.myth .m { display: flex; align-items: center; gap: 8px; color: #fca5a5; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.myth .mt { color: #fff; font-size: 15px; font-style: italic; margin: 0 0 14px; }
.myth .f { display: flex; align-items: center; gap: 8px; color: #6ee7b7; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.myth .ft { color: rgba(255,255,255,.85); font-size: 13.5px; line-height: 1.5; margin: 0; }
.myth .m svg, .myth .f svg { width: 15px; height: 15px; }

.cc-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.cc-card { border-radius: var(--r); padding: 32px; }
.cc-card.light { background: var(--eo-surface-1); border: 1px solid var(--slate-200); }
.cc-card.dark { background: var(--slate-900); color: #fff; }
.cc-card .pic { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.cc-card.light .pic { background: var(--green-600); color: #fff; }
.cc-card.dark .pic { background: rgba(255,255,255,.12); color: #fff; }
.cc-card .pic svg { width: 22px; height: 22px; }
.cc-card h3 { font-size: 22px; font-weight: 800; letter-spacing: -.4px; margin: 0 0 12px; }
.cc-card > p { font-size: 14.5px; line-height: 1.6; margin: 0 0 20px; }
.cc-card.light > p { color: var(--ink); }
.cc-card.dark > p { color: var(--slate-300); }
.cc-card ul { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.cc-card ul li { display: flex; gap: 11px; font-size: 14px; line-height: 1.5; }
.cc-card.light ul li { color: var(--ink); }
.cc-card.dark ul li { color: var(--slate-200); }
.cc-card ul li .ck { width: 20px; height: 20px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex: none; margin-top: 1px; }
.cc-card ul li .ck svg { width: 12px; height: 12px; color: #fff; }
.cc-card.light ul li .ck { background: var(--green-600); }
.cc-card.dark ul li .ck { background: var(--blue-600); }
.cc-note { display: flex; gap: 10px; background: var(--amber-50); border: 1px solid var(--amber-100); border-radius: 12px; padding: 14px 16px; font-size: 13px; line-height: 1.5; color: var(--slate-700); }
.cc-card.dark .cc-note { background: rgba(217,119,6,.15); border-color: rgba(217,119,6,.3); color: var(--amber-200); }
.cc-note svg { width: 16px; height: 16px; flex: none; margin-top: 1px; color: var(--amber-600); }
.cc-card.dark .cc-note svg { color: #fbbf24; }
.cc-note strong { color: var(--slate-900); }
.cc-card.dark .cc-note strong { color: #fff; }

.wtg-grid { max-width: 1180px; margin: 0 auto 32px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.wtg-card { border: 1px solid var(--slate-200); border-radius: var(--r); padding: 26px; background: var(--eo-surface-1); }
.wtg-card .ic { width: 44px; height: 44px; border-radius: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.wtg-card .ic svg { width: 22px; height: 22px; }
.wtg-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 10px; }
.wtg-card > p { font-size: 13.5px; line-height: 1.55; color: var(--slate-500); margin: 0 0 16px; }
.wtg-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wtg-card ul li { display: flex; gap: 9px; font-size: 13px; color: var(--ink); }
.wtg-card ul li svg { width: 15px; height: 15px; color: var(--green-600); flex: none; margin-top: 1px; }

.yt-res-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.yt-res { border: 1px solid var(--slate-200); border-radius: var(--r); padding: 22px; background: var(--eo-surface-1); transition: all .15s ease; }
.yt-res:hover { border-color: var(--blue-200); box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.yt-res .ic { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.yt-res .ic svg { width: 18px; height: 18px; }
.yt-res h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.yt-res p { font-size: 13px; line-height: 1.5; color: var(--slate-500); margin: 0 0 12px; }
.yt-res .rlink { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--blue-700); }
.yt-res .rlink svg { width: 13px; height: 13px; }

.hp-hero { padding: 56px 80px; text-align: center; background: linear-gradient(180deg,#eff6ff 0%, #fff 100%); }
.hp-hero .inner { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.hp-hero h1 { font-size: 50px; font-weight: 800; letter-spacing: -1.2px; margin: 0; }

.emg-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.emg-card { border-radius: var(--r); padding: 28px; border: 1px solid; }
.emg-card .ic { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; color: #fff; }
.emg-card .ic svg { width: 24px; height: 24px; }
.emg-card h3 { font-size: 20px; font-weight: 700; margin: 0 0 12px; }
.emg-card .sub { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0 0 14px; }
.emg-list { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.emg-list li { display: flex; gap: 9px; font-size: 13.5px; line-height: 1.45; color: var(--ink); }
.emg-list li .dot { width: 6px; height: 6px; border-radius: 9999px; flex: none; margin-top: 6px; }
.emg-contact { font-size: 14px; margin-bottom: 8px; }
.emg-contact .lbl { color: var(--slate-500); font-size: 12px; }
.emg-contact .v { font-weight: 700; font-size: 16px; }
.emg-red { background: var(--red-50); border-color: var(--red-100); } .emg-red .ic { background: var(--red-600); } .emg-red .dot { background: var(--red-500); }
.emg-purple .ic { background: var(--purple-600); } .emg-purple .v { color: var(--purple-600); }
.emg-amber { background: var(--amber-50); border-color: var(--amber-100); } .emg-amber .ic { background: var(--amber-600); } .emg-amber .dot { background: var(--amber-600); }
.emg-foot { font-size: 12px; color: var(--slate-500); }
.btn-red { background: var(--red-600); color: #fff; padding: 12px 20px; border-radius: 9999px; width: 100%; }
.btn-amber2 { background: var(--amber-700);    color: #fff; padding: 12px 20px; border-radius: 9999px; width: 100%; }

.nonemg { display: flex; gap: 14px; max-width: 1180px; margin: 24px auto 0; background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: var(--r); padding: 22px; }
.nonemg .ic { width: 36px; height: 36px; border-radius: 9px; background: var(--blue-600); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.nonemg .ic svg { width: 18px; height: 18px; }
.nonemg h3 { font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.nonemg p { font-size: 14px; line-height: 1.55; color: var(--ink); margin: 0; }

.contact-grid { max-width: 1180px; margin: 0 auto 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.contact-card { border-radius: var(--r); padding: 32px; }
.contact-card.light { background: var(--eo-surface-1); border: 1px solid var(--slate-200); }
.contact-card.dark { background: var(--slate-900); color: #fff; }
.contact-card .pic { width: 44px; height: 44px; border-radius: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.contact-card.light .pic { background: var(--slate-900); color: #fff; }
.contact-card.dark .pic { background: rgba(255,255,255,.12); color: #fff; }
.contact-card .pic svg { width: 22px; height: 22px; }
.contact-card h3 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.contact-card > p { font-size:var(--fs-read); line-height: 1.55; margin: 0 0 20px; }
.contact-card.light > p { color: var(--slate-500); }
.contact-card.dark > p { color: var(--slate-300); }
.contact-row { display: flex; gap: 10px; margin-bottom: 14px; }
.contact-row .ci { width: 20px; height: 20px; flex: none; margin-top: 2px; color: var(--blue-600); }
.contact-card.dark .contact-row .ci { color: var(--blue-400, #60a5fa); }
.contact-row .ci svg { width: 18px; height: 18px; }
.contact-row .lbl { font-size: 12px; font-weight: 700; color: var(--blue-600); }
.contact-card.dark .contact-row .lbl { color: #93c5fd; }
.contact-row .v { font-size: 14px; font-weight: 600; }

.contact-card.dark .contact-row .v,
.contact-card.dark .contact-row .meta,
.contact-card.dark .meta { color: #dbe7f3; }
.contact-card.dark .contact-row .v { color: #fff; }
.contact-row .meta { font-size: 12px; color: var(--slate-500); }
.contact-foot { display: flex; align-items: center; gap: 8px; font-size: 13px; padding-top: 14px; border-top: 1px solid var(--slate-100); margin-top: 6px; }
.contact-card.light .contact-foot { color: var(--green-700); }
.contact-card.dark .contact-foot { border-color: rgba(255,255,255,.1); color: #6ee7b7; }
.contact-foot svg { width: 14px; height: 14px; }

.mini-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.mini-card { border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--eo-surface-1); padding: 22px; }
.mini-card .ic { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.mini-card .ic svg { width: 18px; height: 18px; }
.mini-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.mini-card p { font-size: 13px; line-height: 1.5; color: var(--slate-500); margin: 0 0 12px; }
.mini-card a { font-size: 13px; font-weight: 700; color: var(--blue-700); display: inline-flex; align-items: center; gap: 6px; }
.mini-card a svg { width: 13px; height: 13px; }

.pp-grid { max-width: 1180px; margin: 0 auto 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pp-card { border-radius: var(--r); padding: 28px; border: 1px solid; }
.pp-card .ic { width: 42px; height: 42px; border-radius: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; color: #fff; }
.pp-card .ic svg { width: 20px; height: 20px; }
.pp-card h3 { font-size: 19px; font-weight: 700; margin: 0 0 10px; }
.pp-card > p { font-size: 14px; color: var(--ink); margin: 0 0 14px; font-weight: 600; }
.pp-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pp-list li { display: flex; gap: 9px; font-size: 13.5px; line-height: 1.5; color: var(--ink); }
.pp-list li .dot { width: 6px; height: 6px; border-radius: 9999px; flex: none; margin-top: 7px; }
.pp-list li strong { color: var(--slate-900); }
.pp-blue { background: var(--blue-50); border-color: var(--blue-100); } .pp-blue .ic { background: var(--blue-600); } .pp-blue .dot { background: var(--blue-600); }
.pp-green { background: var(--green-50); border-color: var(--green-100); } .pp-green .ic { background: var(--green-600); } .pp-green .dot { background: var(--green-600); }
.pp-purple .ic { background: var(--purple-600); } .pp-purple .dot { background: var(--purple-600); }
.pp-amber { background: var(--amber-50); border-color: var(--amber-100); } .pp-amber .ic { background: var(--amber-600); } .pp-amber .dot { background: var(--amber-600); }

.tips-card { max-width: 1180px; margin: 0 auto; background: var(--eo-surface-1); border: 1px solid var(--slate-200); border-radius: var(--r); padding: 28px; }
.tips-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 18px; }
.tips-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.tips-cols h4 { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; margin: 0 0 12px; }
.tips-cols h4 svg { width: 16px; height: 16px; color: var(--blue-600); }
.tips-cols ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tips-cols ul li { position: relative; padding-left: 14px; font-size: 13.5px; line-height: 1.5; color: var(--ink); }
.tips-cols ul li::before { content: '•'; position: absolute; left: 0; color: var(--slate-500); }

.hp-note { max-width: 1180px; margin: 20px auto 0; border-radius: var(--r); padding: 28px; border: 1px solid; }
.hp-note .nh { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.hp-note .nh .ic { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; }
.hp-note .nh .ic svg { width: 20px; height: 20px; }
.hp-note .nh h3 { font-size: 19px; font-weight: 700; margin: 0; }
.hp-note > p { font-size: 14px; line-height: 1.55; color: var(--slate-700); margin: 0 0 14px; }
.hp-note > p strong { color: var(--slate-900); }
.hp-note.amber { background: var(--amber-50); border-color: var(--amber-100); } .hp-note.amber .ic { background: var(--amber-600); }
.hp-note.purple { background: var(--purple-50); border-color: var(--purple-100); } .hp-note.purple .ic { background: var(--purple-600); }
.hp-inset { background: rgba(255,255,255,.7); border-radius: 12px; padding: 16px 18px; margin-top: 14px; }
.hp-inset h4 { font-size: 14px; font-weight: 700; margin: 0 0 6px; }
.hp-inset p { font-size: 13px; line-height: 1.5; color: var(--ink); margin: 0 0 8px; }
.hp-inset a { font-size: 13px; font-weight: 700; color: var(--blue-700); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--blue-500);
  outline-offset: 2px;
  border-radius: 4px;
}

.util a:focus-visible,
.foot a:focus-visible,
.phero a:focus-visible,
.phero button:focus-visible,
.strip a:focus-visible,
.cta-dark a:focus-visible,
.cc-card.dark a:focus-visible,
.contact-card.dark a:focus-visible,
.ffps.is-dark > summary:focus-visible,
.ce-band-sud a:focus-visible {
  outline-color: var(--white);
}

.side-nav a:focus-visible,
.side-nav button:focus-visible {
  outline: 3px solid var(--dhs-blue); outline-offset: 2px; border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

:root{
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:40px; --s8:48px; --s9:56px; --s10:64px; --s11:80px;
  --r-sm:6px; --r-md:12px; --r-lg:18px;
  
  --fs-read:16px; --fs-read-sm:15px;
  --shadow-card:0 10px 30px rgba(16,51,82,.10);
  --shadow-soft:0 6px 18px rgba(16,51,82,.07);
}

.wrap{ max-width:1200px; margin:0 auto; padding:0 64px; }

.u-green{ position:relative; padding-bottom:16px; }
.u-green::after{
  content:""; position:absolute; left:0; bottom:0;
  
  width:120px; height:4px; border-radius:0; background:var(--accent-green);
}
.u-green.center{ text-align:center; }
.u-green.center::after{ left:50%; transform:translateX(-50%); }

.util{ background:var(--navy); color:#cfe0f0; font-size:13px; }
.util .wrap{ display:flex; align-items:center; justify-content:space-between; min-height:40px; gap:24px; }
.util-emerg{ display:flex; align-items:center; gap:16px; font-weight:600; color:#eaf2fc; }
.util-emerg .ci{ display:inline-flex; align-items:center; gap:7px; }
.util-emerg svg{ width:15px; height:15px; flex:none; }
.util-emerg .ic-crisis{ color:#8fe0c4; }
.util-emerg .ic-emerg{ color:#ffcf8a; }
.util-emerg a{ color:#fff; font-weight:800; text-decoration:none; }
.util-emerg a:hover{ text-decoration:underline; text-underline-offset:3px; }
.util-nav{ display:flex; align-items:center; gap:16px; }
.util-nav a{ color:#cfe0f0; text-decoration:none; font-weight:700; }
.util-nav a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.util .sep{ width:1px; height:14px; background:rgba(255,255,255,.22); flex:none; }

.util .wrap, .mast .wrap{ max-width:1320px; }
.mast{ background:#fff; border-bottom:1px solid var(--grey-line); position:relative; z-index:5; }

@media (min-width:901px){ .btn-sud{ white-space:nowrap; } }
.mast .wrap{ display:flex; align-items:center; justify-content:space-between; min-height:60px; gap:32px; }
.brand{ display:flex; align-items:center; gap:14px; text-decoration:none; }
.seal{ width:50px; height:50px; border-radius:50%; flex:none; }

.brand .seal{
  width:124px; height:124px;
  margin-bottom:-84px;
}
.brand-txt b{ display:block; font-size:18px; font-weight:900; color:var(--navy); letter-spacing:-.01em; line-height:1.05; }
.brand-txt span{ display:block; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); margin-top:3px; }
.mast-nav{ display:flex; align-items:center; gap:32px; }

@media (min-width:901px) and (max-width:1300px){
  
  .brand{ flex:none; }
  .brand-txt b{ font-size:16px; text-wrap:balance; max-width:18ch; }
  .mast-nav{ gap:24px; }
}

.mast-nav a.navlink{
  text-decoration:none; color:var(--navy); font-weight:800; font-size:15px;
  
  line-height:1; padding:4px 2px; border-top:3px solid transparent; border-bottom:3px solid transparent;
  transition:color .15s ease, border-color .15s ease;
}
.mast-nav a.navlink:hover{ color:var(--dhs-blue); border-bottom-color:var(--accent-green); }
.mast-nav a.navlink.active{ color:var(--dhs-blue); border-bottom-color:var(--accent-green); }
.mast-nav .search-btn{
  width:40px; height:40px; border-radius:50%;
  border:1.5px solid var(--grey-line); background:#fff; cursor:pointer;
  display:grid; place-items:center; color:var(--navy);
  transition:color .15s ease, border-color .15s ease, background .15s ease;
}
.mast-nav .search-btn:hover{ border-color:var(--dhs-blue); color:var(--dhs-blue); background:var(--slate-50); }
.mast-nav .search-btn svg{ width:18px; height:18px; }

.btn-sud{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--green-btn); color:#fff; text-decoration:none;
  font-weight:700; font-size:14px; letter-spacing:0;
  padding:11px 20px; border-radius:9999px;
  box-shadow:0 4px 12px rgba(21,115,86,.30);
  transition:background .15s ease, transform .12s var(--ease-dhs), box-shadow .15s ease;
}
.btn-sud:hover{ background:var(--green-btn-h); box-shadow:0 6px 16px rgba(21,115,86,.36); }
.btn-sud:active{ transform:translateY(1px); }
.btn-sud svg{ width:15px; height:15px; }

.foot{ background:var(--navy); color:#c1d3e5; }

.foot-main .wrap{ padding:40px var(--rail-pad) 30px; }
.foot-top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
.foot-brand .seal{ width:88px; height:88px; margin-bottom:24px; }
.foot-brand b{ font-size:20px; font-weight:900; color:#fff; display:block; }
.foot-brand .mission-line{ margin-top:12px; font-size:15px; color:var(--slate-300); line-height:1.6; max-width:42ch; }
.foot-col h2{ font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-green); margin:0 0 16px; }
.foot-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.foot-col a{ color:var(--slate-300); text-decoration:none; font-size:14.5px; font-weight:600; padding:1px 0; border-radius:3px; }
.foot-col a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.partners{ display:grid; gap:24px; }
.partner .pt-role{ font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#94aec6; }
.partner .pt-brand{ margin-top:8px; display:flex; align-items:center; min-height:30px; }
.partner .pt-brand img{ height:28px; width:auto; display:block; }
.partner .pt-name{ font-size:17px; font-weight:900; color:#fff; letter-spacing:-.01em; }
.partner .pt-name em{ font-style:normal; color:#7fb0e0; }

.foot-crisis ul{ gap:10px; }
.foot-crisis li{ font-size:14px; font-weight:700; color:var(--slate-300); line-height:1.45; }
.foot-crisis li a{ color:#fff; font-weight:900; font-size:14px; text-decoration:none; }
.foot-crisis li a:hover{ text-decoration:underline; text-underline-offset:3px; }

.foot-brand .credit{ margin-top:20px; font-size:12.5px; color:#94aec6; line-height:1.6; }
.foot-brand .legal{ margin-top:10px; }
.foot-brand .legal a{ color:var(--slate-300); text-decoration:none; font-size:12.5px; font-weight:700; }
.foot-brand .legal a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }

.mast a:focus-visible, .mast button:focus-visible{ outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px; }
.util a:focus-visible,
.foot a:focus-visible{ outline:3px solid var(--white); outline-offset:3px; border-radius:4px; }

.phero{ position:relative; overflow:hidden; background:var(--navy); }
.phero-photo{ position:absolute; inset:0; background-size:cover; background-position:center top; }

.phero-scrim{ position:absolute; inset:0; background:rgba(0,0,0,.60); }
@media (min-width:1181px){
  .phero-scrim{ background:linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.66) 52%, rgba(0,0,0,.46) 76%, rgba(0,0,0,.26) 100%); }
}
.phero-inner{ position:relative; max-width:var(--rail-max); margin:0 auto; padding:92px var(--rail-pad) 56px; }
.phero .crumb{ display:inline-flex; align-items:center; gap:8px; color:var(--slate-300); font-size:13px; font-weight:700; text-decoration:none; margin-bottom:14px; }
.phero .crumb:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.phero .crumb svg{ width:14px; height:14px; }
.phero h1{ color:#fff; font-size:40px; font-weight:900; line-height:1.1; letter-spacing:-.02em; margin:0; max-width:800px; }
.phero-rule{ width:64px; height:4px; border-radius:3px; background:var(--accent-green); margin:16px 0 14px; }
.phero-lead{ color:var(--slate-300); font-size:17px; line-height:1.6; max-width:62ch; margin:0; }
.phero-actions{ margin-top:22px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.phero-actions .pa-btn{ display:inline-flex; align-items:center; gap:9px; background:var(--dhs-blue); color:#fff; font-weight:700; font-size:14px; padding:12px 22px; border-radius:9999px; text-decoration:none; border:none; cursor:pointer; font-family:inherit; }
.phero-actions .pa-btn:hover{ background:var(--dhs-blue-deep); }
.phero-actions .pa-btn.light{ background:#fff; color:var(--navy); }
.phero-actions .pa-btn.light:hover{ background:var(--blue-100); }
.phero-actions .pa-btn svg{ width:15px; height:15px; }
.phero-actions .pa-ghost{ display:inline-flex; align-items:center; gap:8px; color:#fff; border:1.5px solid rgba(255,255,255,.55); background:transparent; font-weight:700; font-size:14px; padding:10.5px 20px; border-radius:9999px; text-decoration:none; cursor:pointer; font-family:inherit; }
.phero-actions .pa-ghost:hover{ border-color:#fff; background:rgba(255,255,255,.12); }

.phero-actions .pa-link{ display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:15px;
  min-height:44px; padding:10px 4px; text-decoration:underline; text-decoration-color:rgba(255,255,255,.5); text-underline-offset:4px; }
.phero-actions .pa-link:hover{ text-decoration-color:#fff; }
.phero-actions .pa-link svg{ width:15px; height:15px; flex:none; }
.phero-actions .pa-ghost svg{ width:15px; height:15px; }

.phero a:focus-visible, .phero button:focus-visible{ outline:3px solid var(--white); outline-offset:3px; border-radius:4px; }

.phero.plain{ background:#fff; border-bottom:1px solid var(--grey-line); }
.phero.plain .phero-inner{ padding:34px var(--rail-pad) 28px; }
.phero.plain h1{ color:var(--navy); font-size:30px; line-height:1.15; }
.phero.plain .phero-rule{ width:48px; height:4px; margin:12px 0 10px; }
.phero.plain .phero-lead{ color:var(--slate-500); font-size:15.5px; max-width:820px; }
.phero.plain .phero-actions{ margin-top:16px; }
.phero.plain .crumb{ color:var(--blue-700); margin-bottom:10px; }
.phero.plain .crumb:hover{ color:var(--navy); }
.phero.plain .pa-ghost{ color:var(--navy); border-color:var(--slate-300); }
.phero.plain .pa-ghost:hover{ border-color:var(--navy); background:var(--slate-50); }
.phero.plain a:focus-visible, .phero.plain button:focus-visible{ outline-color:var(--dhs-blue); }
@media print{ .phero.plain{ border-bottom:none; } .phero.plain h1{ color:#000; } }

.phero.tall .phero-inner{ padding:98px 64px 84px; max-width:1200px; }  
.phero.tall h1{ font-size:46px; line-height:1.08; max-width:760px; }
.phero.tall .phero-rule{ width:80px; height:5px; margin:22px 0; }
.phero.tall .phero-lead{ font-size:18px; max-width:620px; }
.phero.tall .phero-actions{ margin-top:28px; }
@media print{
  .phero{ background:none; }
  .phero-photo, .phero-scrim, .phero-actions{ display:none; }
  .phero h1{ color:#000; }
  .phero-lead{ color:#222; }
  .phero-rule{ background:#000; }
}

.cwrap > section.sec-tint, section.sec-tint{
  background:var(--slate-50);
  border-top:1px solid var(--slate-200); border-bottom:1px solid var(--slate-200);
  border-left:none; border-right:none; border-radius:0;
  margin:24px -140px 24px -428px;
  padding-top:40px; padding-bottom:40px;
  padding-left:428px !important; padding-right:140px !important;
}

.spot{ width:72px; height:72px; border-radius: var(--r); background:var(--blue-50); border:1px solid var(--blue-100); display:flex; align-items:center; justify-content:center; margin-bottom:6px; flex:none; }
.spot svg{ width:44px; height:44px; }
.spot.green{ background:var(--green-50); border-color:var(--green-100); }
.spot.slate{ background:var(--slate-50); border-color:var(--slate-200); }
.spot.amber{ background:var(--amber-50); border-color:var(--amber-100); }

.yt-res{ display:flex; flex-direction:column; }
.yt-res p{ flex:1; }
.org-card{ display:flex; flex-direction:column; }
.org-card p{ flex:1 0 auto; }

.yt-card{ border-radius:20px; }
.yt-card .ic{ width:52px; height:52px; border-radius:15px; }
.yt-card .ic svg{ width:25px; height:25px; }
.yt-card h3{ font-size:18.5px; }
.yt-res{ border-radius: var(--r); }

.privacy-consent{ left:auto; right:20px; bottom:20px; max-width:400px; margin:0; flex-direction:column; align-items:stretch; gap:12px; border-radius: var(--r); }
.privacy-consent .pc-actions{ justify-content:flex-end; }

.yt-head{ text-align:left; }
.yt-head p{ margin-left:0; }

.mast-right{ display:flex; align-items:center; gap:32px; }
.mast-toggle{
  display:none; width:44px; height:44px; border-radius:10px;
  border:1.5px solid var(--grey-line); background:#fff; color:var(--navy);
  place-items:center; cursor:pointer; flex:none;
}
.mast-toggle svg{ width:22px; height:22px; }
.mast-toggle:hover{ border-color:var(--dhs-blue); color:var(--dhs-blue); }

.page{ width:100%; max-width:none; }

:root{
  --side: max((100vw - var(--rail-max)) / 2, 0px);
  --pad: var(--rail-pad);
  --rail: 288px;
  --bl: calc(var(--side) + var(--pad) + var(--rail));
  --br: calc(var(--side) + var(--pad));
}
.cwrap > section.sec-tint, section.sec-tint{
  margin-left: calc(-1 * var(--bl)); margin-right: calc(-1 * var(--br));
  padding-left: var(--bl) !important; padding-right: var(--br) !important;
}
html{ overflow-x:clip; }
img, svg, video{ max-width:100%; }

@media (max-width:1439px){
    .wrap{ padding:0 48px; }
  .doc-wrap{ padding:40px var(--rail-pad) 64px; }
  .footer{ padding:40px 48px 0; }
}

@media (max-width:1180px){
  :root{ --rail:242px; }
  .wrap{ padding:0 32px; }
  .doc-wrap{ grid-template-columns:212px 1fr; gap:30px; padding:32px var(--rail-pad) 56px; }
  .footer{ padding:36px 32px 0; }

.related-grid, .ffps-grid, .proc-grid{ grid-template-columns:repeat(3,1fr); }
  .cs-stats, .pt-grid, .qa-grid{ grid-template-columns:repeat(2,1fr); }
  .proc-line{ display:none; }              

  .fm-hero-grid{ gap:32px; }
  .foot-top{ grid-template-columns:1fr 1fr; gap:32px 40px; }
}

@media (max-width:900px){
  :root{ --rail:0px; }
  .wrap{ padding:0 24px; }
  .footer{ padding:32px 24px 0; }

.doc-wrap{ grid-template-columns:1fr; gap:20px; padding:24px var(--rail-pad) 48px; }
  .doc-wrap.full{ padding:24px 24px 48px; }
  .side-nav{ position:static; top:auto; display:flex; gap:8px; overflow-x:auto;
             padding:2px 0 8px; scrollbar-width:thin; }
  .side-nav .lbl{ display:none; }
  .side-nav a{ flex:none; white-space:nowrap; padding:9px 14px; font-size:14px;
               border:1px solid var(--slate-200); border-radius:999px; }
  
  .side-nav.can-r{ -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent); }
  .side-nav.can-l{ -webkit-mask-image:linear-gradient(to right,transparent,#000 40px); mask-image:linear-gradient(to right,transparent,#000 40px); }
  .side-nav.can-l.can-r{ -webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent); }
  .side-nav a.active{ border-color:var(--slate-900); }
  .side-nav .ext-arrow{ display:none; }

.mast .wrap{ gap:12px; }
  .mast-toggle{ display:inline-flex; }
  .mast-nav{ display:none; }
  .mast-nav.open{
    display:flex; flex-direction:column; align-items:stretch; gap:0;
    position:absolute; left:0; right:0; top:100%; z-index:60;
    background:#fff; border-top:1px solid var(--grey-line,var(--slate-200));
    box-shadow:0 12px 28px -18px rgba(16,51,82,.55); padding:8px 24px 16px;
  }
  .mast{ position:relative; }
  .mast-nav.open .navlink{ padding:14px 2px; font-size:16px;
    border-bottom:1px solid var(--slate-100); }
  .mast-nav.open .btn-sud{ margin-top:12px; justify-content:center; }

.brand .seal{ width:96px; height:96px; margin-bottom:-56px; }

.phero .phero-inner, .phero-inner,
  .phero.plain .phero-inner, .phero.tall .phero-inner{ padding-left:0; padding-right:0; }
  .phero{ padding-left:24px; padding-right:24px; }
  .phero h1{ font-size:30px; }
  .phero.tall h1{ font-size:32px; }

.mod-grid, .hr-grid, .res-grid, .topics-grid, .qa2-grid, .more-grid, .org-grid,
  .yt-grid, .wtg-grid, .yt-res-grid, .emg-grid, .mini-grid, .cs-intervals,
  .cs-actions, .ffps-cards, .related-grid, .ffps-grid, .proc-grid, .step-grid,
  .cg-shortcuts, .hotline-grid, .ct-grid-3{ grid-template-columns:repeat(2,1fr); }

  .scr-cols, .tc-body, .spec-quad, .privacy-grid, .tx-two, .say-grid, .myths-grid,
  .cc-grid, .contact-grid, .pp-grid, .tips-cols, .fm-hero-grid, .type-grid,
  .ct-grid, .hero-cards, .src-list, .ft-grid, .basics-list, .tx-free .grid2,
  .when-grid{ grid-template-columns:1fr; }

  .acc-body .row{ grid-template-columns:1fr; gap:4px; }

.foot-top{ grid-template-columns:1fr 1fr; gap:28px 32px; }
  .foot-brand{ grid-column:1 / -1; }
  .footer-main{ grid-template-columns:1fr; gap:28px; }
  .footer-cols{ grid-template-columns:repeat(2,minmax(120px,auto)); gap:24px; }
  .partners{ gap:22px; }

.util .wrap{ gap:4px 12px; min-height:auto; padding-top:7px; padding-bottom:7px;
               flex-wrap:wrap; }
  .util-nav .sep, .util-nav .util-sec{ display:none; }
  .util-emerg{ gap:12px; flex-wrap:wrap; font-size:12.5px; }
  .util-emerg .sep{ display:none; }
}

@media (max-width:640px){
    .wrap{ padding:0 18px; }
  .footer{ padding:28px 18px 0; }
  .doc-wrap, .doc-wrap.full{ padding:20px 18px 40px; }

.mast .wrap{ min-height:60px; flex-wrap:wrap; padding-top:10px; padding-bottom:10px; }
  .brand .seal{ width:52px; height:52px; margin-bottom:0; }
  .brand{ gap:10px; }
  .mast-right{ width:100%; }
  .btn-sud{ order:1; flex:1; justify-content:center; padding:9px 13px; font-size:12px; }
  .btn-sud svg{ width:13px; height:13px; }
  .mast-toggle{ order:2; }
  .brand-txt b{ font-size:15px; line-height:1.2; }

  .phero{ padding-left:18px; padding-right:18px; }
  .phero h1{ font-size:25px; }
  .phero.tall h1, .phero.plain h1{ font-size:25px; }
  .phero .phero-lead{ font-size:15px; }

.mod-grid, .hr-grid, .res-grid, .topics-grid, .qa2-grid, .more-grid, .org-grid,
  .yt-grid, .wtg-grid, .yt-res-grid, .emg-grid, .mini-grid, .cs-intervals,
  .cs-actions, .ffps-cards, .related-grid, .ffps-grid, .proc-grid, .step-grid,
  .cg-shortcuts, .hotline-grid, .ct-grid-3, .cs-stats, .pt-grid, .qa-grid,
  .footer-cols{ grid-template-columns:1fr; }

  .doc-main h1{ font-size:30px; }
  .doc-main .doc-lead{ font-size:16.5px; }
  .faq-sec{ padding:40px 18px; }
  .faq-q{ padding:16px 16px; font-size:15px; }
  .faq-a{ padding:0 16px 18px; }

.doc-main table{ display:block; overflow-x:auto; white-space:nowrap; }

  .util-emerg{ font-size:12px; gap:10px; }
}

:root{
  --r: 10px;
  --line: 1px solid var(--slate-200);
  --lift: 0 1px 3px rgba(16,51,82,.10), 0 10px 24px -16px rgba(16,51,82,.5);
  
  --rail-max: 1200px;
  --rail-pad: 64px;
}
@media (max-width:1439px){ :root{ --rail-pad:48px; } }
@media (max-width:1180px){ :root{ --rail-pad:32px; } }
@media (max-width:900px){  :root{ --rail-pad:24px; } }
@media (max-width:640px){  :root{ --rail-pad:18px; } }

.note{ margin-top:22px; padding:20px 24px; background:#fff; border:var(--line);
       border-radius:var(--r); max-width:78ch; }
.note h3{ font-size:15.5px; font-weight:800; color:var(--slate-900); margin:0 0 8px; }
.note p{ font-size:14.5px; line-height:1.6; color: var(--ink); margin:0 0 9px; }
.note p:last-child{ margin-bottom:0; }
.note a{ color:var(--blue-700); font-weight:700; text-decoration:underline;
         text-underline-offset:2px; }
.note a:hover{ color:var(--blue-800, var(--navy)); }
.note strong{ color:var(--slate-900); }
.note.warn{ background:var(--amber-50); border-color:var(--amber-100); }
.note.warn h3{ color:var(--slate-900); }
.note.sud{ background:var(--green-600); border-color:var(--green-600); color:#fff; }
.note.sud h3{ color:#fff; font-size:17px; }
.note.sud p{ color:#dff3ea; font-size:15px; }
.note.sud a{ color:#fff; font-weight:800; text-decoration:underline; }

.phero.plain .phero-inner{ padding-top:96px; }
@media (max-width:640px){
  .phero.plain .phero-inner{ padding-top:40px; }
}

.side-item{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px; }
.side-item > a{ margin-bottom:0; }

@media (min-width:901px){
  .side-item.is-active{ background:var(--slate-900); border-radius:8px; gap:0; }
  .side-item.is-active > a{ background:none; }
  .side-item.is-active .side-caret{ color:#fff; }
  .side-item.is-active .side-caret:hover{ background:rgba(255,255,255,.16); color:#fff; }
}
.side-caret{
  width:32px; height:32px; border:0; background:none; color:var(--slate-400);
  border-radius:8px; display:grid; place-items:center; cursor:pointer; flex:none;
  transition:transform .15s ease, color .12s ease, background .12s ease;
}
.side-caret svg{ width:15px; height:15px; }
.side-caret:hover{ background:var(--slate-100); color:var(--slate-700); }
.side-caret[aria-expanded="true"]{ transform:rotate(180deg); }
.side-subs{ display:none; margin:2px 0 10px 22px; padding-left:14px;
            border-left:2px solid var(--slate-100); }
.side-subs.open{ display:block; }
.side-nav .side-subs a{
  display:flex; align-items:center; gap:9px;
  padding:7px 10px; margin-bottom:2px; border-radius:8px;
  
  font-size:13.5px; font-weight:500; color:var(--ink);
}
.side-nav .side-subs a svg{ width:16px; height:16px; color:var(--slate-500); flex:none; }
.side-nav .side-subs a:hover svg{ color: var(--ink); }
.side-nav .side-subs a.active svg{ color:var(--navy); }
.side-nav .side-subs a:hover{ background:var(--slate-100); color:var(--slate-900); }
.side-nav .side-subs a.active{ color:var(--navy); font-weight:700; background:var(--slate-100); }
@media (max-width:900px){
  
  .side-caret, .side-subs{ display:none !important; }
  .side-item{ display:contents; }
}

.doc-main > .proc-sec, .doc-main > .privacy-sec, .doc-main > .faq-sec,
.doc-main > .more-sec{ padding-left:0; padding-right:0; }

[data-section="providers"] .phero{ background:var(--navy); border-bottom:0; }

[data-section="providers"] .phero .phero-inner{ padding:96px var(--rail-pad) 60px; }
[data-section="providers"] .phero h1{
  color:#fff; font-size:44px; font-weight:800; letter-spacing:-.02em; line-height:1.1;
}
[data-section="providers"] .phero .phero-rule{
  width:120px; height:4px; border-radius:0; background:var(--accent-green); margin:20px 0 16px;
}
[data-section="providers"] .phero .phero-lead{ color:var(--slate-300); font-size:18px; max-width:700px; }
[data-section="providers"] .phero .crumb{ color:var(--slate-300); }
[data-section="providers"] .phero .crumb:hover{ color:#fff; }

[data-section="providers"] .phero .pa-ghost{
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.34); color:#fff;
  backdrop-filter:saturate(1.2) blur(2px);
}
[data-section="providers"] .phero .pa-ghost:hover{
  background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.55); color:#fff;
}

[data-section="providers"] .u-green,
[data-active="provider-landing"] .acc-head h2{
  font-size:28px; font-weight:800; letter-spacing:-.01em; line-height:1.18;
  color:var(--navy); position:relative; padding-bottom:20px; margin-bottom:14px;
}
[data-section="providers"] .u-green::after,
[data-active="provider-landing"] .acc-head h2::after{
  content:""; position:absolute; left:0; bottom:0;
  width:120px; height:4px; border-radius:0; background:var(--accent-green);
}

[data-active="provider-landing"] .acc-head p{ font-size:16px; color:var(--ink); }
[data-section="providers"] .ffps-body p{ color:var(--ink); }
[data-active="provider-landing"] .acc-body .row .v{ color:var(--ink); }
[data-active="provider-landing"] .acc-body .row .k{ color:var(--ink); }

[data-active="provider-landing"] .acc-item{
  background:#fff; border:1px solid var(--slate-200); border-radius:10px;
}
[data-active="provider-landing"] .acc-item{ transition:border-color .12s ease, box-shadow .12s ease; }
[data-active="provider-landing"] .acc-item:hover{ border-color:var(--dhs-blue); }

[data-section="providers"] .ffps.sud-accent.is-dark{
  background:var(--navy); border-color:var(--navy); color:var(--slate-300);
}
[data-section="providers"] .ffps.sud-accent.is-dark summary h3{ color:#fff; }
[data-section="providers"] .ffps.sud-accent.is-dark summary .chev{ color:#94aec6; }
[data-section="providers"] .ffps.sud-accent.is-dark summary:hover{ background:rgba(255,255,255,.04); }
[data-section="providers"] .ffps.sud-accent.is-dark .ffps-body p{ color:var(--slate-300); }
[data-section="providers"] .ffps.sud-accent.is-dark .ffps-body p strong{ color:#fff; }
[data-section="providers"] .ffps.sud-accent.is-dark .ffps-card{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:10px;
}
[data-section="providers"] .ffps.sud-accent.is-dark .ffps-card b{ color:var(--accent-green); }
[data-section="providers"] .ffps.sud-accent.is-dark .ffps-card span{ color:var(--slate-300); }
[data-section="providers"] .ffps.sud-accent.is-dark a{ color:#8fe0c4; }

[data-active="provider-landing"] .acc-txt .u-green{
  font-size:20px; font-weight:700; letter-spacing:0; line-height:1.3;
  padding-bottom:0; margin:0 0 4px;
}
[data-active="provider-landing"] .acc-txt .u-green::after{ display:none; }

[data-section="providers"] .course,
[data-section="providers"] .course.course-sud{
  background:#fff; border:1px solid var(--slate-200); border-radius:10px;
  transition:border-color .12s ease;
}

@view-transition{ navigation:auto; }

.util{ view-transition-name:util-bar; }
.mast{ view-transition-name:masthead; }
.side-nav{ view-transition-name:section-rail; }
.foot{ view-transition-name:site-foot; }
.phero{ view-transition-name:page-hero; }

::view-transition-old(root),
::view-transition-new(root){ animation-duration:.20s; }
::view-transition-group(page-hero),
::view-transition-group(section-rail){ animation-duration:.24s; }

@media (prefers-reduced-motion:reduce){
  @view-transition{ navigation:none; }
}

[data-section="providers"] .ffps-p{
  flex-direction:column; justify-content:flex-start; min-height:0; padding:16px 12px 18px;
}

@media (min-width:901px){
  
  [data-active="provider-landing"] .acc{
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
  }
  [data-active="provider-landing"] .acc-item.open{ grid-column:1 / -1; }

[data-active="provider-landing"] .acc-item:not(.open) .acc-btn{
    display:grid; grid-template-columns:1fr auto; gap:12px;
    padding:18px 20px 20px; align-items:start;
  }
  [data-active="provider-landing"] .acc-item:not(.open) .acc-ico{ grid-area:1 / 1; }
  [data-active="provider-landing"] .acc-item:not(.open) .acc-chev{ grid-area:1 / 2; }
  [data-active="provider-landing"] .acc-item:not(.open) .acc-txt{ grid-area:2 / 1 / 3 / 3; }
  
  [data-active="provider-landing"] .acc-item:not(.open) .acc-txt p{
    font-size:13px; line-height:1.5; min-height:3em;
  }
}

.mono, [data-active="provider-landing"] .acc .acc-ico.mono{
  font-size:16px; font-weight:800; line-height:1.05;
}
[data-active="provider-landing"] .acc .acc-txt h3,
[data-active="provider-landing"] .acc .acc-txt h4{
  font-size:19px; font-weight:800; letter-spacing:-.01em; color:var(--navy);
}

[data-active="provider-landing"] .acc .acc-body{ padding-left:28px; }

[data-section="providers"] .pclass{
  display:inline-flex; align-items:center; gap:6px; margin-top:12px;
  font-size:12px; font-weight:700; letter-spacing:.02em;
}
[data-section="providers"] .pclass svg{ width:16px; height:16px; flex:none; }
[data-section="providers"] .pc-bact{  color:var(--blue-700); }
[data-section="providers"] .pc-viral{ color:var(--purple-600); }
[data-section="providers"] .pc-proto{ color:var(--teal-700); }

[data-active="provider-landing"] .acc-item.open .pclass{ opacity:.95; }

[data-active="provider-landing"] .acc .acc-item{
  transition:border-color .12s ease, transform .12s ease, box-shadow .12s ease;
}

[data-section="providers"] .cg-shortcut{ height:100%; }
[data-section="providers"] .cg-shortcut .sc-tag{ margin-top:auto; padding-top:14px; }

[data-active="provider-landing"] .acc-body .row{ grid-template-columns:215px 1fr; }

[data-active="provider-landing"] .acc-body .row-sud{
  background:var(--sud-tint);
  border:0; border-top:1px solid var(--sud-line); border-radius:0;
  margin:14px -28px 0; padding:16px 28px;
}
[data-active="provider-landing"] .acc-body .row-sud:last-child{ margin-bottom:-28px; }
[data-active="provider-landing"] .acc-body .row-sud .k{ color:var(--sud-deep); }
[data-active="provider-landing"] .acc .acc-item:hover{ border-color:var(--dhs-blue); }
[data-active="provider-landing"] .acc .acc-item:not(.open):hover{
  transform:translateY(-2px); box-shadow:var(--lift);
}

.doc-wrap.doc-full{ grid-template-columns:1fr; }

[data-section="providers"] .tabs{ display:none; }
@media (max-width:900px){
  
  [data-section="providers"] .tabs{
    display:flex; flex-wrap:nowrap; overflow-x:auto; margin-bottom:32px;
    width:auto; max-width:100%; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  [data-section="providers"] .tabs::-webkit-scrollbar{ display:none; }
  [data-section="providers"] .tab{ flex:none; white-space:nowrap; }
  
  [data-section="providers"] .tabs{ flex-wrap:wrap; }
  
  [data-section="providers"] .acc-btn .acc-ico{ min-width:52px; border-bottom:0; text-decoration:underline; text-decoration-thickness:2.5px; text-underline-offset:5px; }
  [data-section="providers"] .acc-btn{ padding:18px; gap:14px; }
  
  [data-section="providers"] .ffps-grid > :last-child:nth-child(odd),
  [data-section="providers"] .ffps-cards > :last-child:nth-child(odd){ grid-column:1 / -1; }
}
@media (max-width:640px){
  
  [data-section="providers"] .ffps-grid{ grid-template-columns:repeat(2,1fr); }
  [data-section="providers"] .ffps-p{ flex-direction:row; justify-content:flex-start; text-align:left; gap:10px; padding:10px 12px; }
  [data-section="providers"] .ffps-grid > :last-child:nth-child(odd){ grid-column:1 / -1; }
}

[data-active="quick-clinical-reference"]{ --amber-200:var(--amber-200); }

[data-active="quick-clinical-reference"] .qcr-sti{ gap:11px; }

[data-active="quick-clinical-reference"] .qcr-sti .mono{
  font-size:15px; font-weight:800; line-height:1.05;
}

[data-active="quick-clinical-reference"] .qcr-lbl{
  display:block; font-size:11px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--slate-500); margin-bottom:3px;
}
[data-active="quick-clinical-reference"] .qcr-blk > div{ line-height:1.45; }

[data-active="quick-clinical-reference"] .qcr-table tbody tr:nth-child(even){
  background:var(--slate-100);
}
[data-active="quick-clinical-reference"] .qcr-table tbody tr{
  transition:background .12s ease;
}
[data-active="quick-clinical-reference"] .qcr-table tbody tr:hover{ background:var(--blue-50); }

[data-active="quick-clinical-reference"] .qcr-table{ overflow:clip; }
[data-active="quick-clinical-reference"] .qcr-table thead th{
  position:sticky; top:0; z-index:2;
}
[data-active="quick-clinical-reference"] .tgroup .qcr-table thead th:first-child{ border-top-left-radius:var(--r); }
[data-active="quick-clinical-reference"] .tgroup .qcr-table thead th:last-child{ border-top-right-radius:var(--r); }

[data-active="quick-clinical-reference"] .qcr-tx-alt{ line-height:1.45; margin-top:6px; }

[data-active="quick-clinical-reference"] .qcr-list li::before{ color:var(--slate-500); }

[data-active="quick-clinical-reference"] .rep-badge{
  padding:6px 11px; font-size:12px; white-space:nowrap; border:1px solid transparent;
}
[data-active="quick-clinical-reference"] .rep-badge.red{
  background:var(--red-700); border-color:var(--red-700); color:#fff;
}
[data-active="quick-clinical-reference"] .rep-badge.amber{
  background:var(--amber-50); border-color:var(--amber-200); color:var(--amber-700);
}
[data-active="quick-clinical-reference"] .rep-badge.gray{
  background:#fff; border-color:var(--slate-200); color:var(--slate-500);
}
[data-active="quick-clinical-reference"] .rep-sub{
  font-size:11px; font-weight:700; letter-spacing:.6px; color:var(--slate-500);
}

[data-active="quick-clinical-reference"] .rep-badge.red + .rep-sub{ color:var(--red-700); }

[data-active="quick-clinical-reference"] .qcr-acc{
  display:flex; flex-direction:column; gap:16px; margin-top:40px;
}
[data-active="quick-clinical-reference"] .qcr-acc .acc-item,
[data-active="quick-clinical-reference"] .qcr-acc .acc-item.open{ order:0; }

[data-active="quick-clinical-reference"] .qcr-acc .acc-item:not(.open) .acc-btn{
  display:flex; align-items:center; gap:20px; padding:24px 28px;
}
[data-active="quick-clinical-reference"] .qcr-acc .acc-item:not(.open) .acc-txt{ flex:1; }
[data-active="quick-clinical-reference"] .qcr-acc .acc-item:not(.open) .acc-txt p{
  font-size:14px; line-height:1.5; min-height:0;
}

[data-active="quick-clinical-reference"] .qcr-acc .acc-item{
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:10px;
}
[data-active="quick-clinical-reference"] .qcr-acc .acc-item.is-scan{
  background:#fff; border-color:var(--slate-200);
}
[data-active="quick-clinical-reference"] .qcr-acc .acc-body .row{
  border-top-color:var(--blue-100);
}
[data-active="quick-clinical-reference"] .qcr-acc .acc-item.is-scan .acc-body .row{
  border-top-color:var(--slate-100);
}
[data-active="quick-clinical-reference"] .acc-lead{ color:var(--ink); }

[data-active="quick-clinical-reference"] .src-list li{ font-size:14px; line-height:1.5; }
[data-active="quick-clinical-reference"] .src-list a{ text-decoration:underline;
  text-underline-offset:3px; text-decoration-color:var(--blue-200); }
[data-active="quick-clinical-reference"] .src-list a:hover{ text-decoration-color:var(--blue-700); }

@media print{
  [data-active="quick-clinical-reference"] #site-top,
  [data-active="quick-clinical-reference"] #site-footer,
  [data-active="quick-clinical-reference"] .privacy-consent,
  [data-active="quick-clinical-reference"] .phero .crumb,
  [data-active="quick-clinical-reference"] .acc-chev{ display:none !important; }

  [data-active="quick-clinical-reference"] .phero,
  [data-active="quick-clinical-reference"] .phero .phero-inner{
    background:#fff !important; padding:0 0 12px !important; max-width:none;
  }
  [data-active="quick-clinical-reference"] .phero h1{ color:#000 !important; font-size:26px; }
  [data-active="quick-clinical-reference"] .phero .phero-lead{
    color:#222 !important; font-size:12px; max-width:none;
  }
  [data-active="quick-clinical-reference"] .phero .phero-rule{
    background:#000 !important; height:2px; margin:8px 0 10px;
  }

  [data-active="quick-clinical-reference"] .doc-wrap{ padding:0; max-width:none; }

[data-active="quick-clinical-reference"] .qcr-table{ border-radius:0; border-color:#000; }
  [data-active="quick-clinical-reference"] .qcr-table thead{ display:table-header-group; }
  [data-active="quick-clinical-reference"] .qcr-table thead th{
    position:static; background:#fff !important; color:#000; border-bottom:2px solid #000;
    padding:8px 10px;
  }
  [data-active="quick-clinical-reference"] .qcr-table tbody tr{
    background:#fff !important; break-inside:avoid; page-break-inside:avoid;
  }
  [data-active="quick-clinical-reference"] .qcr-table tbody td{
    padding:10px; font-size:9.5pt; border-top-color:#999;
  }
  
  [data-active="quick-clinical-reference"] .qcr-tx-alt,
  [data-active="quick-clinical-reference"] .qcr-lbl,
  [data-active="quick-clinical-reference"] .qcr-sti .sub{ color:#333; }
  [data-active="quick-clinical-reference"] .qcr-sti .mono{
    background:none !important; color:#000;
    border:0; border-bottom:2px solid #000 !important; font-size:11px;
  }
  [data-active="quick-clinical-reference"] .rep-badge{
    background:none !important; color:#000 !important; border:1px solid #000;
  }
  [data-active="quick-clinical-reference"] .rep-badge.red{ border-width:2px; }
  [data-active="quick-clinical-reference"] .rep-sub{ color:#000 !important; }

[data-active="quick-clinical-reference"] .qcr-acc .acc-item,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-item.qcr-patient,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-item.is-scan{
    background:#fff !important; border-color:#999 !important; border-radius:0;
  }
  [data-active="quick-clinical-reference"] .qcr-acc .acc-body .row,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-btn,
  [data-active="quick-clinical-reference"] .src-list li{
    break-inside:avoid; page-break-inside:avoid;
  }
  [data-active="quick-clinical-reference"] .qcr-acc .acc-body{ display:block !important; }
  [data-active="quick-clinical-reference"] .qcr-acc .acc-ico{
    background:none !important; color:#000 !important;
  }
  [data-active="quick-clinical-reference"] .qcr-acc .acc-txt h3,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-txt .u-green,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-txt p,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-body .row .k,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-body .row .v,
  [data-active="quick-clinical-reference"] .qcr-acc .acc-lead{ color:#000 !important; }
  [data-active="quick-clinical-reference"] .qcr-acc .acc-body .row{ border-top-color:#bbb !important; }
  
  [data-active="quick-clinical-reference"] .src-list a{ text-decoration-color:currentColor; }
}

[data-active="continuing-education"] .doc-main .ce-intro{
  font-size:var(--fs-read); line-height:1.65; color:var(--ink);
  margin:0 0 22px; max-width:760px;
}
[data-active="continuing-education"] .doc-main .course p{
  color:var(--ink); max-width:none;
}

[data-active="continuing-education"] .doc-main .course p.ce-course-note{
  margin:14px 0 0; font-size:14px; line-height:1.6; color:var(--ink);
}
[data-active="continuing-education"] .ce-course-note strong{ color:var(--slate-900); }

[data-active="continuing-education"] .ce-note{
  display:flex; gap:12px; align-items:flex-start;
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:10px;
  padding:16px 18px; margin:0 0 34px;
}
[data-active="continuing-education"] .ce-note svg{
  width:19px; height:19px; flex:0 0 auto; margin-top:2px; color:var(--blue-700);
}
[data-active="continuing-education"] .ce-note p{
  margin:0; color:var(--ink); font-size:var(--fs-read); line-height:1.65;
}
[data-active="continuing-education"] .ce-note a{
  color:var(--blue-700); font-weight:700; text-decoration:underline;
  text-underline-offset:2px;
}
[data-active="continuing-education"] .ce-note a:hover{ color:var(--blue-800); }

[data-active="continuing-education"] .ce-sec{ margin:0 0 44px; }
[data-active="continuing-education"] .ce-sec:last-child{ margin-bottom:0; }

[data-active="continuing-education"] .doc-main .ce-sec > .u-green{ margin-top:0; }

[data-active="continuing-education"] .doc-main .course{
  display:block; padding:24px 26px; margin:0 0 16px;
  border-radius:10px;
}
[data-active="continuing-education"] .doc-main .course:last-child{ margin-bottom:0; }
[data-active="continuing-education"] .doc-main .course h3{
  font-size:18px; line-height:1.3; margin:0 0 10px; color:var(--slate-900);
}
[data-active="continuing-education"] .doc-main .course p{
  font-size:var(--fs-read); line-height:1.6; margin:0;
}
[data-active="continuing-education"] .course-foot{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:14px 20px;
  margin-top:18px; padding-top:16px; border-top:1px solid var(--slate-200);
}
[data-active="continuing-education"] .course-meta{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; min-width:0;
}
[data-active="continuing-education"] .meta-item{ font-size:12.5px; color:var(--slate-500); }

[data-active="continuing-education"] .course-meta .badge-pill{
  font-size:12px; padding:5px 12px; letter-spacing:.01em;
}
[data-active="continuing-education"] .course-action{
  display:flex; flex-wrap:wrap; gap:10px; flex:none;
}
[data-active="continuing-education"] .course-action .btn{ font-size:13.5px; padding:10px 20px; }
[data-active="continuing-education"] .course-action .btn-outline{ padding:9px 19px; }

[data-active="continuing-education"] .ce-band-sud{
  background:none; border-radius:0; padding:0; margin:0 0 44px;
}

@media (min-width:901px){
  [data-active="continuing-education"] .ce-grid{
    display:grid; grid-template-columns:repeat(2,1fr); gap:16px; align-items:stretch;
  }
  [data-active="continuing-education"] .ce-grid > .course{ margin:0; display:flex; }
  [data-active="continuing-education"] .ce-grid > .course.ce-span{ grid-column:1 / -1; }
  
  [data-active="continuing-education"] .ce-grid > .course > .course-main{
    display:flex; flex-direction:column; width:100%;
  }
  [data-active="continuing-education"] .ce-grid > .course .course-foot{ margin-top:auto; }
  [data-active="continuing-education"] .ce-grid > .course:not(.ce-span) .course-foot{
    align-items:flex-start; flex-direction:column; gap:14px;
  }
  
  [data-active="continuing-education"] .ce-grid > .course:not(.ce-span) .course-meta{
    display:grid; grid-template-columns:max-content max-content;
    justify-content:start; gap:10px 14px;
  }
  [data-active="continuing-education"] .ce-grid > .course:not(.ce-span) .course-meta .badge-pill{
    grid-column:1 / -1; justify-self:start;
  }
}

[data-active="continuing-education"] .course a:focus-visible,
[data-active="continuing-education"] .ce-note a:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

@media (max-width:900px){
  [data-active="continuing-education"] .ce-band-sud{ padding:0; }
  [data-active="continuing-education"] .doc-main .course{ padding:20px; }
  [data-active="continuing-education"] .course-foot{
    align-items:flex-start; flex-direction:column; gap:14px;
  }
  [data-active="continuing-education"] .course-action{ width:100%; }
}
@media (max-width:520px){
  [data-active="continuing-education"] .course-action .btn{ width:100%; }
}

.ffps .qcr-wrap{ margin:0; }
.ffps .qcr-table{ background:transparent; border:0; border-radius:0; }
.ffps .qcr-table thead th{
  background:transparent; color:var(--slate-900);
  border-bottom:0;                                   
  padding-bottom:6px;
}
.ffps .qcr-table tbody tr:last-child td{ border-bottom:0; }

.hr-card h4{ margin-top:0; }

.chk-list li{ min-height:2.9em; }

[data-active="quick-clinical-reference"] .qcr-acc .acc-item.qcr-patient{
  background:var(--slate-50); border-color:var(--slate-200);
}
[data-active="quick-clinical-reference"] .qcr-acc .acc-item.qcr-patient .acc-body .row .k{
  color:var(--green-700);
}

@media (max-width:640px){
  [data-active="provider-landing"] .acc-body .row{ grid-template-columns:1fr; gap:4px; }
  [data-active="provider-landing"] .acc-body .row .k{ font-size:13px; }
}

[data-active="find-testing"] .ft-sec{ padding:40px 0; }
[data-active="find-testing"] .ft-rail{
  max-width:var(--rail-max); margin:0 auto; padding:0 var(--rail-pad);
}
[data-active="find-testing"] .ft-start{ padding:34px 0 38px; }
[data-active="find-testing"] .ft-also{ padding:46px 0 54px; }

[data-active="find-testing"] .ft-sec.is-tint{
  background:var(--slate-50);
  border-top:1px solid var(--slate-200); border-bottom:1px solid var(--slate-200);
  padding:46px 0 54px;
}

[data-active="find-testing"] .ft-bar{ margin-bottom:22px; }
[data-active="find-testing"] .ft-bar .u-green{
  font-size:28px; font-weight:800; letter-spacing:-.01em; line-height:1.18;
  color:var(--navy); position:relative; padding-bottom:20px; margin:0 0 14px;
}
[data-active="find-testing"] .ft-bar .u-green::after{
  content:""; position:absolute; left:0; bottom:0;
  width:120px; height:4px; border-radius:0; background:var(--accent-green);
}
[data-active="find-testing"] .ft-bar p{
  font-size:17px; line-height:1.6; color:var(--slate-500); margin:0; max-width:66ch;
}

[data-active="find-testing"] .ref-box{
  border-radius:var(--r); margin:0; padding:24px 26px;
}
[data-active="find-testing"] .ref-box .rb-head{ margin-bottom:10px; }
[data-active="find-testing"] .ref-box .rb-head h2{
  font-size:20px; font-weight:800; letter-spacing:-.01em; line-height:1.25;
  color:var(--slate-900); margin:0;
}

[data-active="find-testing"] .ref-box p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); max-width:78ch;
}

[data-active="find-testing"] .ref-box.sud-accent{ border-color:var(--sud-line); }  
[data-active="find-testing"] .ref-box.sud-accent .rb-head h2{ color:var(--green-700); }
[data-active="find-testing"] .ref-box.sud-accent .rb-head svg{ color:var(--green-700); }
[data-active="find-testing"] .ref-box .ref-links{ margin-top:14px; gap:12px; }
[data-active="find-testing"] .ref-box .ref-links a{ font-size:15px; font-weight:700; }
[data-active="find-testing"] .ref-box .ref-links a svg{ width:15px; height:15px; }
[data-active="find-testing"] .ref-box .ref-links a:hover{ text-decoration:underline; text-underline-offset:3px; }

[data-active="find-testing"] .ft-primary{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px;
  padding:0 0 24px; margin-bottom:8px;
  background:none; border:0;
  border-radius:0;
}
[data-active="find-testing"] .ft-primary p{ margin:0; max-width:72ch; }

[data-active="find-testing"] .ft-primary-cta{ flex:none; padding:14px 26px; }
[data-active="find-testing"] .ft-primary-cta .ar-after{ width:15px; height:15px; }

[data-active="find-testing"] .ft-filters{
  display:flex; align-items:flex-end; gap:14px; flex-wrap:wrap; margin:0 0 22px;
}

[data-active="find-testing"] .ft-field label{
  display:block; font-size:12px; font-weight:700; letter-spacing:.7px;
  text-transform:uppercase; color:var(--slate-500); margin:0 0 6px;
}
[data-active="find-testing"] .ft-filters select{
  font-family:inherit; font-size:14px; font-weight:600; color:var(--slate-900);
  padding:10px 14px; border:1px solid var(--slate-300); border-radius:8px;
  background:#fff; min-width:214px;
}
[data-active="find-testing"] .ft-filters select:hover{ border-color:var(--slate-400); }

[data-active="find-testing"] .ft-count{
  font-size:14px; font-weight:600; color:var(--slate-500); margin:0 0 11px auto;
}

[data-active="find-testing"] .ft-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:18px;
}
[data-active="find-testing"] .ft-card{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:22px 22px 20px; display:flex; flex-direction:column; gap:14px;
  transition:border-color .12s ease;
}
[data-active="find-testing"] .ft-card.ft-span{ grid-column:1 / -1; }
[data-active="find-testing"] .ft-card h3{
  font-size:18px; font-weight:800; letter-spacing:-.01em; line-height:1.25;
  color:var(--slate-900); margin:0;
}

[data-active="find-testing"] .ft-meta{
  display:flex; flex-direction:column; gap:9px;
  font-size:14px; line-height:1.5; color:var(--ink);
}
[data-active="find-testing"] .ft-meta .row{ display:flex; gap:10px; align-items:flex-start; }
[data-active="find-testing"] .ft-meta svg{
  width:16px; height:16px; color:var(--slate-500); flex:none; margin-top:2px;
}

[data-active="find-testing"] .ft-tags{ display:flex; gap:0; flex-wrap:wrap; }
[data-active="find-testing"] .ft-tag{ font-size:13px; font-weight:700; color:var(--slate-500); }
[data-active="find-testing"] .ft-tag + .ft-tag::before{ content:"\B7"; content:"\B7" / ""; margin:0 7px; font-weight:400; color:var(--slate-400); }
[data-active="find-testing"] .ft-tag.sud{ color:var(--green-700); }

[data-active="find-testing"] .ft-actions{ display:flex; gap:6px 16px; flex-wrap:wrap; align-items:center; }
[data-active="find-testing"] .ft-actions .btn{ font-size:13.5px; }
[data-active="find-testing"] .ft-actions .btn-blue{ padding:10px 17px; }
[data-active="find-testing"] .ft-actions .btn-outline{
  padding:8px 2px; background:none; border:0; border-radius:0; box-shadow:none; color:var(--blue-700);
  text-decoration:underline; text-decoration-color:var(--blue-200); text-underline-offset:4px;
}
[data-active="find-testing"] .ft-actions .btn-outline:hover{ background:none; text-decoration-color:var(--blue-600); }
[data-active="find-testing"] .ft-actions .btn svg{ width:15px; height:15px; }

[data-active="find-testing"] .ft-empty{
  grid-column:1 / -1; margin:0; text-align:center; font-size:15px;
  color:var(--slate-500); background:#fff;
  border:1px solid var(--slate-200); border-radius:var(--r); padding:30px;
}

[data-active="find-testing"] .cta-dark{ padding:56px var(--rail-pad); }
[data-active="find-testing"] .cta-dark h2{ font-size:28px; letter-spacing:-.6px; }

[data-active="find-testing"] .ft-sec a:focus-visible,
[data-active="find-testing"] .ft-sec select:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

[data-active="find-testing"] .cta-dark a:focus-visible{
  outline:3px solid var(--white); outline-offset:3px; border-radius:4px;
}

@media (max-width:900px){
  [data-active="find-testing"] .ft-grid{ grid-template-columns:1fr; }
  [data-active="find-testing"] .ft-primary{ grid-template-columns:1fr; gap:18px; }
  [data-active="find-testing"] .ft-primary-cta{ justify-self:start; }
  [data-active="find-testing"] .ft-bar .u-green{ font-size:24px; padding-bottom:16px; }
  [data-active="find-testing"] .ft-bar .u-green::after{ width:88px; }
  [data-active="find-testing"] .cta-dark{ padding:44px var(--rail-pad); }
  [data-active="find-testing"] .cta-dark h2{ font-size:26px; }
  [data-active="find-testing"] .cta-dark p{ font-size:16px; }
}
@media (max-width:640px){
  [data-active="find-testing"] .ft-sec, [data-active="find-testing"] .ft-sec.is-tint,
  [data-active="find-testing"] .ft-start, [data-active="find-testing"] .ft-also{
    padding-top:30px; padding-bottom:34px;
  }
  [data-active="find-testing"] .ref-box:not(.ft-primary){ padding:20px; }  
  [data-active="find-testing"] .ft-field{ flex:1 1 100%; }
  [data-active="find-testing"] .ft-filters select{ width:100%; min-width:0; }
  [data-active="find-testing"] .ft-count{ margin:0; flex:1 1 100%; }
  
  [data-active="find-testing"] .ft-actions .btn-blue{ flex:1 1 100%; justify-content:center; }
}

[data-active="what-happens-at-a-test"] .doc-main > .proc-sec,
[data-active="what-happens-at-a-test"] .doc-main > .say-sec,
[data-active="what-happens-at-a-test"] .doc-main > .more-sec{
  background: var(--slate-50);
  border: 1px solid var(--slate-200);
  border-radius: 10px;
  padding: 34px 32px;
  margin: 0 0 44px;
}
[data-active="what-happens-at-a-test"] .doc-main > .privacy-sec,
[data-active="what-happens-at-a-test"] .doc-main > .faq-sec{
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 44px;
}
[data-active="what-happens-at-a-test"] .doc-main > .more-sec{ margin-bottom: 0; }

[data-active="what-happens-at-a-test"] .proc-grid{
  grid-template-columns: 1fr;
  gap: 0;
  max-width: none;
  margin: 0;
}
[data-active="what-happens-at-a-test"] .proc-step{
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: start;
  gap: 20px;
  text-align: left;
  padding: 0 0 28px;
  position: relative;
}
[data-active="what-happens-at-a-test"] .proc-step:last-child{ padding-bottom: 0; }

[data-active="what-happens-at-a-test"] .proc-step:not(:last-child)::before{
  content: ""; position: absolute; left: 19px; top: 46px; bottom: 8px;
  width: 2px; background: var(--slate-200);
}
[data-active="what-happens-at-a-test"] .proc-num{
  width: 40px; height: 40px; border-radius: 9999px;
  font-size: 17px; font-weight: 800; margin: 0; position: relative; z-index: 1;
}
[data-active="what-happens-at-a-test"] .proc-body{ min-width: 0; padding-top: 5px; }
[data-active="what-happens-at-a-test"] .proc-step h3{
  font-size: 20px; font-weight: 800; letter-spacing: -.2px;
  color: var(--slate-900); margin: 0 0 8px;
}
[data-active="what-happens-at-a-test"] .proc-step p{
  font-size: 15px; line-height: 1.65; color: var(--ink); margin: 0 0 12px;
}
[data-active="what-happens-at-a-test"] .proc-body ul{
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 9px;
}
[data-active="what-happens-at-a-test"] .proc-body ul li{
  position: relative; padding-left: 18px;
  font-size: 15px; line-height: 1.6; color: var(--ink);
}
[data-active="what-happens-at-a-test"] .proc-body ul li::before{
  content: "\2022"; position: absolute; left: 2px; top: -1px;
  color: var(--slate-500); font-weight: 700;
}
[data-active="what-happens-at-a-test"] .proc-body ul li strong{ color: var(--slate-900); }

[data-active="what-happens-at-a-test"] .time-badge,
[data-active="what-happens-at-a-test"] .time-badge.green{
  display: block; white-space: normal;
  margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--slate-200);
  font-size: 13px; font-weight: 700; color: var(--slate-500);
}

[data-active="what-happens-at-a-test"] .privacy-grid{
  max-width: none; gap: 20px; align-items: start; margin: 0;
}
[data-active="what-happens-at-a-test"] .pcard,
[data-active="what-happens-at-a-test"] .pcard.blue,
[data-active="what-happens-at-a-test"] .pcard.purple{
  background: var(--blue-50);
  border: 1px solid var(--blue-100);
  border-radius: 10px;
  padding: 26px 28px;
}
[data-active="what-happens-at-a-test"] .pcard h2{
  font-size: 20px; font-weight: 800; letter-spacing: -.2px;
  color: var(--slate-900); margin: 0 0 10px;
}
[data-active="what-happens-at-a-test"] .pcard > p{
  font-size: 14.5px; line-height: 1.65; color: var(--ink); margin: 0 0 16px;
}
[data-active="what-happens-at-a-test"] .pcard ul{
  margin: 0 0 18px; gap: 11px;
}
[data-active="what-happens-at-a-test"] .pcard ul li{
  display: block; position: relative; padding-left: 18px;
  font-size: 14.5px; line-height: 1.6; color: var(--ink);
}
[data-active="what-happens-at-a-test"] .pcard ul li::before{
  content: "\2022"; position: absolute; left: 2px; top: -1px;
  color: var(--slate-500); font-weight: 700;
}

[data-active="what-happens-at-a-test"] .pcard .pnote,
[data-active="what-happens-at-a-test"] .pcard.blue .pnote,
[data-active="what-happens-at-a-test"] .pcard.purple .pnote{
  background: #fff; border: 1px solid var(--blue-100); border-radius: 10px;
  padding: 15px 17px; font-size: 13.5px; line-height: 1.6; color: var(--ink);
}
[data-active="what-happens-at-a-test"] .pcard .pnote a{
  color: var(--blue-700); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
  display: inline-block; margin-top: 10px;
}
[data-active="what-happens-at-a-test"] .pcard .pnote .src-links{
  display: block; margin-top: 8px; font-size: 13px; line-height: 1.55;
}

[data-active="what-happens-at-a-test"] .pcard .pnote .src-links a{
  display: inline; margin-top: 0; color: var(--blue-700); font-weight: 600;
}

[data-active="what-happens-at-a-test"] .say-head,
[data-active="what-happens-at-a-test"] .faq-head,
[data-active="what-happens-at-a-test"] .more-head{
  text-align: left; margin-bottom: 22px;
}
[data-active="what-happens-at-a-test"] .say-head h2,
[data-active="what-happens-at-a-test"] .faq-head h2,
[data-active="what-happens-at-a-test"] .more-head h2,
[data-active="what-happens-at-a-test"] .reading-section-title,
[data-active="what-happens-at-a-test"] .tt-sec > h2.u-green{
  font-size: 28px; font-weight: 800; letter-spacing: -.4px; line-height: 1.18;
  color: var(--navy); margin: 0 0 12px; padding-bottom: 18px; text-align: left;
}
[data-active="what-happens-at-a-test"] .reading-section-title{ margin-top: 42px; }

[data-active="what-happens-at-a-test"] .u-green::after{
  left: 0; transform: none; width: 120px; height: 4px; border-radius: 0;
}
[data-active="what-happens-at-a-test"] .say-head p,
[data-active="what-happens-at-a-test"] .faq-head p,
[data-active="what-happens-at-a-test"] .more-head p,
[data-active="what-happens-at-a-test"] .tt-sec > h2 + p{
  font-size: 16px; line-height: 1.65; color: var(--ink);
  margin: 0; max-width: 720px; text-align: left;
}
[data-active="what-happens-at-a-test"] .tds-sec-head{ margin: 26px 0 12px; }

[data-active="what-happens-at-a-test"] .say-grid{
  grid-template-columns: 1fr; max-width: none; gap: 20px; margin: 0;
}
[data-active="what-happens-at-a-test"] .say-card.blue{
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; align-content: start;
}
[data-active="what-happens-at-a-test"] .say-card.blue > h3,
[data-active="what-happens-at-a-test"] .say-card.blue > p,
[data-active="what-happens-at-a-test"] .say-card.blue > .say-tip{
  grid-column: 1 / -1;
}
[data-active="what-happens-at-a-test"] .say-card.blue > .script{ margin-bottom: 0; }

[data-active="what-happens-at-a-test"] .say-card,
[data-active="what-happens-at-a-test"] .say-card.blue,
[data-active="what-happens-at-a-test"] .say-card.purple{
  background: #fff; border: 1px solid var(--slate-200);
  border-radius: 10px; padding: 24px 26px;
}
[data-active="what-happens-at-a-test"] .say-card h3{
  font-size: 20px; font-weight: 800; letter-spacing: -.2px;
  color: var(--slate-900); margin: 0 0 8px;
}
[data-active="what-happens-at-a-test"] .say-card > p{
  font-size: 14.5px; line-height: 1.65; color: var(--ink); margin: 0 0 16px;
}
[data-active="what-happens-at-a-test"] .script{
  background: var(--blue-50); border: 1px solid var(--blue-100);
  border-radius: 10px; padding: 14px 16px; margin-bottom: 10px;
}
[data-active="what-happens-at-a-test"] .script .quote{
  font-size: 14.5px; line-height: 1.6; color: var(--ink);
}
[data-active="what-happens-at-a-test"] .script .quote a{
  font-style: normal; color: var(--blue-700); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
}

[data-active="what-happens-at-a-test"] .say-tip,
[data-active="what-happens-at-a-test"] .say-card.blue .say-tip,
[data-active="what-happens-at-a-test"] .say-card.purple .say-tip{
  display: block; background: none; border: 0; border-radius: 0;
  border-top: 1px solid var(--slate-200);
  padding: 14px 0 0; margin-top: 18px;
  font-size: 13.5px; line-height: 1.6; color: var(--ink);
}
[data-active="what-happens-at-a-test"] .say-tip strong{ color: var(--slate-900); }

[data-active="what-happens-at-a-test"] .faq-list{ max-width: none; gap: 10px; margin: 0; }
[data-active="what-happens-at-a-test"] .faq-item{ border-radius: 10px; }
[data-active="what-happens-at-a-test"] .faq-q{ font-size: 15.5px; padding: 18px 22px; }
[data-active="what-happens-at-a-test"] .faq-a{
  padding: 0 22px 20px; font-size: 14.5px; line-height: 1.65; color: var(--ink);
}

[data-active="what-happens-at-a-test"] .more-grid{ max-width: none; gap: 20px; margin: 0; }
[data-active="what-happens-at-a-test"] .topic-card{ border-radius: 10px; padding: 22px 24px; }
[data-active="what-happens-at-a-test"] .topic-card h3{
  font-size: 18px; font-weight: 800; color: var(--slate-900); margin: 0 0 8px;
}
[data-active="what-happens-at-a-test"] .topic-card p{
  font-size: 14px; line-height: 1.6; color: var(--ink); margin: 0 0 16px;
}

@media (max-width: 640px){
  [data-active="what-happens-at-a-test"] .doc-main > .proc-sec,
  [data-active="what-happens-at-a-test"] .doc-main > .say-sec,
  [data-active="what-happens-at-a-test"] .doc-main > .more-sec{ padding: 24px 18px; }
  [data-active="what-happens-at-a-test"] .proc-step{ grid-template-columns: 34px 1fr; gap: 14px; }
  [data-active="what-happens-at-a-test"] .proc-num{ width: 34px; height: 34px; font-size: 15px; }
  [data-active="what-happens-at-a-test"] .proc-step:not(:last-child)::before{ left: 16px; top: 40px; }
  [data-active="what-happens-at-a-test"] .pcard{ padding: 22px 20px; }
  [data-active="what-happens-at-a-test"] .say-card{ padding: 20px 18px; }
  
  [data-active="what-happens-at-a-test"] .say-card.blue{ grid-template-columns: 1fr; }
  [data-active="what-happens-at-a-test"] .say-head h2,
  [data-active="what-happens-at-a-test"] .faq-head h2,
  [data-active="what-happens-at-a-test"] .more-head h2,
  [data-active="what-happens-at-a-test"] .reading-section-title,
  [data-active="what-happens-at-a-test"] .tt-sec > h2.u-green{ font-size: 24px; }
}

[data-active="what-are-stis"]{
  --gut: max((100vw - var(--rail-max)) / 2, 0px);
  --railcol: 288px;                       
  --bl: calc(var(--gut) + var(--rail-pad) + var(--railcol));
  --br: calc(var(--gut) + var(--rail-pad));
}
@media (max-width:1180px){ [data-active="what-are-stis"]{ --railcol:242px; } }  
@media (max-width:900px){  [data-active="what-are-stis"]{ --railcol:0px; } }    

[data-active="what-are-stis"] .doc-main .lede,
[data-active="what-are-stis"] .doc-main .body,
[data-active="what-are-stis"] .doc-main .sub,
[data-active="what-are-stis"] .doc-main .afterline,
[data-active="what-are-stis"] .doc-main .facts li,
[data-active="what-are-stis"] .doc-main .stat p,
[data-active="what-are-stis"] .doc-main .tcard p,
[data-active="what-are-stis"] .doc-main .cad span,
[data-active="what-are-stis"] .doc-main .routes span,
[data-active="what-are-stis"] .doc-main .steps span,
[data-active="what-are-stis"] .doc-main .tbl td,
[data-active="what-are-stis"] .doc-main .note p,
[data-active="what-are-stis"] .doc-main .faqs p{ color:var(--ink); }

[data-active="what-are-stis"] .strip .say,
[data-active="what-are-stis"] .ntile .go,
[data-active="what-are-stis"] .ntile .n{ color:var(--slate-300); }

[data-active="what-are-stis"] .doc-main h2 .sn{
  left:-30px; top:9px; font-size:12px; color:var(--slate-500);
}

[data-active="what-are-stis"] h3.grp{
  display:block; margin:34px 0 14px;
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}
[data-active="what-are-stis"] h3.grp::after{ content:none; }
[data-active="what-are-stis"] h3.grp:first-of-type{ margin-top:24px; }

[data-active="what-are-stis"] .facts{ gap:12px 48px; }
[data-active="what-are-stis"] .facts li{
  display:block; background:none; border:0; border-radius:0;
  position:relative; padding:0 0 0 20px;
  font-size:16px; font-weight:400; line-height:1.55;
}
[data-active="what-are-stis"] .facts li::before{
  content:'\2022'; position:absolute; left:3px; top:-1px;
  font-weight:700; color:var(--slate-500);
}

[data-active="what-are-stis"] .tgrid{ grid-template-columns:repeat(2,1fr); gap:14px; }

@media (max-width:640px){
  [data-active="what-are-stis"] .tgrid{ grid-template-columns:1fr; }
}
[data-active="what-are-stis"] .tcard{ display:flex; }
[data-active="what-are-stis"] .tcard .in{
  display:flex; flex-direction:column; flex:1; padding:18px 18px 16px;
}
[data-active="what-are-stis"] .tcard p{ flex:1 0 auto; }

[data-active="what-are-stis"] .tcard .in{ position:relative; }
[data-active="what-are-stis"] .tcard .status{
  position:absolute; top:18px; right:18px; margin:0;   
}

[data-active="what-are-stis"] .tcard h4{ padding-right:0; }
[data-active="what-are-stis"] .tcard .mono{ margin-bottom:12px; }

[data-active="what-are-stis"] .trig li{
  padding:15px 18px; font-size:var(--fs-read); line-height:1.35;
}

[data-active="what-are-stis"] .note{
  background:var(--white); border-color:var(--slate-200);
}

.support-followup { margin-top: 24px; }
.support-followup h3 { color:var(--green-700); font-size:18px; font-weight:800; margin:0 0 8px; }
.support-followup p { margin:0; }
.support-followup a { color:var(--green-700); font-weight:800; text-decoration:underline; text-underline-offset:2px; }

[data-active="what-are-stis"] .steps li::before{ color:var(--blue-700); }
[data-active="what-are-stis"] .stat .fig.off > *{ stroke:var(--slate-400); }

[data-active="what-are-stis"] .doc-main a:focus-visible,
[data-active="what-are-stis"] .doc-main summary:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

[data-active="what-are-stis"] .doc-main .strip a:focus-visible{
  outline-color:var(--white);
}

[data-active="for-me"] .alone-sec > .alone-card,
[data-active="for-me"] .topics-sec > .topics-head,
[data-active="for-me"] .topics-sec > .topics-grid,
[data-active="for-me"] .qa2-sec > .qa2-head,
[data-active="for-me"] .qa2-sec > .qa2-grid,
[data-active="for-me"] .faq-sec > .faq-head,
[data-active="for-me"] .faq-sec > .fm-faqs{
  max-width:1072px; margin-left:auto; margin-right:auto;
}

[data-active="for-me"] .topics-head,
[data-active="for-me"] .qa2-head,
[data-active="for-me"] .faq-head{ text-align:left; margin-bottom:32px; }
[data-active="for-me"] .topics-head h2,
[data-active="for-me"] .qa2-head h2,
[data-active="for-me"] .faq-head h2{
  font-size:28px; font-weight:800; letter-spacing:-.6px; margin:0;
}
[data-active="for-me"] .topics-head p,
[data-active="for-me"] .faq-head p{
  margin:14px 0 0; max-width:64ch; font-size:17px; line-height:1.6;
  color:var(--slate-500);
}

[data-active="for-me"] .alone-sec,
[data-active="for-me"] .topics-sec,
[data-active="for-me"] .qa2-sec,
[data-active="for-me"] .faq-sec{ padding:64px 80px; }

[data-active="for-me"] .topic-ico{
  width:auto; height:30px; margin-bottom:18px; border-radius:0;
  background:none; color:var(--blue-600); justify-content:flex-start;
}
[data-active="for-me"] .topic-ico svg{ width:28px; height:28px; }

[data-active="for-me"] .spot{
  width:auto; height:36px; margin-bottom:16px; border:0; border-radius:0;
  background:none; justify-content:flex-start;
}
[data-active="for-me"] .spot svg{ width:36px; height:36px; }

[data-active="for-me"] .spot svg [stroke]{ stroke:var(--blue-600); }
[data-active="for-me"] .spot svg [stroke="#8fa3b5"]{ stroke:var(--slate-400); }
[data-active="for-me"] .spot svg [fill]:not([fill="none"]){ fill:var(--blue-600); }

[data-active="for-me"] .alone-card{
  max-width:1072px; padding:36px 44px 40px; gap:24px; align-items:flex-start;
}
[data-active="for-me"] .alone-card > div{
  flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:48px; align-items:start;
}
[data-active="for-me"] .alone-card h2{ grid-column:1 / -1; font-size:26px; }
[data-active="for-me"] .alone-card p{ margin-bottom:0; }

[data-active="for-me"] .alone-card p:nth-of-type(1){ grid-column:1; grid-row:2 / span 2; }
[data-active="for-me"] .alone-card p:nth-of-type(2){ grid-column:2; grid-row:2; }

[data-active="for-me"] .alone-card .row{
  grid-column:2; grid-row:3; margin-top:22px;
}

[data-active="for-me"] .fm-faqs{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px; align-items:start;
}
[data-active="for-me"] .fm-faqs .faq-item{ margin-bottom:0; }
[data-active="for-me"] .faq-item summary{ color:var(--slate-900); }

[data-active="for-me"] .faq-body a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}
[data-active="for-me"] .faq-body a.sud-inline{ color:var(--sud-deep); }
[data-active="for-me"] .faq-body a:hover{ color:var(--blue-600); }

[data-active="for-me"] .faq-body li{ margin-bottom:6px; }
[data-active="for-me"] .faq-body li::marker{ color:var(--slate-500); }

[data-active="for-me"] .topic-card:focus-visible,
[data-active="for-me"] .faq-item summary:focus-visible,
[data-active="for-me"] .alone-card .btn:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px;
}

@media (max-width:1180px){
  [data-active="for-me"] .alone-sec,
  [data-active="for-me"] .topics-sec,
  [data-active="for-me"] .qa2-sec,
  [data-active="for-me"] .faq-sec{ padding:56px 40px; }
  [data-active="for-me"] .alone-card > div{ grid-template-columns:minmax(0,1fr); }
  [data-active="for-me"] .alone-card p:nth-of-type(1),
  [data-active="for-me"] .alone-card p:nth-of-type(2),
  [data-active="for-me"] .alone-card .row{
    grid-column:1; grid-row:auto;
  }
  [data-active="for-me"] .alone-card p:nth-of-type(1){ margin-bottom:16px; }
  [data-active="for-me"] .alone-card .row{ margin-top:22px; }
}
@media (max-width:900px){
  
  [data-active="for-me"] .phero.tall .phero-inner{ padding-left:0; padding-right:0; }

  [data-active="for-me"] .alone-sec,
  [data-active="for-me"] .topics-sec,
  [data-active="for-me"] .qa2-sec,
  [data-active="for-me"] .faq-sec{ padding:48px 24px; }
  [data-active="for-me"] .fm-faqs{ grid-template-columns:minmax(0,1fr); }
  [data-active="for-me"] .topics-head h2,
  [data-active="for-me"] .qa2-head h2,
  [data-active="for-me"] .faq-head h2{ font-size:27px; }
  [data-active="for-me"] .alone-card{ padding:32px 28px; }
  [data-active="for-me"] .alone-card h2{ font-size:24px; }
}
@media (max-width:640px){
  [data-active="for-me"] .alone-sec,
  [data-active="for-me"] .topics-sec,
  [data-active="for-me"] .qa2-sec,
  [data-active="for-me"] .faq-sec{ padding:40px 18px; }
  [data-active="for-me"] .alone-card{
    padding:24px 20px; flex-direction:column; gap:16px;
  }
  [data-active="for-me"] .alone-card .row .btn{ width:100%; justify-content:center; }
}

.placeholder-tag{ font-style:italic; font-weight:500; color:var(--slate-500); }
.contact-card.dark .placeholder-tag{ color:#aec5da; }

[data-active="talk-about-it"] .doc-main > section:not(.sec-tint){
  padding: 0;
  margin: 0 0 48px;
}
[data-active="talk-about-it"] .doc-main > section.sec-tint{
  margin-top: 0;
  margin-bottom: 48px;
}
[data-active="talk-about-it"] .doc-main > section:last-child{ margin-bottom: 0; }

[data-active="talk-about-it"] .say-general{
  max-width: 760px; margin: 0;
  font-size: 16px; line-height: 1.65; color: var(--ink);
}
[data-active="talk-about-it"] .say-general a{
  color: var(--blue-700); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
}

[data-active="talk-about-it"] .say-subhead{
  font-size: 28px; font-weight: 800; letter-spacing: -.4px; line-height: 1.18;
  color: var(--navy); margin: 0 0 22px; padding-bottom: 18px;
}
[data-active="talk-about-it"] .u-green::after{
  left: 0; transform: none; width: 120px; height: 4px; border-radius: 0;
}

[data-active="talk-about-it"] .say-grid{
  grid-template-columns: 1fr; max-width: none; gap: 20px; margin: 0;
}
[data-active="talk-about-it"] .say-grid.say-three{
  grid-template-columns: repeat(3, 1fr);
}

[data-active="talk-about-it"] .say-card{
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px;
  align-content: start;
}
[data-active="talk-about-it"] .say-card > h3,
[data-active="talk-about-it"] .say-card > p,
[data-active="talk-about-it"] .say-card > .say-tip{ grid-column: 1 / -1; }

[data-active="talk-about-it"] .say-card > .script:nth-child(odd):nth-last-child(2){
  grid-column: 1 / -1;
}

[data-active="talk-about-it"] .say-script-extra{ display: contents; }

[data-active="talk-about-it"] .say-three .say-card{ display: block; }

[data-active="talk-about-it"] .say-card,
[data-active="talk-about-it"] .say-card.blue,
[data-active="talk-about-it"] .say-card.purple,
[data-active="talk-about-it"] .say-card.amber,
[data-active="talk-about-it"] .say-card.slate{
  background: #fff; border: 1px solid var(--slate-200);
  border-radius: 10px; padding: 24px 26px;
}

[data-active="talk-about-it"] .say-card.green{
  background: var(--green-50); border: 1px solid var(--green-200);
  border-radius: 10px; padding: 24px 26px;
}
[data-active="talk-about-it"] .say-card h3,
[data-active="talk-about-it"] .provider-block h3{
  font-size: 20px; font-weight: 800; letter-spacing: -.2px;
  color: var(--slate-900); margin: 0 0 8px;
}
[data-active="talk-about-it"] .say-card > p{
  font-size:var(--fs-read); line-height: 1.65; color: var(--ink); margin: 0 0 16px;
}
[data-active="talk-about-it"] .say-three .say-card > p{ margin-bottom: 0; }

[data-active="talk-about-it"] .say-card .script{
  background: var(--white); border: 1px solid var(--slate-200);
  border-radius: 10px; padding: 14px 16px; margin-bottom: 0;
}

[data-active="talk-about-it"] .say-card.green .script{
  background: #fff; border-color: var(--green-100);
}
[data-active="talk-about-it"] .script .lbl{
  font-size: 13px; font-weight: 700; color: var(--slate-900); margin: 0 0 6px;
}
[data-active="talk-about-it"] .script .quote{
  font-size:var(--fs-read); line-height: 1.6; color: var(--ink);
}

[data-active="talk-about-it"] .script .quote-note{ font-size: 14px; line-height: 1.6; color: var(--slate-500); font-style: normal; margin: 8px 0 0; }

[data-active="talk-about-it"] .script .quote a{
  font-style: normal; color: var(--blue-700); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
}

[data-active="talk-about-it"] .say-card .script .quote a.sud-inline{ color: var(--green-700); }

[data-active="talk-about-it"] .say-tip,
[data-active="talk-about-it"] .say-card.blue .say-tip,
[data-active="talk-about-it"] .say-card.green .say-tip,
[data-active="talk-about-it"] .say-card.purple .say-tip{
  display: block; background: none; border: 0; border-radius: 0;
  border-top: 1px solid var(--slate-200);
  padding: 14px 0 0; margin-top: 18px;
  font-size: 13.5px; line-height: 1.6; color: var(--ink);
}
[data-active="talk-about-it"] .say-card.green .say-tip{ border-top-color: var(--green-200); }
[data-active="talk-about-it"] .say-tip strong{ color: var(--slate-900); }

[data-active="talk-about-it"] .say-tip.warn{
  background: var(--amber-50); border: 1px solid var(--amber-100);
  border-radius: 10px; padding: 16px 18px; margin-top: 20px;
  font-size: 14.5px; line-height: 1.65; color: var(--ink);
}
[data-active="talk-about-it"] .say-tip.warn a{
  color: var(--blue-700); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
}

[data-active="talk-about-it"] .provider-block{
  margin: 0; background: var(--blue-50);
  border: 1px solid var(--blue-100); border-radius: 10px;
  padding: 28px 30px;
}

[data-active="talk-about-it"] .provider-block .prov-note{
  font-size: 14.5px; line-height: 1.65; color: var(--ink); margin: 0 0 18px;
}

[data-active="talk-about-it"] .provider-block .prov-note a,
[data-active="talk-about-it"] .provider-block ul li a,
[data-active="talk-about-it"] .script .quote-note a{ color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
[data-active="talk-about-it"] .provider-block .prov-note a:hover,
[data-active="talk-about-it"] .provider-block ul li a:hover,
[data-active="talk-about-it"] .script .quote-note a:hover{ color:var(--blue-600); }
[data-active="talk-about-it"] .provider-block .prov-intro{
  font-size:var(--fs-read); font-weight: 700; color: var(--slate-900); margin: 0 0 10px;
}

[data-active="talk-about-it"] .provider-block ul{
  list-style: none; margin: 0 0 20px; padding: 0;
  display: flex; flex-direction: column; gap: 9px;
}
[data-active="talk-about-it"] .provider-block ul li{
  position: relative; padding-left: 18px;
  font-size:var(--fs-read); line-height: 1.6; color: var(--ink);
}
[data-active="talk-about-it"] .provider-block ul li::before{
  content: "\2022"; position: absolute; left: 2px; top: -1px;
  color: var(--slate-500); font-weight: 700;
}

[data-active="talk-about-it"] .provider-block .script{
  background: var(--white); border: 1px solid var(--slate-200);
  border-radius: 10px; padding: 14px 16px; max-width: none; margin: 0;
}

[data-active="talk-about-it"] .doc-main a:focus-visible{
  outline: 3px solid var(--dhs-blue); outline-offset: 3px; border-radius: 4px;
}

@media (max-width: 1000px){
  [data-active="talk-about-it"] .say-grid.say-three{ grid-template-columns: repeat(2, 1fr); }
  [data-active="talk-about-it"] .say-three .say-card:last-child{ grid-column: 1 / -1; }
}
@media (max-width: 900px){
  [data-active="talk-about-it"] .say-grid,
  [data-active="talk-about-it"] .say-grid.say-three{ grid-template-columns: 1fr; }
}
@media (max-width: 720px){
  
  [data-active="talk-about-it"] .say-card{ grid-template-columns: 1fr; }
  [data-active="talk-about-it"] .say-card,
  [data-active="talk-about-it"] .say-card.green{ padding: 22px 20px; }
  [data-active="talk-about-it"] .provider-block{ padding: 22px 20px; }
  [data-active="talk-about-it"] .say-subhead{ font-size: 24px; }
  [data-active="talk-about-it"] .doc-main > section:not(.sec-tint),
  [data-active="talk-about-it"] .doc-main > section.sec-tint{ margin-bottom: 36px; }
}

[data-active="help-privacy"] .yt-sec,
[data-active="help-privacy"] .faq-sec{ padding:64px var(--rail-pad); }
[data-active="help-privacy"] .yt-sec > *,
[data-active="help-privacy"] .faq-sec > *{
  max-width:calc(var(--rail-max) - 2 * var(--rail-pad));
  margin-left:auto; margin-right:auto;
}
[data-active="help-privacy"] #accessibility{ border-top:1px solid var(--slate-200); }

[data-active="help-privacy"] .yt-sec.is-tint{
  background:var(--slate-50);
  border-top:1px solid var(--slate-200); border-bottom:1px solid var(--slate-200);
}
[data-active="help-privacy"] .yt-sec.is-green{
  background:var(--green-50); border-top:1px solid var(--green-100);
}

[data-active="help-privacy"] .yt-head,
[data-active="help-privacy"] .faq-head{ text-align:left; margin-bottom:32px; }
[data-active="help-privacy"] .yt-head h2,
[data-active="help-privacy"] .faq-head h2{
  font-size:28px; font-weight:800; letter-spacing:-.6px;
  color:var(--slate-900); margin:0;
}
[data-active="help-privacy"] .yt-head p,
[data-active="help-privacy"] .faq-head p{
  margin:14px 0 0 0; max-width:64ch; font-size:17px; line-height:1.6;
  color:var(--slate-500);
}

[data-active="help-privacy"] .hp-secmeta{
  margin:30px auto 0; padding-top:12px;
  border-top:1px solid var(--slate-200);
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}

[data-active="help-privacy"] .btn-amber2{ background:var(--amber-700); }
[data-active="help-privacy"] .btn-amber2:hover{ background:#93430a; }

[data-active="help-privacy"] .hotline-card p,
[data-active="help-privacy"] .mini-card p,
[data-active="help-privacy"] .contact-card.light > p,
[data-active="help-privacy"] .hp-note > p,
[data-active="help-privacy"] .interim-note p{ color:var(--ink); }

[data-active="help-privacy"] .contact-row .lbl{ color:var(--slate-500); }
[data-active="help-privacy"] .contact-card.light .contact-foot{ color:var(--slate-500); }
[data-active="help-privacy"] .contact-card.dark .contact-row .lbl,
[data-active="help-privacy"] .contact-card.dark .contact-foot{ color:var(--slate-300); }

[data-active="help-privacy"] .emg-crisis{
  background:var(--blue-50); border-color:var(--blue-100);
}
[data-active="help-privacy"] .emg-crisis .v a{ color:var(--blue-700); }

[data-active="help-privacy"] .contact-card .pic,
[data-active="help-privacy"] .cc-card .pic,
[data-active="help-privacy"] .mini-card .ic,
[data-active="help-privacy"] .pp-card .ic,
[data-active="help-privacy"] .nonemg .ic,
[data-active="help-privacy"] .hp-note .nh .ic{
  width:auto; height:auto; border-radius:0; background:none;
  color:var(--blue-600); flex:none;
  
  justify-content:flex-start;
}
[data-active="help-privacy"] .contact-card .pic svg,
[data-active="help-privacy"] .cc-card .pic svg{ width:26px; height:26px; }
[data-active="help-privacy"] .contact-card .pic,
[data-active="help-privacy"] .cc-card .pic{ margin-bottom:14px; }
[data-active="help-privacy"] .mini-card .ic svg{ width:22px; height:22px; }
[data-active="help-privacy"] .mini-card .ic{ margin-bottom:12px; }
[data-active="help-privacy"] .pp-card .ic svg{ width:24px; height:24px; }
[data-active="help-privacy"] .pp-card .ic{ margin-bottom:12px; }
[data-active="help-privacy"] .nonemg .ic svg{ width:22px; height:22px; }
[data-active="help-privacy"] .nonemg .ic{ align-self:flex-start; margin-top:2px; }
[data-active="help-privacy"] .nonemg h3{ font-size:17px; font-weight:800; letter-spacing:-.2px; }
[data-active="help-privacy"] .nonemg p{ font-size:15px; line-height:1.6; max-width:82ch; }
[data-active="help-privacy"] .hp-note .nh .ic svg{ width:22px; height:22px; }

[data-active="help-privacy"] .mini-card.sud-accent .ic{ color:var(--green-700); }
[data-active="help-privacy"] .cc-card.light .pic{ color:var(--green-700); }
[data-active="help-privacy"] .contact-card.dark .pic{ color:var(--slate-300); }

[data-active="help-privacy"] .hp-note .nh .ic{ color:var(--green-700); }
[data-active="help-privacy"] .hp-note.amber .nh .ic{ color:var(--amber-700); }

[data-active="help-privacy"] .cc-card.light ul li .ck{ background:var(--green-600); }
[data-active="help-privacy"] .cc-card.light ul li .ck.ck-no{ background:var(--slate-700); }

[data-active="help-privacy"] .pp-list li .dot,
[data-active="help-privacy"] .emg-list li .dot{ background:var(--slate-500); }

[data-active="help-privacy"] .hp-note .pp-list{ margin-bottom:16px; }
[data-active="help-privacy"] .pp-list.last,
[data-active="help-privacy"] .hp-note > p.last{ margin-bottom:0; }

[data-active="help-privacy"] .rep-list{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:40px; row-gap:10px;
}

[data-active="help-privacy"] .interim-note{
  background:var(--white); border-color:var(--slate-200);
  padding:26px 28px;
}
[data-active="help-privacy"] .contact-card h3{ font-weight:800; }
[data-active="help-privacy"] .interim-note h3{
  font-size:20px; font-weight:800; letter-spacing:-.2px; margin:0 0 10px;
}
[data-active="help-privacy"] .interim-note p{ font-size:var(--fs-read); line-height:1.65; max-width:78ch; }
[data-active="help-privacy"] .interim-note a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}
[data-active="help-privacy"] .pp-card{
  background:#fff; border-color:var(--slate-200);
}
[data-active="help-privacy"] .pp-grid{ margin-top:22px; align-items:start; }

[data-active="help-privacy"] .hp-note{
  background:var(--green-100); border-color:var(--green-200);
}
[data-active="help-privacy"] .hp-note.amber{
  background:var(--amber-50); border-color:var(--amber-100);
}
[data-active="help-privacy"] .hp-note .nh h3{ font-size:19px; font-weight:800; letter-spacing:-.2px; }
[data-active="help-privacy"] .hp-note > p{ font-size:15px; line-height:1.65; max-width:80ch; }
[data-active="help-privacy"] .hp-inset{ background:#fff; padding:18px 20px; }
[data-active="help-privacy"] .hp-inset h4{ font-size:15px; }
[data-active="help-privacy"] .hp-inset p{ font-size:14px; line-height:1.6; max-width:78ch; }
[data-active="help-privacy"] .hp-inset a{
  font-size:14px; text-decoration:underline; text-underline-offset:2px;
}

[data-active="help-privacy"] .tips-card{ background:#fff; }
[data-active="help-privacy"] .tips-card h3{ font-size:19px; font-weight:800; letter-spacing:-.2px; }
[data-active="help-privacy"] .tips-cols ul li{ font-size:14.5px; line-height:1.55; }
[data-active="help-privacy"] .tips-cols h4 svg{ color:var(--blue-600); }

[data-active="help-privacy"] .hotline-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px; align-items:start; margin-top:0;
}
[data-active="help-privacy"] .hotline-card{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:20px 22px 18px;
}
[data-active="help-privacy"] .hotline-card h3{
  margin:0 0 6px; font-size:17px; font-weight:800; letter-spacing:-.2px;
  line-height:1.3; color:var(--slate-900);
}
[data-active="help-privacy"] .hotline-card .num{
  display:inline-block; margin-bottom:8px;
  font-size:17px; font-weight:800; color:var(--blue-700); text-decoration:none;
}
[data-active="help-privacy"] .hotline-card .num.sud-inline{ color:var(--green-700); }
[data-active="help-privacy"] .hotline-card .num:hover{ text-decoration:underline; text-underline-offset:2px; }
[data-active="help-privacy"] .hotline-card p{ margin:0; font-size:14.5px; line-height:1.55; }
[data-active="help-privacy"] .hotline-card p a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}
[data-active="help-privacy"] .hotline-card .tty{
  display:block; margin-top:6px; font-size:13px; color:var(--slate-500);
}

[data-active="help-privacy"] .faq-list{
  max-width:880px; margin:0; gap:0; overflow:hidden;
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:var(--r);
}
[data-active="help-privacy"] .faq-q{ font-size:16px; font-weight:700; padding:18px 20px; }
[data-active="help-privacy"] .faq-a{ padding:0 20px 20px; font-size:var(--fs-read); }
[data-active="help-privacy"] .hp-readmore{ margin-top:26px; }

[data-active="help-privacy"] .mini-grid{ align-items:start; margin-top:20px; }

[data-active="help-privacy"] .cc-grid{ align-items:start; }
[data-active="help-privacy"] .emg-card{ display:flex; flex-direction:column; }
[data-active="help-privacy"] .emg-card .emg-list{ margin-bottom:18px; }
[data-active="help-privacy"] .emg-card > .btn,
[data-active="help-privacy"] .emg-card .emg-foot{ margin-top:auto; }
[data-active="help-privacy"] .emg-contact{ margin-bottom:10px; }
[data-active="help-privacy"] .emg-card .sub-lead{ font-weight:700; color:var(--slate-900); }
[data-active="help-privacy"] .emg-card h3{ font-size:20px; font-weight:800; letter-spacing:-.3px; }

[data-active="help-privacy"] .emg-card,
[data-active="help-privacy"] .nonemg,
[data-active="help-privacy"] .contact-card,
[data-active="help-privacy"] .mini-card,
[data-active="help-privacy"] .interim-note,
[data-active="help-privacy"] .pp-card,
[data-active="help-privacy"] .tips-card,
[data-active="help-privacy"] .cc-card,
[data-active="help-privacy"] .hp-note,
[data-active="help-privacy"] .faq-item{ border-radius:var(--r); }
[data-active="help-privacy"] .faq-item{ background:transparent; border:0; border-radius:0; }  
[data-active="help-privacy"] .faq-item + .faq-item{ border-top:1px solid var(--blue-100); }
[data-active="help-privacy"] .hp-inset{ border-radius:8px; }

[data-active="help-privacy"] .yt-sec a:focus-visible,
[data-active="help-privacy"] .faq-sec a:focus-visible,
[data-active="help-privacy"] .faq-q:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

[data-active="help-privacy"] .contact-card.dark a:focus-visible{ outline-color:var(--white); }

[data-active="help-privacy"] .contact-card a{ color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
[data-active="help-privacy"] .contact-card.dark a{ color:#fff; }

@media (max-width:1180px){
  [data-active="help-privacy"] .yt-sec,
  [data-active="help-privacy"] .faq-sec{ padding:56px var(--rail-pad); }
}
@media (max-width:900px){
  [data-active="help-privacy"] .yt-sec,
  [data-active="help-privacy"] .faq-sec{ padding:48px var(--rail-pad); }
  [data-active="help-privacy"] .emg-grid,
  [data-active="help-privacy"] .contact-grid,
  [data-active="help-privacy"] .mini-grid,
  [data-active="help-privacy"] .hotline-grid,
  [data-active="help-privacy"] .pp-grid,
  [data-active="help-privacy"] .cc-grid,
  [data-active="help-privacy"] .faq-list,
  [data-active="help-privacy"] .tips-cols,
  [data-active="help-privacy"] .rep-list{ grid-template-columns:minmax(0,1fr); }
  [data-active="help-privacy"] .yt-head h2,
  [data-active="help-privacy"] .faq-head h2{ font-size:26px; }
  [data-active="help-privacy"] .yt-head p,
  [data-active="help-privacy"] .faq-head p{ font-size:16px; }
}
@media (max-width:640px){
  [data-active="help-privacy"] .yt-sec,
  [data-active="help-privacy"] .faq-sec{ padding:38px var(--rail-pad); }
  [data-active="help-privacy"] .emg-card,
  [data-active="help-privacy"] .contact-card,
  [data-active="help-privacy"] .cc-card,
  [data-active="help-privacy"] .pp-card,
  [data-active="help-privacy"] .tips-card,
  [data-active="help-privacy"] .hp-note{ padding:22px 20px; }
  [data-active="help-privacy"] .interim-note{ padding:22px 20px; }
  [data-active="help-privacy"] .nonemg{ flex-direction:column; gap:10px; padding:20px; }
}

[data-active="youth"] .doc-main > section{ padding-top:64px; padding-bottom:64px; }
[data-active="youth"] .doc-main > section.sec-tint{
  padding-top:64px !important; padding-bottom:64px !important;
  margin-top:0; margin-bottom:0;
}
[data-active="youth"] .doc-main > section:last-child{ padding-bottom:8px; }

[data-active="youth"] .doc-main > section.sec-tint.is-dark{
  background:var(--slate-900);
  border-top-color:var(--slate-900); border-bottom-color:var(--slate-900);
}
[data-active="youth"] .myths{
  max-width:none; margin:0; padding:0; background:none; border-radius:0;
}
[data-active="youth"] .is-dark .yt-head h2{ color:#fff; }

[data-active="youth"] .yt-head,
[data-active="youth"] .faq-head{ text-align:left; margin-bottom:28px; }
[data-active="youth"] .yt-head h2,
[data-active="youth"] .faq-head h2{
  
  text-align:left;
  font-size:28px; font-weight:800; letter-spacing:-.6px; line-height:1.18;
  color:var(--slate-900); margin:0;
}
[data-active="youth"] .yt-head p,
[data-active="youth"] .faq-head p{
  margin:14px 0 0; max-width:70ch;
  font-size:16px; line-height:1.6; color:var(--slate-500);
}

[data-active="youth"] .yt-head .kicker,
[data-active="youth"] .faq-head .kicker{
  display:block; margin:0 0 10px; padding:0;
  background:none; border-radius:0;
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}

[data-active="youth"] .yt-card ul li,
[data-active="youth"] .cc-card ul li,
[data-active="youth"] .wtg-card ul li{
  display:block; position:relative; padding-left:18px; color:var(--ink);
}
[data-active="youth"] .yt-card ul li::before,
[data-active="youth"] .cc-card ul li::before,
[data-active="youth"] .wtg-card ul li::before{
  content:"\2022"; position:absolute; left:2px; top:-1px;
  font-weight:700; color:var(--slate-500);
}
[data-active="youth"] .yt-card ul li strong,
[data-active="youth"] .cc-card ul li strong{ color:var(--slate-900); }

[data-active="youth"] .yt-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:none; margin:0;
}
[data-active="youth"] .yt-card{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:22px 24px 24px; display:flex; flex-direction:column;
}
[data-active="youth"] .yt-card h3{
  font-size:18px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900); margin:0 0 10px;
}
[data-active="youth"] .yt-card > p{
  font-size:14.5px; line-height:1.6; color:var(--ink); margin:0 0 14px;
}
[data-active="youth"] .yt-card > p:last-child,
[data-active="youth"] .yt-card .yt-tail{ margin-bottom:0; }
[data-active="youth"] .yt-card strong{ color:var(--slate-900); }
[data-active="youth"] .yt-card ul{ gap:9px; }
[data-active="youth"] .yt-card ul li{ font-size:14.5px; line-height:1.55; }

[data-active="youth"] .yt-card .factbox{
  background:var(--blue-50); border:1px solid var(--blue-100);
  border-radius:var(--r); padding:13px 15px; margin:0 0 14px;
  font-size:14px; line-height:1.55; color:var(--ink);
}
[data-active="youth"] .yt-card .factbox:last-child{ margin-bottom:0; }

[data-active="youth"] .yt-sub{
  margin:2px 0 10px;
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}

[data-active="youth"] .yt-card .ylink{
  margin-top:auto; padding-top:16px;
  font-size:14px; font-weight:700; color:var(--blue-700);
}
[data-active="youth"] .yt-card .ylink:hover{
  color:var(--blue-600); text-decoration:underline; text-underline-offset:3px;
}

[data-active="youth"] .myths-grid{ gap:18px; }
[data-active="youth"] .myth{
  background:none; border:0; border-radius:0; padding:0;
  display:flex; flex-direction:column;
}
[data-active="youth"] .myth .m{
  display:block; margin:0 0 8px;
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-300);
}
[data-active="youth"] .myth .mt{
  color:#fff; font-size:17px; line-height:1.45; font-style:italic; margin:0 0 14px;
}
[data-active="youth"] .myth .fact{
  background:#fff; border-radius:var(--r); padding:16px 18px; margin-top:auto;
}
[data-active="youth"] .myth .f{
  display:block; margin:0 0 6px;
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}
[data-active="youth"] .myth .ft{
  color:var(--ink); font-size:var(--fs-read); line-height:1.6; margin:0;
}

[data-active="youth"] .cc-grid{
  max-width:none; margin:0; gap:20px; align-items:start;
}
[data-active="youth"] .cc-card,
[data-active="youth"] .cc-card.light{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:26px 28px; color:var(--ink);
}
[data-active="youth"] .cc-card .pic{
  width:auto; height:26px; margin:0 0 14px;
  background:none; border-radius:0; color:var(--blue-600);
  justify-content:flex-start;
}
[data-active="youth"] .cc-card .pic svg{ width:26px; height:26px; }
[data-active="youth"] .cc-card h3{
  font-size:20px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900); margin:0 0 10px;
}
[data-active="youth"] .cc-card > p{
  font-size:14.5px; line-height:1.65; color:var(--ink); margin:0 0 16px;
}
[data-active="youth"] .cc-card ul{ margin:0 0 18px; gap:10px; }
[data-active="youth"] .cc-card ul li{ font-size:14.5px; line-height:1.6; }

[data-active="youth"] .cc-note{
  background:var(--amber-50); border:1px solid var(--amber-100);
  border-radius:var(--r); padding:14px 16px; gap:10px;
  font-size:13.5px; line-height:1.6; color:var(--ink);
}
[data-active="youth"] .cc-note svg{ width:17px; height:17px; color:var(--amber-700); }
[data-active="youth"] .cc-note strong{ color:var(--slate-900); }

[data-active="youth"] .cc-note a,
[data-active="youth"] .legal-cite a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}
[data-active="youth"] .cc-note a:hover,
[data-active="youth"] .legal-cite a:hover{ color:var(--blue-600); }

[data-active="youth"] .cc-legal{
  margin-top:24px; padding-top:20px; border-top:1px solid var(--slate-200);
}
[data-active="youth"] .legal-cite{
  font-size:13.5px; line-height:1.7; color:var(--ink); margin:0; max-width:78ch;
}
[data-active="youth"] .legal-cite.legal-src{ margin-top:10px; color:var(--slate-500); }

[data-active="youth"] .wtg-grid{ max-width:none; margin:0; gap:16px; }
[data-active="youth"] .spot,
[data-active="youth"] .spot.slate,
[data-active="youth"] .spot.green{
  width:auto; height:36px; margin:0 0 14px;
  background:none; border:0; border-radius:0; justify-content:flex-start;
}
[data-active="youth"] .spot svg{ width:36px; height:36px; }
[data-active="youth"] .spot svg [stroke]{ stroke:var(--blue-600); }
[data-active="youth"] .spot svg [stroke="#8fa3b5"]{ stroke:var(--slate-400); }
[data-active="youth"] .spot svg [fill]:not([fill="none"]){ fill:var(--blue-600); }
[data-active="youth"] .wtg-card{
  border-radius:var(--r); padding:22px 22px 20px;
}
[data-active="youth"] .wtg-card h3{
  font-size:17px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="youth"] .wtg-card > p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0 0 14px;
}
[data-active="youth"] .wtg-card ul{ gap:7px; }
[data-active="youth"] .wtg-card ul li{ font-size:var(--fs-read); line-height:1.5; padding-left:16px; }

[data-active="youth"] .wtg-act{ margin-top:26px; }

[data-active="youth"] .faq-list{ max-width:none; margin:0; gap:10px; }
[data-active="youth"] .faq-item{ border-radius:var(--r); }
[data-active="youth"] .faq-q{ font-size:15.5px; padding:18px 22px; }
[data-active="youth"] .faq-a{
  padding:0 22px 20px; font-size:14.5px; line-height:1.65; color:var(--ink);
}

[data-active="youth"] .faq-a a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}
[data-active="youth"] .faq-a a:hover{ color:var(--blue-600); }

[data-active="youth"] .faq-a a.sud-inline{ color:var(--sud-deep); }
[data-active="youth"] .faq-a a.sud-inline:hover{ color:var(--sud); }

[data-active="youth"] .yt-res-grid{ max-width:none; margin:0; gap:16px; }
[data-active="youth"] .yt-res{
  border-radius:var(--r); padding:20px;
  transition:border-color .12s ease;
}
[data-active="youth"] .yt-res h3{
  font-size:16px; font-weight:800; letter-spacing:-.1px;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="youth"] .yt-res p{
  font-size:var(--fs-read); line-height:1.55; color:var(--ink); margin:0 0 14px;
}
[data-active="youth"] .yt-res .rlink{ font-size:14px; color:var(--blue-700); }
[data-active="youth"] .yt-res .rlink:hover{
  color:var(--blue-600); text-decoration:underline; text-underline-offset:3px;
}

[data-active="youth"] .doc-main a:focus-visible,
[data-active="youth"] .doc-main button:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

@media (max-width:1180px){
  [data-active="youth"] .doc-main > section{ padding-top:56px; padding-bottom:56px; }
  [data-active="youth"] .doc-main > section.sec-tint{
    padding-top:56px !important; padding-bottom:56px !important;
  }
}
@media (max-width:900px){
  [data-active="youth"] .doc-main > section{ padding-top:48px; padding-bottom:48px; }
  [data-active="youth"] .doc-main > section.sec-tint{
    padding-top:48px !important; padding-bottom:48px !important;
  }
  [data-active="youth"] .yt-head h2,
  [data-active="youth"] .faq-head h2{ font-size:26px; }
  [data-active="youth"] .yt-head, [data-active="youth"] .faq-head{ margin-bottom:24px; }
  [data-active="youth"] .cc-card{ padding:24px 22px; }
}
@media (max-width:640px){
  [data-active="youth"] .doc-main > section{ padding-top:40px; padding-bottom:40px; }
  [data-active="youth"] .doc-main > section.sec-tint{
    padding-top:40px !important; padding-bottom:40px !important;
  }
  [data-active="youth"] .yt-grid{ grid-template-columns:minmax(0,1fr); }
  [data-active="youth"] .yt-head h2,
  [data-active="youth"] .faq-head h2{ font-size:24px; }
  [data-active="youth"] .yt-card{ padding:20px; }
  [data-active="youth"] .cc-card{ padding:22px 20px; }
  [data-active="youth"] .myth .mt{ font-size:16px; }
  [data-active="youth"] .faq-q{ font-size:15px; padding:16px 18px; }
  [data-active="youth"] .faq-a{ padding:0 18px 18px; }
  
}

.faq-a a{ color:var(--blue-700); text-decoration:underline; text-underline-offset:3px; }
.faq-a a:hover{ color:var(--dhs-blue-deep, var(--blue-700)); }

[data-active="treatment-support"] .ts-tx{ padding:0 0 52px; }
[data-active="treatment-support"] .ts-guide-sec{ padding:52px 0; }
[data-active="treatment-support"] .ts-res{ padding:52px 0 64px; }

[data-active="treatment-support"] section.sec-tint{
  padding-top:52px !important; padding-bottom:56px !important;
  margin-top:0; margin-bottom:0;
}

[data-active="treatment-support"] .ts-head{ margin-bottom:26px; }
[data-active="treatment-support"] .ts-head h2{
  font-size:28px; font-weight:800; letter-spacing:-.4px; line-height:1.18;
  color:var(--navy); margin:0; padding-bottom:18px;
}
[data-active="treatment-support"] .ts-head .u-green::after{
  left:0; transform:none; width:120px; height:4px; border-radius:0;
}
[data-active="treatment-support"] .ts-head p{
  font-size:16px; line-height:1.65; color:var(--ink); margin:14px 0 0; max-width:72ch;
}

[data-active="treatment-support"] .tx-group{
  background:var(--slate-50); border:1px solid var(--slate-200);
  border-radius:var(--r); padding:24px 26px 28px;
}

[data-active="treatment-support"] .tx-group .tabs{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:5px; gap:4px;
  
  width:fit-content; max-width:100%; flex-wrap:wrap;
  margin:0 0 24px !important;   
}
[data-active="treatment-support"] .tab{
  border-radius:8px; padding:9px 16px;
  font-size:14.5px; font-weight:700; color:var(--slate-500);
}
[data-active="treatment-support"] .tab:hover{ color:var(--slate-900); }
[data-active="treatment-support"] .tab.active{
  background:var(--slate-900); color:#fff; box-shadow:none;
}

[data-active="treatment-support"] .tx-card{
  background:none; border:0; border-radius:0; padding:0;
}
[data-active="treatment-support"] .tx-group .tx-card{ min-height:0; }
[data-active="treatment-support"] .tx-card > h2{
  font-size:22px; font-weight:800; letter-spacing:-.3px;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="treatment-support"] .tx-card > .sub{
  font-size:15px; line-height:1.65; color:var(--ink); margin:0 0 20px; max-width:78ch;
}

[data-active="treatment-support"] .tx-two{ gap:18px; }
[data-active="treatment-support"] .tx-sub{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:22px 24px;
}
[data-active="treatment-support"] .tx-sub .th{ margin-bottom:2px; }
[data-active="treatment-support"] .tx-sub .th h3{
  font-size:18px; font-weight:800; letter-spacing:-.2px; color:var(--slate-900);
}

[data-active="treatment-support"] .tx-sub .types{
  margin:0 0 14px; font-size:13px; color:var(--slate-500);
}

[data-active="treatment-support"] .tx-list{ gap:10px; }
[data-active="treatment-support"] .tx-list li{
  display:block; position:relative; padding-left:18px;
  font-size:14.5px; line-height:1.6; color:var(--ink);
}
[data-active="treatment-support"] .tx-list li::before{
  content:"\2022"; position:absolute; left:2px; top:-1px;
  color:var(--slate-500); font-weight:700;
}
[data-active="treatment-support"] .tx-list li strong{ color:var(--slate-900); }

[data-active="treatment-support"] .tx-list li.warn strong{ color:var(--amber-700); }

[data-active="treatment-support"] .tx-free.ts-basics{
  background:none; border:0; border-radius:0; padding:0; margin:28px 0 0;
}

[data-active="treatment-support"] .ts-basics .th{ display:block; margin:0 0 8px; }
[data-active="treatment-support"] .ts-basics .th h3{
  font-size:12px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}
[data-active="treatment-support"] .ts-basics > p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0 0 16px; max-width:78ch;
}
[data-active="treatment-support"] .basics-list{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0;
}
[data-active="treatment-support"] .basics-item{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:16px 18px;
}
[data-active="treatment-support"] .basics-item h4{
  font-size:15.5px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="treatment-support"] .basics-item ul{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;
}
[data-active="treatment-support"] .basics-item li{
  display:block; position:relative; padding-left:16px;
  font-size:13.5px; line-height:1.55; color:var(--ink);
}
[data-active="treatment-support"] .basics-item li::before{
  content:"\2022"; position:absolute; left:1px; top:-1px;
  color:var(--slate-500); font-weight:700;
}
[data-active="treatment-support"] .basics-cite{
  font-size:13px; color:var(--slate-500); margin:16px 0 0;
}

[data-active="treatment-support"] .tx-list a{ color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
[data-active="treatment-support"] .tx-list a:hover{ color:var(--blue-600); }
[data-active="treatment-support"] .basics-cite a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}

[data-active="treatment-support"] .tx-free.ts-free{
  background:var(--green-50); border:1px solid var(--green-100);
  border-radius:var(--r); padding:24px 26px; margin:28px 0 0;
}
[data-active="treatment-support"] .ts-free .th{ gap:10px; margin-bottom:10px; }
[data-active="treatment-support"] .ts-free .th .ic{
  width:auto; height:auto; background:none; border-radius:0; color:var(--green-700);
}
[data-active="treatment-support"] .ts-free .th .ic svg{ width:20px; height:20px; display:block; }
[data-active="treatment-support"] .ts-free .th h3{
  font-size:18px; font-weight:800; letter-spacing:-.2px; color:var(--slate-900);
}
[data-active="treatment-support"] .ts-free > p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); max-width:78ch;
}
[data-active="treatment-support"] .tx-free .grid2{ gap:9px 32px; }
[data-active="treatment-support"] .tx-free .grid2 div{
  display:block; position:relative; padding-left:18px;
  font-size:14.5px; line-height:1.5; color:var(--ink);
}
[data-active="treatment-support"] .tx-free .grid2 div .b{ display:none; }
[data-active="treatment-support"] .tx-free .grid2 div::before{
  content:"\2022"; position:absolute; left:2px; top:-1px;
  color:var(--slate-500); font-weight:700;
}
[data-active="treatment-support"] .ts-free .fnote{
  font-size:13px; line-height:1.55; color:var(--slate-500);
  border-top:1px solid var(--green-100); padding-top:12px; margin:14px 0 0;
}

[data-active="treatment-support"] .qa2-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
}
[data-active="treatment-support"] .topic-card{
  background:#fff; border:1px solid var(--slate-200);
  border-radius:var(--r);            
  padding:22px 24px;
}

[data-active="treatment-support"] .topic-card:hover{
  border-color:var(--slate-200); box-shadow:none; transform:none;
}
[data-active="treatment-support"] .topic-card h3{
  font-size:18px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="treatment-support"] .topic-card p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0;
}

[data-active="treatment-support"] .ts-guide{
  display:flex; align-items:center; gap:28px;
  background:var(--slate-900); color:#fff;
  border-radius:var(--r); padding:28px 32px; text-decoration:none;
}
[data-active="treatment-support"] .tg-body{ flex:1; min-width:0; }
[data-active="treatment-support"] .tg-title{
  display:block; font-size:22px; font-weight:800; letter-spacing:-.4px; margin-bottom:8px;
}
[data-active="treatment-support"] .tg-desc{
  display:block; font-size:14.5px; line-height:1.6; color:var(--slate-300); max-width:68ch;
}

[data-active="treatment-support"] .tg-meta{
  display:block; margin-top:16px;
  font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:var(--slate-300);
}

[data-active="treatment-support"] .tg-cta{
  display:inline-flex; align-items:center; gap:8px; flex:none;
  background:#fff; color:var(--navy);
  font-size:14px; font-weight:700;
  padding:14px 28px; border-radius:9999px;
  transition:background .12s ease, color .12s ease;
}
[data-active="treatment-support"] .ts-guide:hover .tg-cta{
  background:var(--slate-100); color:var(--navy);
}

[data-active="treatment-support"] .org-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
}
[data-active="treatment-support"] .org-card{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--r);
  padding:22px 24px; position:static;
}
[data-active="treatment-support"] .org-card p a{ color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
[data-active="treatment-support"] .org-card h3{
  font-size:18px; font-weight:800; letter-spacing:-.2px; line-height:1.3;
  color:var(--slate-900); margin:0 0 8px; padding-right:0;
}
[data-active="treatment-support"] .org-card p{
  flex:0 0 auto;                       
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0 0 14px;
}
[data-active="treatment-support"] .org-card .olink{
  font-size:14.5px; font-weight:700; color:var(--blue-700);
}
[data-active="treatment-support"] .org-card .olink:hover{
  text-decoration:underline; text-underline-offset:3px;
}
[data-active="treatment-support"] .org-card .olink svg{ width:14px; height:14px; }
[data-active="treatment-support"] .org-card br{ line-height:1.4; }

[data-active="treatment-support"] .org-card .org-meta{
  margin:auto 0 0; padding-top:14px; border-top:1px solid var(--slate-200);
}
[data-active="treatment-support"] .org-tag{
  position:static; font-size:12px; font-weight:700;
  background:var(--slate-100); color:var(--slate-500);
  border-radius:9999px; padding:4px 10px;
}

[data-active="treatment-support"] .org-card.sud-accent{ border-color:var(--sud-line); }
[data-active="treatment-support"] .org-card.sud-accent:hover{ border-color:var(--green-600); }
[data-active="treatment-support"] .org-card.sud-accent .olink{ color:var(--green-700); }
[data-active="treatment-support"] .org-card.sud-accent h3{ color:var(--green-700); }
[data-active="treatment-support"] .org-card.sud-accent .org-meta{ border-top-color:var(--sud-line); }
[data-active="treatment-support"] .org-card.sud-accent .org-tag{
  background:var(--sud-tint); color:var(--green-700);
}

[data-active="treatment-support"] .ts-hot .org-card .olink[href^="tel:"]{
  font-size:16.5px; font-weight:800; letter-spacing:-.01em;
}

[data-active="treatment-support"] .org-grid > .org-card:last-child:nth-child(odd){
  grid-column:1 / -1;
}
[data-active="treatment-support"] .org-grid > .org-card:last-child:nth-child(odd) p{
  max-width:78ch;
}

[data-active="treatment-support"] .dl-card{
  background:var(--slate-50); border:1px solid var(--slate-200);
  border-radius:var(--r); padding:26px 28px; text-align:left;
  max-width:none; margin:36px 0 0;
}
[data-active="treatment-support"] .dl-card h2{
  font-size:20px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="treatment-support"] .dl-card > p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0 0 18px; max-width:78ch;
}
[data-active="treatment-support"] .dl-card .row{ justify-content:flex-start; gap:12px; }

[data-active="treatment-support"] .doc-main a:focus-visible,
[data-active="treatment-support"] .doc-main button:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

@media (max-width:1180px){
  [data-active="treatment-support"] .basics-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-active="treatment-support"] .basics-list > :last-child:nth-child(odd){ grid-column:1 / -1; }
}
@media (max-width:900px){
  [data-active="treatment-support"] .tx-two{ grid-template-columns:minmax(0,1fr); }
  [data-active="treatment-support"] .ts-head h2{ font-size:24px; padding-bottom:14px; }
  [data-active="treatment-support"] .ts-head .u-green::after{ width:88px; }
  [data-active="treatment-support"] .ts-guide{
    flex-direction:column; align-items:flex-start; gap:20px; padding:24px;
  }
  [data-active="treatment-support"] .ts-tx{ padding-bottom:40px; }
  [data-active="treatment-support"] .ts-guide-sec{ padding:40px 0; }
  [data-active="treatment-support"] .ts-res{ padding:40px 0 48px; }
  [data-active="treatment-support"] section.sec-tint{
    padding-top:40px !important; padding-bottom:44px !important;
  }
}
@media (max-width:640px){
  [data-active="treatment-support"] .qa2-grid,
  [data-active="treatment-support"] .org-grid,
  [data-active="treatment-support"] .basics-list{ grid-template-columns:minmax(0,1fr); }
  [data-active="treatment-support"] .tx-group{ padding:18px 16px 22px; }
  [data-active="treatment-support"] .tx-group .tabs{ margin-bottom:18px !important; }
  [data-active="treatment-support"] .tab{ padding:8px 12px; font-size:13.5px; }
  [data-active="treatment-support"] .tx-sub,
  [data-active="treatment-support"] .org-card,
  [data-active="treatment-support"] .topic-card{ padding:18px 18px; }
  [data-active="treatment-support"] .tx-free.ts-free,
  [data-active="treatment-support"] .dl-card{ padding:20px 18px; }
  [data-active="treatment-support"] .dl-card .row .btn{ width:100%; justify-content:center; }
}

@media (max-width:900px){
  [data-section="providers"] .tabs{
    -webkit-mask-image:none; mask-image:none;
  }
  [data-section="providers"] .tabs:hover,
  [data-section="providers"] .tabs:focus-within{
    -webkit-mask-image:none; mask-image:none;
  }
}
@media (max-width:480px){
  [data-section="providers"] .tabs{
    flex-wrap:wrap; overflow-x:visible;
    -webkit-mask-image:none; mask-image:none;
  }
}

.ffps-card, .hr-card, .test-card, .tds-card{ border-radius:var(--r); }

[data-active="for-me"] .doc-main > section > .u-green,
[data-active="find-testing"] .doc-main > section > .u-green,
[data-active="for-me"] .page > section > .wrap > .u-green,
[data-active="find-testing"] .page > section > .wrap > .u-green{ font-size:28px; }

.tc-col .val, .test-card .val{ color:var(--ink); }

[data-active="for-me"] .alone-card h2.u-green{ font-size:28px; }

[data-active="for-me"] .alone-card .ic{
  width:30px; height:30px; border-radius:0; background:none;
  color:var(--blue-700); margin-top:4px;
}
[data-active="for-me"] .alone-card .ic svg{ width:30px; height:30px; }
[data-active="for-me"] .alone-card{ gap:18px; }

[data-active="youth"] .myth{ display:flex; flex-direction:column; }
[data-active="youth"] .myth .mt{ min-height:3.2em; }
@media (max-width:900px){ [data-active="youth"] .myth .mt{ min-height:0; } } 

[data-active="youth"] .myth .fact{ margin-top:0; }

.cg-ref-row{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px;
  margin:14px 0 0; font-size:13px;
}
.cg-ref-row .k2{
  font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
  color:var(--slate-500);
}
.cg-link{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--blue-700); font-weight:600;
}
.cg-link:hover{ text-decoration:underline; text-underline-offset:3px; }
.cg-link svg{ width:14px; height:14px; flex:none; }

svg:not([width]){ width:1em; height:1em; }

.phero:has(.phero-photo){ background:var(--navy); border-bottom:0; }
.phero:has(.phero-photo) .phero-inner{ padding:96px var(--rail-pad) 60px; }
.phero:has(.phero-photo) h1{
  color:#fff; font-size:44px; font-weight:800; letter-spacing:-.02em; line-height:1.1;
}
.phero:has(.phero-photo) .phero-rule{
  width:120px; height:4px; border-radius:0; background:var(--accent-green); margin:20px 0 16px;
}
.phero:has(.phero-photo) .phero-lead{ color:#e6eef7; font-size:18px; max-width:62ch; }

@media (min-width:901px){ body[data-section="providers"] .phero:has(.phero-photo) .phero-inner{ padding-bottom:40px; } }
.phero:has(.phero-photo) .phero-lead strong{ color:#fff; }
.phero:has(.phero-photo) .crumb{ color:#bcd2e8; }
.phero:has(.phero-photo) .crumb:hover{ color:#fff; }
.phero:has(.phero-photo) .pa-ghost{
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.34); color:#fff;
}
@media (max-width:900px){
  .phero:has(.phero-photo) .phero-inner{ padding:56px 0 40px; }
  .phero:has(.phero-photo) h1{ font-size:30px; }
}

[data-active="what-are-stis"] .tcard .in,
[data-active="treatment-support"] .basics-item{ position:relative; }
[data-active="what-are-stis"] .tcard .mono,
[data-active="treatment-support"] .basics-item .mono{
  font-size:14px; font-weight:800;
  margin-bottom:10px; vertical-align:middle;
}

[data-active="provider-resources"] .res-grid:not(#res-grid){
  grid-template-columns:repeat(2,1fr);
}

[data-active="youth"] .yt-res.sud h3{ color:var(--green-700); }
[data-active="youth"] .yt-res-grid > .yt-res:last-child:nth-child(3n+1){
  grid-column:1 / -1;
}

[data-active="what-are-stis"] .tgrid > .tcard:last-child:nth-child(odd){
  grid-column:1 / -1;
}

[data-section="providers"] .ffps.sud-accent:not(.is-dark){
  background:var(--blue-50); border-color:var(--blue-100);
}
[data-section="providers"] .ffps.sud-accent:not(.is-dark) > summary h3{
  color:var(--green-700);
}
[data-section="providers"] .ffps.sud-accent:not(.is-dark) .ffps-card{ border-color:var(--blue-100); }
[data-section="providers"] .ffps.sud-accent:not(.is-dark) .ref-links a{ color:var(--blue-700); }

.btn:focus-visible, .chip:focus-visible, .tab:focus-visible,
.acc-btn:focus-visible, .pa-ghost:focus-visible, .ffps > summary:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:2px;
}

[data-section="providers"] .ffps.is-dark > summary:focus-visible{
  outline-color:var(--white);
}

@media print{
  .phero{ background:#fff !important; }
  .phero-photo, .phero-scrim{ display:none !important; }
  .phero h1{ color:#000 !important; }
  .phero-lead{ color:#333 !important; }
  .tabs{ display:none !important; }
  .tab-panel{ display:block !important; }
  details.ffps > .ffps-body{ display:block !important; }
  .acc-item .acc-body{ display:block !important; }
}

[data-active="for-me"] .hero-chip{
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28);
  border-radius:9999px; padding:8px 18px;
}
[data-active="for-me"] .hero-chip-txt{ font-size:13.5px; font-weight:700; color:#eaf6f0; }

[data-active="what-happens-at-a-test"]{
  --wt-spine: 96px;   
  --wt-railw: 3px;
}
@media (max-width:1180px){ [data-active="what-happens-at-a-test"]{ --wt-spine:78px; } }
@media (max-width:900px) { [data-active="what-happens-at-a-test"]{ --wt-spine:66px; } }

@media (max-width:640px) { [data-active="what-happens-at-a-test"]{ --wt-spine:42px; --wt-railw:2px; } }

[data-active="what-happens-at-a-test"] .wt-glance{
  border-top:1px solid var(--slate-200); border-bottom:1px solid var(--slate-200);
  padding:22px 0 24px; margin:0; }
[data-active="what-happens-at-a-test"] .wt-glance h2{
  font-size:15px; font-weight:800; color:var(--slate-900);
  margin:0 0 20px; letter-spacing:-.01em; }
[data-active="what-happens-at-a-test"] .wt-marks{ list-style:none; margin:0; padding:0; }
[data-active="what-happens-at-a-test"] .wt-marks .p{
  display:block; font-size:14.5px; font-weight:800; color:var(--slate-900); line-height:1.3; }
[data-active="what-happens-at-a-test"] .wt-marks .d{
  display:block; font-size:13px; font-weight:600; color:var(--slate-500);
  line-height:1.45; margin-top:4px; }
@media (min-width:1181px){
  
  [data-active="what-happens-at-a-test"] .wt-marks{
    display:grid; grid-template-columns:repeat(4,1fr);
    margin-left:calc(var(--wt-spine)/2 - 7px); }
  [data-active="what-happens-at-a-test"] .wt-marks li{ position:relative; padding:22px 18px 0 0; }
  [data-active="what-happens-at-a-test"] .wt-marks li::before{
    content:""; position:absolute; left:0; right:0; top:6px;
    height:var(--wt-railw); background:var(--slate-200); }
  
  [data-active="what-happens-at-a-test"] .wt-marks li:last-child::before{ display:none; }
  [data-active="what-happens-at-a-test"] .wt-marks li.gap::before{ background:none;
    background-image:repeating-linear-gradient(to right,var(--slate-300) 0 6px,var(--white) 6px 12px); }
  [data-active="what-happens-at-a-test"] .wt-marks li::after{
    content:""; position:absolute; left:0; top:0;
    width:14px; height:14px; border-radius:50%; background:var(--slate-900); }
  [data-active="what-happens-at-a-test"] .wt-marks li.gap::after{
    background:var(--white); border:var(--wt-railw) dashed var(--slate-400); }
}
@media (max-width:1180px){
  [data-active="what-happens-at-a-test"] .wt-marks{
    display:grid; grid-template-columns:1fr 1fr; gap:16px 24px; }
  [data-active="what-happens-at-a-test"] .wt-marks li{ padding-left:14px; border-left:none; }
}
@media (max-width:560px){
  [data-active="what-happens-at-a-test"] .wt-marks{ grid-template-columns:1fr; gap:14px; }
  [data-active="what-happens-at-a-test"] .wt-marks li{ padding-left:0; }
}

[data-active="what-happens-at-a-test"] .wt-track{
  position:relative; padding-left:var(--wt-spine); padding-top:44px; margin-bottom:56px; }

@media (max-width:1180px){ [data-active="what-happens-at-a-test"] .wt-track{ padding-top:22px; } }
[data-active="what-happens-at-a-test"] .wt-rail{
  position:absolute; left:calc(var(--wt-spine)/2 - var(--wt-railw)/2);
  top:0; bottom:0; width:var(--wt-railw); background:var(--slate-200); }
[data-active="what-happens-at-a-test"] .wt-rail-fill{
  position:absolute; left:0; top:0; width:100%; height:0; background:var(--green-700); }
@media (prefers-reduced-motion:no-preference){
  [data-active="what-happens-at-a-test"] .wt-rail-fill{ transition:height .12s linear; }
}

[data-active="what-happens-at-a-test"] .wt-stop{ position:relative; padding-bottom:56px; }
[data-active="what-happens-at-a-test"] .wt-stop:last-child{ padding-bottom:0; }

[data-active="what-happens-at-a-test"] .wt-head{
  position:relative; padding-bottom:16px; border-bottom:1px solid var(--slate-200);
  margin-right:calc(-1 * var(--br)); padding-right:var(--br); }
[data-active="what-happens-at-a-test"] .wt-n{
  position:absolute; left:calc(-1 * var(--wt-spine)); top:-10px;
  width:var(--wt-spine); text-align:center; background:var(--white);
  font-size:clamp(40px,4.6vw,62px); font-weight:900; line-height:1;
  letter-spacing:-.05em; color:var(--slate-900); padding:8px 0 10px; }
[data-active="what-happens-at-a-test"] .wt-n.dot{ font-size:0; padding:14px 0; }
[data-active="what-happens-at-a-test"] .wt-n.dot i{
  display:inline-block; width:14px; height:14px; border-radius:50%; background:var(--slate-400); }
[data-active="what-happens-at-a-test"] .wt-stop.is-done .wt-n.dot i{ background:var(--green-700); }
[data-active="what-happens-at-a-test"] .wt-n.gap{ font-size:0; padding:14px 0; }
[data-active="what-happens-at-a-test"] .wt-n.gap i{
  display:inline-block; width:14px; height:14px; border-radius:50%;
  background:var(--white); border:var(--wt-railw) dashed var(--slate-400); }
[data-active="what-happens-at-a-test"] .wt-head h2{
  font-size:clamp(26px,3.4vw,42px); font-weight:900; letter-spacing:-.028em;
  line-height:1.04; margin:0; color:var(--slate-900); }
[data-active="what-happens-at-a-test"] .wt-dur{
  margin:12px 0 0; font-size:14.5px; line-height:1.5; color:var(--ink); max-width:56ch; }
[data-active="what-happens-at-a-test"] .wt-dur .lbl{
  font-size:11.5px; font-weight:800; letter-spacing:.13em;
  text-transform:uppercase; color:var(--slate-500); margin-right:10px; }

@media (max-width:640px){
  
  [data-active="what-happens-at-a-test"] .wt-n{ font-size:27px; top:-4px; padding:5px 0 7px; }
  [data-active="what-happens-at-a-test"] .wt-n.dot,
  [data-active="what-happens-at-a-test"] .wt-n.gap{ padding:9px 0; }
  [data-active="what-happens-at-a-test"] .wt-n.dot i,
  [data-active="what-happens-at-a-test"] .wt-n.gap i{ width:11px; height:11px; }
  [data-active="what-happens-at-a-test"] .wt-head h2{ font-size:26px; }
  [data-active="what-happens-at-a-test"] .wt-headline{ margin:0; }
}

[data-active="what-happens-at-a-test"] .wt-body{ padding-top:26px; }
[data-active="what-happens-at-a-test"] .wt-body > p{
  font-size:16.5px; line-height:1.68; color:var(--ink); margin:0 0 18px; max-width:66ch; }
[data-active="what-happens-at-a-test"] .wt-body > p.big{
  font-size:clamp(17.5px,1.8vw,21px); line-height:1.55; color:var(--slate-900);
  font-weight:700; letter-spacing:-.015em; max-width:52ch; }

[data-active="what-happens-at-a-test"] .wt-body a:not(.topic-card){
  color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
[data-active="what-happens-at-a-test"] .wt-body a:not(.topic-card):hover{ color:var(--navy); }

[data-active="what-happens-at-a-test"] .wt-shot{ margin:0 calc(-1 * var(--br)) 26px 0; }
[data-active="what-happens-at-a-test"] .wt-shot img{
  display:block; width:100%; height:clamp(160px,23vw,280px); object-fit:cover;
  border-radius:var(--r) 0 0 var(--r); background:var(--slate-100); }
[data-active="what-happens-at-a-test"] .wt-shot figcaption{
  font-size:13px; line-height:1.55; color:var(--slate-500);
  margin-top:10px; max-width:76ch; padding-right:24px; }

[data-active="what-happens-at-a-test"] .wt-panel{
  border-radius:var(--r); padding:26px 28px; margin:0 0 22px; }
[data-active="what-happens-at-a-test"] .wt-panel:last-child{ margin-bottom:0; }
[data-active="what-happens-at-a-test"] .wt-panel.rules{
  background:var(--blue-50); border:1px solid var(--blue-100); }
[data-active="what-happens-at-a-test"] .wt-panel.words{
  background:var(--slate-50); border:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .wt-panel h3{
  font-size:clamp(20px,2.1vw,26px); font-weight:900; letter-spacing:-.022em;
  color:var(--slate-900); margin:0 0 12px; line-height:1.15; }
[data-active="what-happens-at-a-test"] .wt-panel > p{
  font-size:15.5px; line-height:1.62; color:var(--ink); margin:0 0 16px; max-width:64ch; }
[data-active="what-happens-at-a-test"] .wt-panel > p:last-child{ margin-bottom:0; }
@media (max-width:640px){
  [data-active="what-happens-at-a-test"] .wt-panel{ padding:20px 18px; }
}

[data-active="what-happens-at-a-test"] .wt-facts{ list-style:none; margin:0 0 18px; padding:0; }
[data-active="what-happens-at-a-test"] .wt-facts li{
  padding:14px 0; border-top:1px solid var(--blue-100); }
[data-active="what-happens-at-a-test"] .wt-panel.words .wt-facts li{ border-top-color:var(--slate-200); }
[data-active="what-happens-at-a-test"] .wt-facts li:last-child{ border-bottom:1px solid var(--blue-100); }
[data-active="what-happens-at-a-test"] .wt-panel.words .wt-facts li:last-child{ border-bottom-color:var(--slate-200); }
[data-active="what-happens-at-a-test"] .wt-facts b{
  display:block; font-size:13px; font-weight:800; letter-spacing:.02em;
  color:var(--slate-900); margin:0 0 5px; }
[data-active="what-happens-at-a-test"] .wt-facts span{
  display:block; font-size:15px; line-height:1.6; color:var(--ink); }

[data-active="what-happens-at-a-test"] .wt-note{
  background:var(--white); border:1px solid var(--blue-100); border-radius:var(--r);
  padding:16px 18px; font-size:14.5px; line-height:1.62; color:var(--ink); }
[data-active="what-happens-at-a-test"] .wt-note.spaced{ margin-top:20px; }
[data-active="what-happens-at-a-test"] .wt-panel.words .wt-note{ border-color:var(--slate-200); }
[data-active="what-happens-at-a-test"] .wt-note strong{ color:var(--slate-900); }
[data-active="what-happens-at-a-test"] .wt-note .srcs{
  display:block; margin-top:10px; font-size:13.5px; line-height:1.7; }
[data-active="what-happens-at-a-test"] .wt-note .srcs a{ word-break:break-word; }

[data-active="what-happens-at-a-test"] .wt-panel > p.wt-cap{
  font-size:11.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase;
  color:var(--slate-500); margin:0 0 4px; max-width:none; }
[data-active="what-happens-at-a-test"] .wt-scripts{ margin:0; padding:0; }
[data-active="what-happens-at-a-test"] .wt-scripts div{
  padding:16px 0; border-top:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .wt-scripts dt{
  font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--slate-500); margin:0 0 8px; }
[data-active="what-happens-at-a-test"] .wt-scripts dd{
  margin:0; font-size:clamp(16.5px,1.7vw,19px); line-height:1.45;
  font-weight:700; color:var(--slate-900); letter-spacing:-.015em; }
[data-active="what-happens-at-a-test"] .wt-scripts dd.plain{
  font-weight:400; font-size:15.5px; color:var(--ink); line-height:1.62; }

[data-active="what-happens-at-a-test"] .wt-tbl{
  width:100%; border-collapse:collapse; margin:0 0 22px; font-size:15px; }
[data-active="what-happens-at-a-test"] .wt-tbl caption{
  text-align:left; font-size:11.5px; font-weight:800; letter-spacing:.13em;
  text-transform:uppercase; color:var(--slate-500); padding-bottom:10px; }
[data-active="what-happens-at-a-test"] .wt-tbl th,
[data-active="what-happens-at-a-test"] .wt-tbl td{
  text-align:left; vertical-align:top; padding:15px 16px;
  border-bottom:1px solid var(--slate-200); line-height:1.6; color:var(--ink); }
[data-active="what-happens-at-a-test"] .wt-tbl thead th{
  background:var(--slate-900); color:var(--white); font-size:12px; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; border-bottom:none; }
[data-active="what-happens-at-a-test"] .wt-tbl thead th:first-child{ border-radius:var(--r) 0 0 0; }
[data-active="what-happens-at-a-test"] .wt-tbl thead th:last-child{ border-radius:0 var(--r) 0 0; }
[data-active="what-happens-at-a-test"] .wt-tbl tbody th{
  font-size:18px; font-weight:900; color:var(--slate-900);
  white-space:nowrap; width:1%; letter-spacing:-.02em; }
[data-active="what-happens-at-a-test"] .wt-tbl tbody tr:nth-child(odd) td,
[data-active="what-happens-at-a-test"] .wt-tbl tbody tr:nth-child(odd) th{ background:var(--slate-50); }
[data-active="what-happens-at-a-test"] .wt-tbl td strong{ color:var(--slate-900); }
@media (max-width:720px){
  [data-active="what-happens-at-a-test"] .wt-tbl,
  [data-active="what-happens-at-a-test"] .wt-tbl tbody,
  [data-active="what-happens-at-a-test"] .wt-tbl tr,
  [data-active="what-happens-at-a-test"] .wt-tbl th,
  [data-active="what-happens-at-a-test"] .wt-tbl td{ display:block; width:auto; }
  
  [data-active="what-happens-at-a-test"] .wt-tbl caption{ display:block; width:auto; }
  [data-active="what-happens-at-a-test"] .wt-tbl thead{ display:none; }
  [data-active="what-happens-at-a-test"] .wt-tbl tr{
    border:1px solid var(--slate-200); border-radius:var(--r);
    padding:6px 16px 16px; margin-bottom:12px; background:var(--white); }
  [data-active="what-happens-at-a-test"] .wt-tbl tbody tr:nth-child(odd) td,
  [data-active="what-happens-at-a-test"] .wt-tbl tbody tr:nth-child(odd) th{ background:none; }
  [data-active="what-happens-at-a-test"] .wt-tbl th,
  [data-active="what-happens-at-a-test"] .wt-tbl td{
    padding:12px 0 0; border-bottom:none; white-space:normal; }
  [data-active="what-happens-at-a-test"] .wt-tbl td::before{
    content:attr(data-l); display:block; font-size:11px; font-weight:800;
    letter-spacing:.11em; text-transform:uppercase; color:var(--slate-500); margin-bottom:5px; }
}

[data-active="what-happens-at-a-test"] .wt-dashed{
  position:absolute; left:calc(-1 * var(--wt-spine)); top:44px; bottom:0; width:var(--wt-spine); }
[data-active="what-happens-at-a-test"] .wt-dashed::before{
  content:""; position:absolute; left:calc(var(--wt-spine)/2 - var(--wt-railw)/2);
  top:0; bottom:0; width:var(--wt-railw);
  background-image:repeating-linear-gradient(to bottom,var(--slate-300) 0 6px,var(--white) 6px 12px); }
@media (max-width:640px){ [data-active="what-happens-at-a-test"] .wt-dashed{ top:0; } }

[data-active="what-happens-at-a-test"] .wt-dark{
  background:var(--slate-900); color:var(--white); border-radius:var(--r) 0 0 var(--r);
  margin:0 calc(-1 * var(--br)) 26px 0; padding:30px var(--br) 32px 30px; }
[data-active="what-happens-at-a-test"] .wt-clocks{
  display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:760px; }
[data-active="what-happens-at-a-test"] .wt-clock .n{
  display:block; font-size:clamp(34px,4.6vw,54px); font-weight:900;
  letter-spacing:-.045em; line-height:1; color:var(--white); }
[data-active="what-happens-at-a-test"] .wt-clock .u{
  display:block; font-size:13px; font-weight:800; letter-spacing:.09em;
  text-transform:uppercase; color:var(--slate-300); margin-top:10px; }
[data-active="what-happens-at-a-test"] .wt-clock .w{
  display:block; font-size:14.5px; line-height:1.55; color:var(--slate-300);
  margin-top:12px; max-width:34ch; }
@media (max-width:560px){
  [data-active="what-happens-at-a-test"] .wt-clocks{ grid-template-columns:1fr; gap:24px; }
}
@media (max-width:640px){
  [data-active="what-happens-at-a-test"] .wt-dark{ padding:24px var(--br) 26px 20px; }
}

[data-active="what-happens-at-a-test"] .wt-next{
  display:block; margin-top:34px; max-width:44ch; text-decoration:none;
  font-size:15px; font-weight:800; color:var(--blue-700);
  border-top:2px solid var(--slate-200); padding-top:16px; line-height:1.5; }
[data-active="what-happens-at-a-test"] .wt-next .lbl{
  color:var(--slate-500); font-weight:800; letter-spacing:.13em;
  text-transform:uppercase; font-size:11.5px; margin-right:12px; }
[data-active="what-happens-at-a-test"] .wt-next svg{
  width:17px; height:17px; margin-left:8px; vertical-align:-3px; }
[data-active="what-happens-at-a-test"] .wt-next:hover{ color:var(--navy); }
[data-active="what-happens-at-a-test"] .wt-next:hover span.t{
  text-decoration:underline; text-underline-offset:3px; }
[data-active="what-happens-at-a-test"] .wt-next:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:var(--r); }

[data-active="what-happens-at-a-test"] .wt-faq{
  display:flex; flex-direction:column; gap:10px; margin:0 0 26px; }
[data-active="what-happens-at-a-test"] .wt-faq details{
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:var(--r); }
[data-active="what-happens-at-a-test"] .wt-faq summary{
  list-style:none; cursor:pointer; display:flex; gap:18px;
  align-items:flex-start; justify-content:space-between;
  padding:17px 20px; font-size:16.5px; font-weight:700;
  color:var(--slate-900); line-height:1.45; }
[data-active="what-happens-at-a-test"] .wt-faq summary::-webkit-details-marker{ display:none; }
[data-active="what-happens-at-a-test"] .wt-faq summary:hover{ color:var(--blue-700); }
[data-active="what-happens-at-a-test"] .wt-faq summary:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:2px; border-radius:var(--r); }
[data-active="what-happens-at-a-test"] .wt-faq .chev{ flex:none; color:var(--slate-500); margin-top:2px; }
[data-active="what-happens-at-a-test"] .wt-faq .chev svg{ width:20px; height:20px; display:block; }
[data-active="what-happens-at-a-test"] .wt-faq details[open] .chev{
  transform:rotate(180deg); color:var(--slate-900); }
[data-active="what-happens-at-a-test"] .wt-faq .ans{
  padding:0 20px 20px; font-size:15px; line-height:1.68; color:var(--ink); max-width:74ch; }
[data-active="what-happens-at-a-test"] .wt-faq .ans a{
  color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px; }

[data-active="what-happens-at-a-test"] .wt-sub{ margin:0 0 20px; }
[data-active="what-happens-at-a-test"] .wt-sub.spaced{ margin-top:40px; }
[data-active="what-happens-at-a-test"] .wt-sub h3{
  font-size:clamp(21px,2.4vw,28px); font-weight:900; letter-spacing:-.022em;
  color:var(--slate-900); margin:0 0 8px; }
[data-active="what-happens-at-a-test"] .wt-sub p{
  font-size:15.5px; line-height:1.6; color:var(--slate-500); margin:0; max-width:60ch; }
[data-active="what-happens-at-a-test"] .wt-more{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }

@media (max-width:900px){
  [data-active="what-happens-at-a-test"] .wt-more{ grid-template-columns:1fr; }
}

[data-active="what-happens-at-a-test"] .wt-endcap{
  position:absolute; left:0; bottom:0; width:var(--wt-spine); text-align:center; }

[data-active="what-happens-at-a-test"] .wt-endcap i{
  display:inline-block; width:13px; height:13px; border-radius:50%;
  background:var(--white); border:var(--wt-railw) solid var(--slate-300);
  vertical-align:middle; }

[data-active="what-happens-at-a-test"] .wt-after > .wt-head{ padding-bottom:14px; }
[data-active="what-happens-at-a-test"] .wt-after > .wt-head h2{ font-size:clamp(24px,3vw,36px); }
@media (max-width:640px){
  [data-active="what-happens-at-a-test"] .wt-endcap{ display:none; }
  [data-active="what-happens-at-a-test"] .wt-after > .wt-head h2{ display:block; font-size:24px; }
  
  [data-active="what-happens-at-a-test"] .doc-main .wt-tbl caption{ white-space:normal; }
}

@media (min-width: 901px){
  [data-active="talk-about-it"] .doc-main > section.sec-tint{
    margin-left: 0;
    padding-left: 0 !important;
   margin-left:-20px; padding-left:20px !important;  }
}

[data-active="treatment-support"] .doc-main > section.sec-tint{
  margin-left:0; margin-right:0;
  padding-left:28px !important; padding-right:28px !important;
  border:1px solid var(--slate-200); border-radius:var(--r);
}
[data-active="treatment-support"] .reading-urgent{
  padding:0; border:0; background:transparent;
}
@media (max-width:600px){
  [data-active="treatment-support"] .doc-main > section.sec-tint{
    padding-left:18px !important; padding-right:18px !important;
  }
}

[data-active="what-are-stis"]{
  
  --wa-gut: max((100vw - var(--rail-max)) / 2, 0px);
  
  --wa-bleed-r: 0px;
  --wa-bleed-l: 0px;
  
  --wa-line: 1px solid var(--slate-200);          
  --wa-lift: 0 1px 3px rgba(16,51,82,.10), 0 10px 24px -16px rgba(16,51,82,.5);
  --wa-gap: 56px;                                 
  --wa-in: 28px;    
}
@media (max-width:900px){
  
  [data-active="what-are-stis"]{
    --wa-bleed-l: calc(var(--wa-gut) + var(--rail-pad));
    --wa-bleed-r: calc(var(--wa-gut) + var(--rail-pad));
    --wa-in:22px;
  }
}
@media (max-width:640px){
  [data-active="what-are-stis"]{ --wa-in:18px; }
}

[data-active="what-are-stis"] .doc-main > .wsec{ margin:0 0 var(--wa-gap); }
[data-active="what-are-stis"] .doc-main > .wsec:last-child{ margin-bottom:0; }

[data-active="what-are-stis"] .wpanel{
  background:var(--white); border:1px solid var(--slate-200);
  border-radius:10px; padding:24px var(--wa-in) 26px;
}
[data-active="what-are-stis"] .wpanel.green{
  background:var(--green-50); border-color:var(--green-200);
}

[data-active="what-are-stis"] .doc-main h2{
  font-size:28px; font-weight:800; letter-spacing:-.6px; color:var(--slate-900);
  margin:0 0 16px; position:relative; padding-bottom:15px;
}
[data-active="what-are-stis"] .doc-main h2::after{
  content:""; position:absolute; left:0; bottom:0; width:120px; height:4px;
  background:var(--accent-green); border-radius:0;
}
[data-active="what-are-stis"] .doc-main .sub{
  font-size:17px; line-height:1.6; color:var(--slate-500); margin:0 0 22px; max-width:66ch;
}
[data-active="what-are-stis"] .doc-main .body{
  font-size:16px; line-height:1.7; margin:0 0 14px; max-width:66ch;
}
[data-active="what-are-stis"] .doc-main .body strong{ color:var(--slate-900); }
[data-active="what-are-stis"] .doc-main .afterline{
  margin:20px 0 0; font-size:16px; line-height:1.6; max-width:76ch;
}
[data-active="what-are-stis"] .doc-main .afterline b{ color:var(--slate-900); }

[data-active="what-are-stis"] .stat{
  display:grid; grid-template-columns:auto 1fr; gap:0 28px; align-items:center;
  margin:26px 0 0; padding:24px 28px; background:var(--white); border:var(--wa-line);
  border-radius:10px;
}
[data-active="what-are-stis"] .stat .figs{ display:flex; gap:9px; flex:none; }
[data-active="what-are-stis"] .stat .fig{ width:30px; height:60px; }
[data-active="what-are-stis"] .stat .fig svg{ width:100%; height:100%; display:block; }
[data-active="what-are-stis"] .stat .fig.on > *{ fill:var(--green-600); stroke:none; }
[data-active="what-are-stis"] .stat .fig.off > *{ fill:none; stroke-width:2.5; }
[data-active="what-are-stis"] .stat .hl{
  margin:0 0 6px; font-size:21px; font-weight:900; letter-spacing:-.4px;
  line-height:1.25; color:var(--slate-900);
}
[data-active="what-are-stis"] .stat .hl span{ color:var(--green-700); }
[data-active="what-are-stis"] .stat p{ margin:0; font-size:var(--fs-read); line-height:1.6; max-width:62ch; }

[data-active="what-are-stis"] .facts{
  list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr);
}

[data-active="what-are-stis"] .tgrid{ display:grid; gap:14px; margin-bottom:6px; }
[data-active="what-are-stis"] .tcard{
  background:var(--white); border:var(--wa-line); border-radius:10px; overflow:hidden;
}
[data-active="what-are-stis"] .tcard h4{
  font-size:17px; font-weight:800; color:var(--slate-900); margin:9px 0 7px;
}
[data-active="what-are-stis"] .tcard p{ font-size:var(--fs-read); line-height:1.5; margin:0; }
[data-active="what-are-stis"] .tcard .vax{
  display:block; margin-top:9px; font-size:12.5px; font-weight:700; color:var(--green-700);
}

[data-active="what-are-stis"] .whenwrap{ display:grid; grid-template-columns:1fr; gap:18px; }
[data-active="what-are-stis"] .trig{
  list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
[data-active="what-are-stis"] .trig li{
  display:flex; align-items:center; background:var(--white); border:var(--wa-line);
  border-radius:10px; font-weight:700; color:var(--slate-900);
}

[data-active="what-are-stis"] .doc-main > .strip{
  position:relative; overflow:hidden; border-radius:0;
  margin:0 calc(-1 * var(--wa-bleed-r)) var(--wa-gap) calc(-1 * var(--wa-bleed-l));
}
[data-active="what-are-stis"] .strip .bg{
  position:absolute; inset:0;
  background-image:url("ph/tile-teal.jpg");
  background-position:center; background-size:cover; background-repeat:no-repeat;
}
[data-active="what-are-stis"] .strip::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,37,84,.94) 0%, rgba(0,37,84,.86) 46%, rgba(0,37,84,.42) 100%);
}

[data-active="what-are-stis"] .strip .in{
  position:relative; z-index:2;
  padding:42px calc(var(--wa-bleed-r) + var(--wa-in)) 44px calc(var(--wa-bleed-l) + var(--wa-in));
}
[data-active="what-are-stis"] .strip p{
  margin:0; max-width:44ch; font-size:26px; font-weight:900; letter-spacing:-.5px;
  line-height:1.25; color:var(--white);
}
[data-active="what-are-stis"] .strip .say{
  margin:12px 0 0; max-width:60ch; font-size:var(--fs-read); line-height:1.6;
  font-weight:400; letter-spacing:0;
}
[data-active="what-are-stis"] .strip a{
  display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding:14px 28px;
  background:var(--white); color:var(--slate-900); border-radius:999px;
  font-size:14px; font-weight:700; text-decoration:none;
}
[data-active="what-are-stis"] .strip a svg{ width:13px; height:13px; }
[data-active="what-are-stis"] .strip a:hover{ background:var(--slate-100); }

[data-active="what-are-stis"] .cad{
  display:block; background:var(--white); border:var(--wa-line);
  border-radius:10px; overflow:hidden;
}
[data-active="what-are-stis"] .cad > div{
  display:grid; grid-template-columns:178px 1fr; column-gap:24px;
  padding:16px 22px 17px; border-top:1px solid var(--slate-100);
}
[data-active="what-are-stis"] .cad > div:first-child{ border-top:0; }
[data-active="what-are-stis"] .cad b{
  grid-column:1; grid-row:1 / span 2; display:block; font-size:19px; font-weight:900;
  letter-spacing:-.4px; color:var(--slate-900); line-height:1.25;
}
[data-active="what-are-stis"] .cad em{
  grid-column:2; grid-row:1; display:block; font-style:normal; font-size:14.5px;
  font-weight:800; color:var(--slate-900); margin-bottom:4px;
}
[data-active="what-are-stis"] .cad span{
  grid-column:2; grid-row:2; display:block; font-size:14.5px; line-height:1.55;
}

[data-active="what-are-stis"] .tbl{
  width:100%; border-collapse:separate; border-spacing:0; background:var(--white);
  border:var(--wa-line); border-radius:10px; overflow:hidden; margin-top:22px;
}
[data-active="what-are-stis"] .tbl th{
  text-align:left; font-size:12px; font-weight:900; letter-spacing:.09em;
  text-transform:uppercase; color:var(--white); background:var(--slate-900); padding:11px 18px;
}
[data-active="what-are-stis"] .tbl td{
  padding:13px 18px; font-size:15px; line-height:1.5; border-top:1px solid var(--slate-100);
}
[data-active="what-are-stis"] .tbl td:first-child{
  font-weight:800; color:var(--slate-900); width:180px;
}

[data-active="what-are-stis"] .routes{ list-style:none; margin:0; padding:0; display:block; }
[data-active="what-are-stis"] .routes li{ padding:14px 0; border-top:1px solid var(--blue-100); }
[data-active="what-are-stis"] .wpanel.green .routes li{ border-top-color:var(--green-200); }
[data-active="what-are-stis"] .routes li:first-child{ border-top:0; padding-top:0; }
[data-active="what-are-stis"] .routes li:last-child{ padding-bottom:2px; }
[data-active="what-are-stis"] .routes b{
  display:block; font-size:16px; color:var(--slate-900); margin-bottom:4px;
}
[data-active="what-are-stis"] .routes span{ display:block; font-size:15px; line-height:1.6; }

[data-active="what-are-stis"] .steps{
  list-style:none; margin:0; padding:0; counter-reset:s; display:block;
  background:var(--white); border:var(--wa-line); border-radius:10px; overflow:hidden;
}
[data-active="what-are-stis"] .steps li{
  counter-increment:s; position:relative; padding:16px 22px 17px 54px;
  border-top:1px solid var(--slate-100);
}
[data-active="what-are-stis"] .steps li:first-child{ border-top:0; }
[data-active="what-are-stis"] .steps li::before{
  content:counter(s); position:absolute; left:22px; top:17px; font-size:15px;
  font-weight:900; font-variant-numeric:tabular-nums; color:var(--blue-700);
}
[data-active="what-are-stis"] .steps b{
  display:block; font-size:15.5px; color:var(--slate-900); margin-bottom:4px;
}
[data-active="what-are-stis"] .steps span{ display:block; font-size:14.5px; line-height:1.55; }

[data-active="what-are-stis"] .note{
  margin-top:22px; padding:20px 24px; background:var(--white);
  border:1px solid var(--slate-200); border-radius:10px;
}
[data-active="what-are-stis"] .note h3{
  font-size:15.5px; font-weight:800; color:var(--slate-900); margin:0 0 8px;
}
[data-active="what-are-stis"] .note p{ font-size:var(--fs-read); line-height:1.6; margin:0 0 9px; }
[data-active="what-are-stis"] .note p:last-child{ margin-bottom:0; }
[data-active="what-are-stis"] .wpanel .note{ margin-top:20px; }

[data-active="what-are-stis"] .link{
  color:var(--blue-700); font-weight:700; text-decoration:none;
  border-bottom:1.5px solid var(--blue-200);
}
[data-active="what-are-stis"] .link:hover{ border-bottom-color:var(--blue-600); }
[data-active="what-are-stis"] .dl{
  display:inline-flex; align-items:center; gap:8px; margin-top:22px; padding:11px 22px;
  background:var(--white); border:1px solid var(--slate-300); border-radius:9999px;
  color:var(--blue-700); font-size:14px; font-weight:700; text-decoration:none;
}
[data-active="what-are-stis"] .dl svg{ width:15px; height:15px; }
[data-active="what-are-stis"] .dl:hover{ background:var(--slate-50); border-color:var(--slate-300); }

[data-active="what-are-stis"] .faqs{
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:10px;
}
[data-active="what-are-stis"] .faqs details + details{ border-top:1px solid var(--blue-100); }
[data-active="what-are-stis"] .faqs summary{
  list-style:none; cursor:pointer; padding:14px 40px 14px 18px; position:relative;
  font-size:16px; font-weight:700; color:var(--slate-900); line-height:1.4;
}
[data-active="what-are-stis"] .faqs summary::-webkit-details-marker{ display:none; }
[data-active="what-are-stis"] .faqs summary:hover{ color:var(--blue-700); }
[data-active="what-are-stis"] .faqs summary::after{
  content:""; position:absolute; right:18px; top:21px; width:8px; height:8px;
  border-right:2px solid var(--blue-700); border-bottom:2px solid var(--blue-700);
  transform:rotate(45deg); transition:transform .18s ease;
}
[data-active="what-are-stis"] .faqs details[open] summary::after{
  transform:rotate(-135deg); top:24px;
}
[data-active="what-are-stis"] .faqs p{
  margin:0; padding:0 18px 16px; font-size:var(--fs-read); line-height:1.6;
}

[data-active="what-are-stis"] .nexts{
  display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px;
}
[data-active="what-are-stis"] .ntile{
  position:relative; overflow:hidden; border-radius:10px; min-height:190px;
  display:flex; align-items:flex-end; text-decoration:none; color:var(--white);
  isolation:isolate; box-shadow:var(--wa-lift);
  transition:transform .18s cubic-bezier(.2,.7,.2,1);
}
[data-active="what-are-stis"] .ntile:hover{ transform:translateY(-3px); }
[data-active="what-are-stis"] .ntile .ph{
  position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
[data-active="what-are-stis"] .ntile:hover .ph{ transform:scale(1.04); }
[data-active="what-are-stis"] .ntile::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(0deg, rgba(0,24,44,.86), rgba(0,24,44,.34) 68%, rgba(0,24,44,.12));
}
[data-active="what-are-stis"] .ntile .tb{ position:relative; padding:22px; }
[data-active="what-are-stis"] .ntile .n{ font-size:12px; font-weight:900; letter-spacing:.12em; }
[data-active="what-are-stis"] .ntile h3{
  font-size:20px; font-weight:800; margin:4px 0 0; text-shadow:0 1px 8px rgba(0,0,0,.4);
}
[data-active="what-are-stis"] .ntile .go{
  display:inline-flex; align-items:center; gap:7px; margin-top:7px;
  font-size:12.5px; font-weight:800;
}
[data-active="what-are-stis"] .ntile .go svg{
  width:12px; height:12px; transition:transform .18s ease;
}
[data-active="what-are-stis"] .ntile:hover .go svg{ transform:translateX(3px); }

@media (max-width:1180px){
  [data-active="what-are-stis"] .cad > div{ grid-template-columns:156px 1fr; column-gap:18px; }
}
@media (max-width:900px){
  [data-active="what-are-stis"]{ --wa-gap:44px; }
  [data-active="what-are-stis"] .wpanel{ padding:22px 22px 24px; }
  [data-active="what-are-stis"] .strip .in{ padding-top:34px; padding-bottom:36px; }
  [data-active="what-are-stis"] .strip p{ font-size:23px; }
  [data-active="what-are-stis"] .doc-main h2{ font-size:26px; }
}
@media (max-width:640px){
  [data-active="what-are-stis"]{ --wa-gap:38px; }
  [data-active="what-are-stis"] .wpanel{ padding:18px 18px 20px; }
  [data-active="what-are-stis"] .doc-main h2{ font-size:23px; }
  [data-active="what-are-stis"] .doc-main .body,
  [data-active="what-are-stis"] .doc-main .sub{ font-size:16px; }

  [data-active="what-are-stis"] .facts{ grid-template-columns:1fr; }
  [data-active="what-are-stis"] .trig{ grid-template-columns:1fr; }
  [data-active="what-are-stis"] .nexts{ grid-template-columns:1fr; gap:14px; }
  [data-active="what-are-stis"] .ntile{ min-height:160px; }

  [data-active="what-are-stis"] .cad > div{ grid-template-columns:1fr; padding:15px 18px 16px; }
  [data-active="what-are-stis"] .cad b{ grid-column:1; grid-row:auto; margin-bottom:5px; }
  [data-active="what-are-stis"] .cad em{ grid-column:1; grid-row:auto; }
  [data-active="what-are-stis"] .cad span{ grid-column:1; grid-row:auto; }
  [data-active="what-are-stis"] .steps li{ padding:15px 18px 16px 46px; }
  [data-active="what-are-stis"] .steps li::before{ left:18px; top:16px; }

  [data-active="what-are-stis"] .stat{ grid-template-columns:1fr; gap:14px; padding:20px; }
  [data-active="what-are-stis"] .stat .fig{ width:26px; height:52px; }
  [data-active="what-are-stis"] .stat .hl{ font-size:19px; }

[data-active="what-are-stis"] .tbl{ display:block; overflow-x:auto; white-space:normal; }
  [data-active="what-are-stis"] .tbl td:first-child{ width:auto; }
}

@media (min-width:901px){

[data-active="youth"] .doc-main > section.sec-tint{
    margin:0 0 28px !important;
    padding:36px 34px !important;
    border:1px solid var(--slate-200);
    border-radius:var(--r);
  }
  [data-active="youth"] .doc-main > section.sec-tint.is-dark{
    border-color:var(--slate-900);
  }

}

@media (max-width:900px){
  [data-active="youth"] .yt-res-grid > .yt-res:last-child:nth-child(3n+1){
    grid-column:auto;
  }
  [data-active="youth"] .wtg-grid > .wtg-card:last-child:nth-child(odd){
    grid-column:1 / -1;
  }
}

body[data-active="what-happens-at-a-test"]{ --wt-spine:60px; }
@media (max-width:1180px){ body[data-active="what-happens-at-a-test"]{ --wt-spine:52px; } }
@media (max-width:900px) { body[data-active="what-happens-at-a-test"]{ --wt-spine:46px; } }
@media (max-width:640px) { body[data-active="what-happens-at-a-test"]{ --wt-spine:38px; } }

[data-active="what-happens-at-a-test"] .tt-doc .wt-head{ margin-right:0; padding-right:0; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-shot{ margin-right:0; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-shot img{ border-radius:var(--r); }

[data-active="what-happens-at-a-test"] .tt-doc .wt-track{ padding-top:0; margin-bottom:40px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-stop{ padding-bottom:38px; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-rail{ overflow:hidden; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-head{ padding-bottom:11px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-n{
  font-size:clamp(26px,2.6vw,38px); top:-3px; padding:5px 0 6px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-head h2{
  font-size:clamp(23px,2.6vw,32px); font-weight:800; letter-spacing:-.026em; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-dur{
  margin:9px 0 0; font-size:15px; font-weight:800;
  color:var(--slate-500); max-width:58ch; }

[data-active="what-happens-at-a-test"] .tt-doc #s-2 .wt-dur{
  background:var(--slate-900); color:var(--white); font-weight:800;
  border-radius:var(--r); padding:11px 18px; margin-top:13px; max-width:none; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-body{ padding-top:16px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-body > p{
  font-size:16px; line-height:1.58; margin:0 0 13px; max-width:60ch; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-body > p.big{
  font-size:clamp(17px,1.6vw,19.5px); line-height:1.42;
  margin-bottom:12px; max-width:48ch; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-panel{ padding:20px 22px; margin:0 0 16px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-panel h3{
  font-size:clamp(18px,1.8vw,22px); margin:0 0 8px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-panel > p{
  font-size:15px; line-height:1.6; margin:0 0 12px; max-width:56ch; }

[data-active="what-happens-at-a-test"] .tt-rows{ margin:16px 0 0; padding:0; }
[data-active="what-happens-at-a-test"] .tt-rows > div{
  display:grid; grid-template-columns:170px minmax(0,1fr); gap:0 28px;
  padding:11px 0; border-top:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .tt-rows > div:last-child{
  border-bottom:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .tt-rows dt{
  margin:0; font-size:15.5px; font-weight:900; line-height:1.32;
  letter-spacing:-.015em; color:var(--slate-900); }
[data-active="what-happens-at-a-test"] .tt-rows dd{
  margin:0; font-size:var(--fs-read); line-height:1.6; color:var(--ink); }
[data-active="what-happens-at-a-test"] .tt-doc .wt-panel.rules .tt-rows > div{
  border-top-color:var(--blue-100); }
[data-active="what-happens-at-a-test"] .tt-doc .wt-panel.rules .tt-rows > div:last-child{
  border-bottom-color:var(--blue-100); }

[data-active="what-happens-at-a-test"] .tt-doc .tt-rows + p{ margin-top:16px; }

[data-active="what-happens-at-a-test"] .tt-rows.tt-say dt{
  font-size:11.5px; font-weight:800; letter-spacing:.11em;
  text-transform:uppercase; color:var(--slate-500);
  line-height:1.5; padding-top:5px; }
[data-active="what-happens-at-a-test"] .tt-rows.tt-say dd{
  font-size:clamp(16px,1.6vw,18px); line-height:1.4;
  font-weight:700; color:var(--slate-900); letter-spacing:-.015em; }

[data-active="what-happens-at-a-test"] .tt-links{ margin:16px 0 0; padding:0; }
[data-active="what-happens-at-a-test"] .tt-links > div{
  padding:12px 0; border-top:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .tt-links > div:last-child{
  border-bottom:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .tt-links dt{
  margin:0 0 5px; font-size:11.5px; font-weight:800; letter-spacing:.11em;
  text-transform:uppercase; color:var(--slate-500); line-height:1.5; }
[data-active="what-happens-at-a-test"] .tt-links dd{
  margin:0; font-size:var(--fs-read); line-height:1.6; color:var(--ink); max-width:57ch; }

[data-active="what-happens-at-a-test"] .tt-doc p.tt-foot{
  margin:16px 0 0; padding-top:13px; font-size:14px;
  line-height:1.6; color:var(--ink); max-width:55ch;
  border-top:1px solid var(--slate-200); }
[data-active="what-happens-at-a-test"] .tt-doc .wt-panel.rules p.tt-foot{
  border-top-color:var(--blue-100); }

[data-active="what-happens-at-a-test"] .tt-doc .tt-rows + p.tt-foot,
[data-active="what-happens-at-a-test"] .tt-doc .tt-links + p.tt-foot{
  border-top:none; padding-top:0; margin-top:14px; }
[data-active="what-happens-at-a-test"] .tt-doc p.tt-foot strong{ color:var(--slate-900); }
[data-active="what-happens-at-a-test"] .tt-foot .srcs{
  display:block; margin-top:6px; font-size:13.5px; line-height:1.65; }
[data-active="what-happens-at-a-test"] .tt-foot .srcs a{ word-break:break-word; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-shot{ margin:0 0 16px; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-shot img{ height:auto; aspect-ratio:2.9 / 1; }

[data-active="what-happens-at-a-test"] .tt-sec{ margin-top:44px; }
[data-active="what-happens-at-a-test"] .tt-doc .say-head,
[data-active="what-happens-at-a-test"] .tt-doc .faq-head,
[data-active="what-happens-at-a-test"] .tt-doc .more-head{ margin-bottom:16px; }
[data-active="what-happens-at-a-test"] .tt-doc .say-head h2,
[data-active="what-happens-at-a-test"] .tt-doc .faq-head h2,
[data-active="what-happens-at-a-test"] .tt-doc .more-head h2{
  font-size:28px; margin:0 0 10px; padding-bottom:15px; }
[data-active="what-happens-at-a-test"] .tt-doc .tds-sec-head{ margin:18px 0 10px; }
[data-active="what-happens-at-a-test"] .tt-sub{ margin:22px 0 0; }
[data-active="what-happens-at-a-test"] .tt-sub h3{
  font-size:clamp(18px,1.9vw,21px); font-weight:900; letter-spacing:-.02em;
  color:var(--slate-900); margin:0 0 6px; line-height:1.2; }
[data-active="what-happens-at-a-test"] .tt-sub > p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0; max-width:62ch; }

[data-active="what-happens-at-a-test"] .tt-doc .wt-faq{ gap:10px; margin:0; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-faq summary{ padding:14px 18px; font-size:16px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-faq .ans{
  padding:0 18px 15px; font-size:14.5px; line-height:1.6; max-width:59ch; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-more{ gap:14px; }

[data-active="what-happens-at-a-test"] .tt-doc a:not(.topic-card){
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px; }
[data-active="what-happens-at-a-test"] .tt-doc a:not(.topic-card):hover{ color:var(--navy); }
[data-active="what-happens-at-a-test"] .tt-doc a:not(.topic-card):focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:var(--r); }

[data-active="what-happens-at-a-test"] .tt-doc a.sud-inline,
[data-active="what-happens-at-a-test"] .tt-doc .wt-faq .ans a.sud-inline{ color:var(--sud-deep); }
[data-active="what-happens-at-a-test"] .tt-doc .wt-faq .ans a.sud-inline:hover{ color:var(--sud); }

@media (max-width:1180px){
  [data-active="what-happens-at-a-test"] .tt-rows > div{
    grid-template-columns:152px minmax(0,1fr); gap:0 22px; }
}
@media (max-width:640px){
  
  [data-active="what-happens-at-a-test"] .tt-rows > div{ grid-template-columns:1fr; gap:5px; }
  [data-active="what-happens-at-a-test"] .tt-rows.tt-say dt{ padding-top:0; }
  [data-active="what-happens-at-a-test"] .tt-doc .wt-stop{ padding-bottom:30px; }
  [data-active="what-happens-at-a-test"] .tt-sec{ margin-top:34px; }
  [data-active="what-happens-at-a-test"] .tt-sub{ margin-top:20px; }
  [data-active="what-happens-at-a-test"] .tt-doc #s-2 .wt-dur{ padding:10px 14px; }
}

[data-active="help-privacy"]{ --measure:52ch; }

[data-active="help-privacy"] .contact-card.dark .contact-row .meta,
[data-active="help-privacy"] .contact-card.dark .meta{ color:var(--slate-300); }

[data-active="help-privacy"] .yt-sec,
[data-active="help-privacy"] .faq-sec{ padding-top:40px; padding-bottom:40px; }

[data-active="help-privacy"] .hh-sechead{
  display:block; margin-bottom:32px;
}
[data-active="help-privacy"] .hh-sechead p{ max-width:62ch; }
[data-active="help-privacy"] .yt-head h2,
[data-active="help-privacy"] .faq-head h2{ font-size:28px; }
[data-active="help-privacy"] .u-green{ padding-bottom:12px; }

[data-active="help-privacy"] .contact-card{ padding:22px 24px; }
[data-active="help-privacy"] .contact-card > p{ margin-bottom:12px; }
[data-active="help-privacy"] .contact-row{ margin-bottom:10px; }
[data-active="help-privacy"] .interim-note{ padding:20px 22px; }
[data-active="help-privacy"] .interim-note p{
  font-size:var(--fs-read); line-height:1.55; margin-bottom:10px;
}
[data-active="help-privacy"] .interim-note p:last-child{ margin-bottom:0; }
[data-active="help-privacy"] .faq-q{ padding:14px 18px; }

[data-active="help-privacy"] .yt-head p,
[data-active="help-privacy"] .faq-head p,
[data-active="help-privacy"] .interim-note p,
[data-active="help-privacy"] .hh-prose,
[data-active="help-privacy"] .hh-cap{ max-width:var(--measure); }

[data-active="help-privacy"] .hh-cap{
  margin:0 0 14px; font-size:15px; line-height:1.65; color:var(--ink);
}
[data-active="help-privacy"] .hh-prose{
  margin:0; font-size:var(--fs-read); line-height:1.65; color:var(--ink);
}
[data-active="help-privacy"] .hh-sub{
  margin:0 0 10px; font-size:20px; font-weight:800; letter-spacing:-.3px;
  color:var(--slate-900);
}
[data-active="help-privacy"] .hh-gap{ margin-top:30px; }

[data-active="help-privacy"] .yt-sec.is-blue{
  background:var(--blue-50);
  border-top:1px solid var(--blue-100);
  border-bottom:1px solid var(--blue-100);
}

[data-active="help-privacy"] .hh-board{
  border:1px solid var(--slate-200); border-radius:var(--r); background:var(--white);
  display:grid; grid-template-columns:1.05fr 1.25fr .9fr;
}
[data-active="help-privacy"] .hh-bcol{
  padding:18px 20px; border-left:1px solid var(--slate-200);
  display:flex; flex-direction:column;
}
[data-active="help-privacy"] .hh-bcol:first-child{ border-left:none; }
[data-active="help-privacy"] .hh-bcol h3{
  margin:0 0 8px; font-size:17px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900);
}
[data-active="help-privacy"] .hh-bcol p{
  margin:0 0 8px; font-size:var(--fs-read); line-height:1.5; color:var(--ink);
}
[data-active="help-privacy"] .hh-bcol p:last-child{ margin-bottom:0; }
[data-active="help-privacy"] .hh-bcol ul{ list-style:none; margin:0 0 8px; padding:0; }
[data-active="help-privacy"] .hh-bcol li{
  font-size:var(--fs-read); line-height:1.45; color:var(--ink);
  padding-left:14px; position:relative; margin-bottom:1px;
}

[data-active="help-privacy"] .hh-bcol li::before{
  content:"\2022"; position:absolute; left:0; top:0; color:var(--slate-500);
}
[data-active="help-privacy"] .hh-lbl{ font-weight:700; color:var(--slate-900); }
[data-active="help-privacy"] .hh-line{ margin-bottom:8px; }
[data-active="help-privacy"] .hh-num{
  font-size:17px; font-weight:900; letter-spacing:-.01em;
  color:var(--blue-700); text-decoration:none;
}
[data-active="help-privacy"] .hh-num:hover{ text-decoration:underline; text-underline-offset:2px; }
[data-active="help-privacy"] .hh-foot{ font-size:13px; color:var(--slate-500); }

[data-active="help-privacy"] .hh-act{
  display:inline-block; margin-top:auto; align-self:flex-start;
  font-size:14px; font-weight:700;
  color:var(--white); background:var(--red-600); border-radius:9999px; padding:10px 20px;
  text-decoration:none;
}
[data-active="help-privacy"] .hh-act:hover{ background:var(--red-700); }
[data-active="help-privacy"] .hh-act.amber{ background:var(--amber-700); }
[data-active="help-privacy"] .hh-act.amber:hover{ background:#93430a; }

[data-active="help-privacy"] .hh-nonemg{
  margin-top:16px; border:1px solid var(--slate-200); background:var(--white);
  border-radius:var(--r); padding:18px 22px;
  display:grid; grid-template-columns:minmax(0,1fr); gap:6px; align-items:start;
}
[data-active="help-privacy"] .hh-nonemg h3{
  margin:0; font-size:16px; font-weight:800; color:var(--slate-900);
}
[data-active="help-privacy"] .hh-nonemg p{
  margin:0; font-size:var(--fs-read); line-height:1.6; color:var(--ink);
  max-width:72ch;
}

[data-active="help-privacy"] .hh-orgs{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;
  margin-top:26px; padding-top:22px; border-top:1px solid var(--slate-200);
}
[data-active="help-privacy"] .hh-org h3{
  margin:0 0 6px; font-size:16px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900);
}
[data-active="help-privacy"] .hh-org p{
  margin:0 0 8px; font-size:var(--fs-read); line-height:1.55; color:var(--ink);
}
[data-active="help-privacy"] .hh-org a{
  display:block; font-size:14px; font-weight:700; line-height:1.45;
  margin-top:4px; color:var(--blue-700);
  text-decoration:underline; text-underline-offset:2px;
}

[data-active="help-privacy"] .hh-org a.sud-inline{ color:var(--green-700); }
[data-active="help-privacy"] .hh-org .hh-tel{ font-size:16px; font-weight:800; text-decoration:none; }
[data-active="help-privacy"] .hh-org .hh-tel:hover{ text-decoration:underline; text-underline-offset:2px; }

[data-active="help-privacy"] .hh-dir{
  width:100%; table-layout:fixed; border-collapse:collapse;
  font-size:15px; background:var(--white);
}
[data-active="help-privacy"] .hh-dir th,
[data-active="help-privacy"] .hh-dir td{
  text-align:left; vertical-align:top; padding:11px 15px;
  border-bottom:1px solid var(--slate-200); line-height:1.5;
  color:var(--ink); font-size:14.5px;
}
[data-active="help-privacy"] .hh-dir thead th{
  background:var(--slate-900); color:var(--white); font-size:12px; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; border-bottom:none;
}
[data-active="help-privacy"] .hh-dir thead th:first-child{ border-radius:var(--r) 0 0 0; }
[data-active="help-privacy"] .hh-dir thead th:last-child{ border-radius:0 var(--r) 0 0; }
[data-active="help-privacy"] .hh-dir tbody th{ font-weight:800; color:var(--slate-900); font-size:15px; }
[data-active="help-privacy"] .hh-dir tbody tr:nth-child(odd) td,
[data-active="help-privacy"] .hh-dir tbody tr:nth-child(odd) th{ background:var(--slate-50); }
[data-active="help-privacy"] .hh-dir .c-who{ width:28%; }
[data-active="help-privacy"] .hh-dir .c-dial{ width:24%; }
[data-active="help-privacy"] .hh-tel{
  display:block; font-size:16px; font-weight:800;
  color:var(--blue-700); text-decoration:none;
}
[data-active="help-privacy"] .hh-tel:hover{ text-decoration:underline; text-underline-offset:2px; }
[data-active="help-privacy"] .hh-tty{ display:block; font-size:13px; color:var(--slate-500); margin-top:4px; }
[data-active="help-privacy"] .hh-dir a:not(.hh-tel){
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}

[data-active="help-privacy"] .hh-defs{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 34px;
  margin-top:24px; padding-top:24px; border-top:1px solid var(--slate-200);
}
[data-active="help-privacy"] .hh-def h3{
  margin:0 0 8px; font-size:16px; font-weight:800; letter-spacing:-.2px;
  color:var(--slate-900);
}
[data-active="help-privacy"] .hh-def p{
  margin:0 0 8px; font-size:var(--fs-read); line-height:1.55; color:var(--ink);
}
[data-active="help-privacy"] .hh-list{ list-style:none; margin:0; padding:0; }
[data-active="help-privacy"] .hh-list li{
  font-size:var(--fs-read); line-height:1.55; color:var(--ink);
  padding-left:14px; position:relative; margin-bottom:6px;
}
[data-active="help-privacy"] .hh-list li:last-child{ margin-bottom:0; }
[data-active="help-privacy"] .hh-list li::before{
  content:"\2022"; position:absolute; left:0; top:0; color:var(--slate-500);
}
[data-active="help-privacy"] .hh-list li strong{ color:var(--slate-900); }
[data-active="help-privacy"] .hh-list.wide li{ font-size:var(--fs-read); line-height:1.6; max-width:var(--measure); }

[data-active="help-privacy"] .hh-two{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; align-items:start;
}
[data-active="help-privacy"] .hh-yn h4{
  margin:0 0 8px; font-size:12px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:var(--slate-500);
}
[data-active="help-privacy"] .hh-yn + .hh-yn{ margin-top:18px; }
[data-active="help-privacy"] .hh-tbl{
  width:100%; table-layout:fixed; border-collapse:collapse;
  font-size:15px; background:var(--white); margin:0;
}
[data-active="help-privacy"] .hh-tbl th,
[data-active="help-privacy"] .hh-tbl td{
  text-align:left; vertical-align:top; padding:13px 16px;
  border-bottom:1px solid var(--slate-200); line-height:1.6; color:var(--ink);
}
[data-active="help-privacy"] .hh-tbl thead th{
  background:var(--slate-900); color:var(--white); font-size:12px; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; border-bottom:none;
}
[data-active="help-privacy"] .hh-tbl thead th:first-child{ border-radius:var(--r) 0 0 0; }
[data-active="help-privacy"] .hh-tbl thead th:last-child{ border-radius:0 var(--r) 0 0; }
[data-active="help-privacy"] .hh-tbl tbody th{ font-weight:800; color:var(--slate-900); font-size:15px; }
[data-active="help-privacy"] .hh-tbl tbody tr:nth-child(odd) td,
[data-active="help-privacy"] .hh-tbl tbody tr:nth-child(odd) th{ background:var(--slate-50); }
[data-active="help-privacy"] .hh-tbl .c-site{ width:46%; }

[data-active="help-privacy"] .hh-set{
  list-style:none; margin:0; padding:0;
  font-size:15px; line-height:1.75; color:var(--ink);
}
[data-active="help-privacy"] .hh-set li{ display:inline-block; }
[data-active="help-privacy"] .hh-set li::after{
  content:"\00a0\00a0\2022\00a0\00a0"; color:var(--slate-400);
}
[data-active="help-privacy"] .hh-set li:last-child::after{ content:""; }

[data-active="help-privacy"] .hh-bars{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px;
}
[data-active="help-privacy"] .hh-bar{ border:1px solid; border-radius:var(--r); padding:16px 18px; }
[data-active="help-privacy"] .hh-bar p{
  margin:0; font-size:16px; line-height:1.5; font-weight:800; color:var(--slate-900);
}
[data-active="help-privacy"] .hh-bar.amber{ border-color:var(--amber-200); background:var(--amber-50); }
[data-active="help-privacy"] .hh-bar.green{ border-color:var(--green-200); background:var(--green-50); }

[data-active="help-privacy"] .interim-note .hh-2col{ columns:2; column-gap:40px; }
[data-active="help-privacy"] .interim-note .hh-2col p{ break-inside:auto; }
[data-active="help-privacy"] .hh-note{
  border:1px solid var(--slate-200); border-radius:var(--r);
  padding:18px 20px; background:var(--white);
}
[data-active="help-privacy"] .hh-note.amber{ background:var(--amber-50); border-color:var(--amber-100); }
[data-active="help-privacy"] .hh-note h3{
  margin:0 0 8px; font-size:17px; font-weight:800; letter-spacing:-.2px; color:var(--slate-900);
}
[data-active="help-privacy"] .hh-note p{ margin:0 0 10px; font-size:var(--fs-read); line-height:1.6; color:var(--ink); }
[data-active="help-privacy"] .hh-inset{
  background:var(--white); border:1px solid var(--amber-100); border-radius:8px;
  padding:15px 17px; margin-top:12px;
}
[data-active="help-privacy"] .hh-inset h4{
  margin:0 0 5px; font-size:15px; font-weight:800; color:var(--slate-900);
}
[data-active="help-privacy"] .hh-inset p{ margin:0 0 8px; font-size:var(--fs-read); line-height:1.55; }
[data-active="help-privacy"] .hh-note a,
[data-active="help-privacy"] .hh-inset a{
  color:var(--blue-700); font-weight:700;
  text-decoration:underline; text-underline-offset:2px;
}

@media (max-width:900px){
  
  [data-active="help-privacy"] .yt-sec p,
  [data-active="help-privacy"] .yt-sec li,
  [data-active="help-privacy"] .yt-sec td,
  [data-active="help-privacy"] .yt-sec th,
  [data-active="help-privacy"] .faq-sec p,
  [data-active="help-privacy"] .faq-sec li,
  [data-active="help-privacy"] .faq-a{ max-width:var(--measure); }
  
  [data-active="help-privacy"] .interim-note .hh-2col{ columns:1; }
  [data-active="help-privacy"] .hh-board{ grid-template-columns:minmax(0,1fr); }
  [data-active="help-privacy"] .hh-bcol{ border-left:none; border-top:1px solid var(--slate-200); }
  [data-active="help-privacy"] .hh-bcol:first-child{ border-top:none; }
  [data-active="help-privacy"] .hh-orgs,
  [data-active="help-privacy"] .hh-defs{ grid-template-columns:minmax(0,1fr); gap:22px; }
  [data-active="help-privacy"] .hh-two,
  [data-active="help-privacy"] .hh-bars{ grid-template-columns:minmax(0,1fr); }
  
  [data-active="help-privacy"] .hh-dir,
  [data-active="help-privacy"] .hh-tbl{ table-layout:auto; }
  [data-active="help-privacy"] .hh-dir thead,
  [data-active="help-privacy"] .hh-tbl thead{
    position:absolute; width:1px; height:1px; overflow:hidden;
    clip:rect(0 0 0 0); white-space:nowrap;
  }
  [data-active="help-privacy"] .hh-dir tbody th,
  [data-active="help-privacy"] .hh-dir td,
  [data-active="help-privacy"] .hh-tbl tbody th,
  [data-active="help-privacy"] .hh-tbl td{
    display:block; width:auto; border-bottom:none; padding:0 18px;
  }
  [data-active="help-privacy"] .hh-dir tbody th,
  [data-active="help-privacy"] .hh-tbl tbody th{ padding-top:18px; }
  [data-active="help-privacy"] .hh-dir tbody tr,
  [data-active="help-privacy"] .hh-tbl tbody tr{
    display:block; border:1px solid var(--slate-200); border-radius:var(--r);
    margin-bottom:12px; padding-bottom:18px; background:var(--white);
  }
  [data-active="help-privacy"] .hh-dir tbody tr:nth-child(odd) td,
  [data-active="help-privacy"] .hh-dir tbody tr:nth-child(odd) th,
  [data-active="help-privacy"] .hh-tbl tbody tr:nth-child(odd) td,
  [data-active="help-privacy"] .hh-tbl tbody tr:nth-child(odd) th{ background:transparent; }
  [data-active="help-privacy"] .hh-dir tbody tr:nth-child(odd),
  [data-active="help-privacy"] .hh-tbl tbody tr:nth-child(odd){ background:var(--slate-50); }
  [data-active="help-privacy"] .hh-dir td::before,
  [data-active="help-privacy"] .hh-tbl td::before{ font-size:12px;
    content:attr(data-l); display:block; font-size:11.5px; font-weight:800;
    letter-spacing:.1em; text-transform:uppercase; color:var(--slate-500);
    margin:12px 0 3px;
  }
}

[data-active="for-me"] .fm1w{ max-width:var(--rail-max); margin:0 auto; padding:0 var(--rail-pad); }

[data-active="for-me"] .fm1-sec{ padding:64px 0; }

[data-active="for-me"] .fm1-sec.tint{ background:var(--blue-50);
  border-top:1px solid var(--blue-100); border-bottom:1px solid var(--blue-100); }
[data-active="for-me"] .fm1-sec.slate{ background:var(--slate-50); border-top:1px solid var(--slate-200);
                border-bottom:1px solid var(--slate-200); }

[data-active="for-me"] .fm1-h{ font-size:28px; font-weight:800; letter-spacing:-.6px; color:var(--slate-900);
        margin:0; }
[data-active="for-me"] .fm1-lead{ margin:16px 0 0; max-width:62ch; font-size:17px; line-height:1.6;
           color:var(--slate-500); }
[data-active="for-me"] .fm1-head{ margin-bottom:32px; }

[data-active="for-me"] .fm1-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px;
          font-family:inherit; font-weight:700; font-size:14px; line-height:20px;
          padding:12px 24px; border-radius:9999px; text-decoration:none; border:none;
          cursor:pointer; background:var(--slate-900); color:var(--white); }  
[data-active="for-me"] .fm1-btn:hover{ background:var(--blue-800); }
[data-active="for-me"] .fm1-btn svg{ width:16px; height:16px; flex:none; }
[data-active="for-me"] .fm1-btn.blue{ background:var(--blue-600); }
[data-active="for-me"] .fm1-btn.blue:hover{ background:var(--blue-700); }
[data-active="for-me"] .fm1-btn.ghost{ background:var(--white); color:var(--slate-900); border:1px solid var(--slate-300);
                padding:11px 23px; }
[data-active="for-me"] .fm1-btn.ghost:hover{ background:var(--slate-50); border-color:var(--slate-400); }

[data-active="for-me"] .fm1-prime{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:0;
            border:1px solid var(--slate-200); border-radius:10px; background:var(--white);
            overflow:hidden; }
[data-active="for-me"] .fm1-prime-main{ padding:44px 44px 40px; }
[data-active="for-me"] .fm1-prime-main h2{ color:var(--slate-900); margin:0 0 14px; }  
[data-active="for-me"] .fm1-prime-main p{ margin:0 0 20px; font-size:17px; line-height:1.65; color:var(--ink);
                   max-width:52ch; }

[data-active="for-me"] .fm1-prime-main p.fm1-assure{ display:flex; align-items:flex-start; gap:10px;
             font-weight:700; color:var(--green-700); margin:0 0 24px; font-size:16px; }
[data-active="for-me"] .fm1-assure svg{ width:19px; height:19px; flex:none; margin-top:2px; }

[data-active="for-me"] .fm1-prime-side{ background:var(--white); border-left:1px solid var(--slate-200);
                 padding:36px 32px 34px; display:flex; flex-direction:column;
                 align-items:flex-start; gap:0; }
[data-active="for-me"] .fm1-prime-side .art{ width:64px; height:64px; margin-bottom:14px; }
[data-active="for-me"] .fm1-prime-side .art svg{ width:100%; height:100%; display:block; }
[data-active="for-me"] .fm1-prime-side h3{ font-size:18px; font-weight:800; color:var(--slate-900); margin:0 0 8px; }

[data-active="for-me"] .fm1-prime-side p{ margin:0 0 16px; font-size:var(--fs-read); line-height:1.6; color:var(--ink);
                   max-width:62ch; }

[data-active="for-me"] .fm1-prime-side .art svg [stroke]{ stroke:var(--blue-600); }
[data-active="for-me"] .fm1-prime-side .art svg [stroke="#8fa3b5"]{ stroke:var(--slate-400); }
[data-active="for-me"] .fm1-prime-side .art svg [fill]:not([fill="none"]){ fill:var(--blue-600); }

[data-active="for-me"] .fm1-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
[data-active="for-me"] .fm1-card{ grid-column:span 2; background:var(--white); border:1px solid var(--slate-200);
           border-radius:10px; padding:26px 26px 22px; display:flex;
           flex-direction:column; text-decoration:none; color:inherit;
           transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
[data-active="for-me"] .fm1-card.wide{ grid-column:span 3; }
[data-active="for-me"] .fm1-card:hover{ border-color:var(--blue-600);
                 box-shadow:0 10px 26px -14px rgba(0,37,84,.35); transform:translateY(-2px); }
[data-active="for-me"] .fm1-card .ico{ height:28px; color:var(--blue-600); margin-bottom:16px; display:block; }
[data-active="for-me"] .fm1-card .ico svg{ width:28px; height:28px; display:block; }
[data-active="for-me"] .fm1-card h3{ font-size:20px; font-weight:800; letter-spacing:-.3px; color:var(--slate-900);
              margin:0 0 9px; }
[data-active="for-me"] .fm1-card p{ font-size:16px; line-height:1.6; color:var(--ink); margin:0 0 18px; flex:1;
             max-width:46ch; }
[data-active="for-me"] .fm1-card .go{ display:inline-flex; align-items:center; gap:7px; font-size:14.5px;
               font-weight:800; color:var(--blue-700); }
[data-active="for-me"] .fm1-card .go svg{ width:16px; height:16px; }
[data-active="for-me"] .fm1-card:hover .go{ color:var(--blue-600); }

[data-active="for-me"] .fm1-rows{ border-top:1px solid var(--slate-200); }
[data-active="for-me"] .fm1-row{ display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:0 20px;
          align-items:center; padding:22px 4px; border-bottom:1px solid var(--slate-200);
          text-decoration:none; color:inherit; transition:background .15s ease; }
[data-active="for-me"] .fm1-row:hover{ background:var(--slate-50); }
[data-active="for-me"] .fm1-row .art{ width:40px; height:40px; }
[data-active="for-me"] .fm1-row .art svg{ width:100%; height:100%; display:block; }
[data-active="for-me"] .fm1-row .art svg [stroke]{ stroke:var(--blue-600); }
[data-active="for-me"] .fm1-row .art svg [stroke="#8fa3b5"]{ stroke:var(--slate-400); }
[data-active="for-me"] .fm1-row .art svg [fill]:not([fill="none"]){ fill:var(--blue-600); }
[data-active="for-me"] .fm1-row h3{ font-size:18px; font-weight:800; color:var(--slate-900); margin:0 0 4px; }
[data-active="for-me"] .fm1-row p{ font-size:var(--fs-read); line-height:1.55; color:var(--ink); margin:0; max-width:66ch; }
[data-active="for-me"] .fm1-row .go{ display:inline-flex; align-items:center; gap:7px; font-size:14.5px;
              font-weight:800; color:var(--blue-700); white-space:nowrap; }
[data-active="for-me"] .fm1-row .go svg{ width:16px; height:16px; }

[data-active="for-me"] .fm1-faqs{ max-width:880px; background:var(--blue-50); border:1px solid var(--blue-100);
           border-radius:10px; overflow:hidden; }  
[data-active="for-me"] .fm1-faq + .fm1-faq{ border-top:1px solid var(--blue-100); }
[data-active="for-me"] .fm1-faq summary:hover{ color:var(--blue-700); }

[data-active="for-me"] .fm1-row.sud h3{ color:var(--green-700); }
[data-active="for-me"] .fm1-row.sud .go{ color:var(--green-700); }
[data-active="for-me"] .fm1-faq summary{ cursor:pointer; padding:17px 20px; font-size:16px; font-weight:700;
                  color:var(--slate-900); list-style:none; display:flex;
                  align-items:center; justify-content:space-between; gap:14px; }
[data-active="for-me"] .fm1-faq summary::-webkit-details-marker{ display:none; }

[data-active="for-me"] .fm1-faq summary::after{ content:""; width:9px; height:9px; flex:0 0 auto; margin-top:-4px;
                         border-right:2px solid var(--slate-500); border-bottom:2px solid var(--slate-500);
                         transform:rotate(45deg); transition:transform .15s ease; }
[data-active="for-me"] .fm1-faq[open] summary::after{ transform:rotate(-135deg); margin-top:4px; }
[data-active="for-me"] .fm1-faq .body{ padding:0 20px 18px; color:var(--ink); font-size:16px; line-height:1.65;
                max-width:62ch; }
[data-active="for-me"] .fm1-faq .body ul{ margin:12px 0 0; padding-left:20px; }
[data-active="for-me"] .fm1-faq .body li{ margin-bottom:6px; }

[data-active="for-me"] .fm1-faq .body li::marker{ color:var(--slate-500); }
[data-active="for-me"] .fm1-faq .body p{ margin:12px 0 0; }

[data-active="for-me"] .fm1-faq .body a{ color:var(--blue-700); font-weight:700; text-decoration:underline;
                  text-underline-offset:2px; }
[data-active="for-me"] .fm1-faq .body a.sud-inline{ color:var(--green-700); }

[data-active="for-me"] .fm1-card:focus-visible,
[data-active="for-me"] .fm1-row:focus-visible,
[data-active="for-me"] .fm1-faq summary:focus-visible,
[data-active="for-me"] .fm1-btn:focus-visible,
[data-active="for-me"] .fm1-prime a:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; }

@media (max-width:1180px){
  [data-active="for-me"] .fm1-sec{ padding:56px 0; }
  [data-active="for-me"] .fm1-prime{ grid-template-columns:minmax(0,1fr); }
  [data-active="for-me"] .fm1-prime-side{ border-left:none; border-top:1px solid var(--slate-200);
                   flex-direction:column; align-items:flex-start; gap:0; }
  [data-active="for-me"] .fm1-prime-side .art{ margin-bottom:10px; }
  [data-active="for-me"] .fm1-prime-side p{ margin:8px 0 16px; }
}
@media (max-width:900px){
  [data-active="for-me"] .fm1-sec{ padding:48px 0; }
        [data-active="for-me"] .fm1-act{ grid-column:1; grid-row:auto; }
  [data-active="for-me"] .fm1-act{ margin-top:14px; }
  [data-active="for-me"] .fm1-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-active="for-me"] .fm1-card,
  [data-active="for-me"] .fm1-card.wide{ grid-column:span 1; }
  [data-active="for-me"] .fm1-prime-main{ padding:30px 26px 26px; }
  [data-active="for-me"] .fm1-prime-side{ padding:26px; }
  
  [data-active="for-me"] .fm1-row{ align-items:start; }
  [data-active="for-me"] .fm1-row .art{ margin-top:-6px; }
  [data-active="for-me"] .fm1-row .go{ align-self:center; }
  [data-active="for-me"] .fm1-h{ font-size:26px; }
}

@media (min-width:641px) and (max-width:900px){
  [data-active="for-me"] .fm1-grid > :last-child:nth-child(odd){ grid-column:span 2; }
}
@media (max-width:640px){
  [data-active="for-me"] .fm1-sec{ padding:40px 0; }
  [data-active="for-me"] .fm1-grid{ grid-template-columns:minmax(0,1fr); }
  [data-active="for-me"] .fm1-btn{ width:100%; }
  [data-active="for-me"] .fm1-row{ grid-template-columns:40px minmax(0,1fr); gap:0 16px; row-gap:14px; }
  [data-active="for-me"] .fm1-row .go{ grid-column:2; }
}

[data-active="quick-clinical-reference"] .lookup-h2{
  font-size:28px; font-weight:800; line-height:1.18; letter-spacing:-.6px;
  color:var(--slate-900); margin:0 0 10px;
}
[data-active="quick-clinical-reference"] .lookup-rule{
  display:block; width:120px; height:4px; border-radius:0;
  background:var(--sud); margin:0 0 30px;             
}
[data-active="quick-clinical-reference"] .tgroup{ margin-bottom:34px; }
[data-active="quick-clinical-reference"] .tgroup .qcr-table{
  table-layout:fixed; border-radius:var(--r); width:100%;
}
[data-active="quick-clinical-reference"] .qcr-table .c-sti{ width:18%; }
[data-active="quick-clinical-reference"] .qcr-table .c-sx { width:21%; }
[data-active="quick-clinical-reference"] .qcr-table .c-tx { width:22%; }
[data-active="quick-clinical-reference"] .qcr-table .c-rx { width:39%; }

[data-active="quick-clinical-reference"] .tgroup .qcr-table caption{
  caption-side:top; text-align:left;                  
  padding:0 0 12px;
  font-size:18px; font-weight:800; line-height:1.4; letter-spacing:-.2px;
  color:var(--slate-900);
}
[data-active="quick-clinical-reference"] .tchip{
  display:inline-block; vertical-align:2px; margin-left:10px;
  border-radius:9999px; border:1px solid transparent;
  padding:3px 12px; font-size:11px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; line-height:1.4;
}
[data-active="quick-clinical-reference"] .tchip.red{
  background:var(--red-700); border-color:var(--red-700); color:#fff;             
}
[data-active="quick-clinical-reference"] .tchip.amber{
  background:var(--amber-50); border-color:var(--amber-200); color:var(--amber-700); 
}
[data-active="quick-clinical-reference"] .tchip.gray{
  background:#fff; border-color:var(--slate-200); color:var(--slate-500);          
}

[data-active="quick-clinical-reference"] .qcr-table tbody th{
  text-align:left; font-weight:400; border-top:1px solid var(--slate-100);
  padding:16px 18px; vertical-align:top;              
  font-size:13.5px; color:var(--ink); overflow-wrap:break-word;
}
[data-active="quick-clinical-reference"] .qcr-table tbody td{
  padding:16px 18px; overflow-wrap:break-word;
}
[data-active="quick-clinical-reference"] .qcr-table thead th{ padding:13px 18px; }
[data-active="quick-clinical-reference"] .qcr-sti .nm{ font-size:14px; }

[data-active="quick-clinical-reference"] .qcr-sti{ min-width:0; }
[data-active="quick-clinical-reference"] .qcr-sti .mono{ flex:none; }
[data-active="quick-clinical-reference"] .qcr-list{ gap:4px; }
[data-active="quick-clinical-reference"] .qcr-list li{ line-height:1.35; }

[data-active="quick-clinical-reference"] .tscroll{ max-width:100%; }
[data-active="quick-clinical-reference"] .tscroll:focus-visible{
  outline:3px solid var(--blue-600); outline-offset:3px;
}
@media screen and (max-width:900px){
  [data-active="quick-clinical-reference"] .tscroll{
    overflow-x:auto; -webkit-overflow-scrolling:touch;
  }
  [data-active="quick-clinical-reference"] .tgroup .qcr-table{ min-width:860px; }
}

@media screen and (max-width:640px){
  [data-active="quick-clinical-reference"] .tgroup .qcr-table{
    display:table; white-space:normal; overflow:clip;
  }
}

[data-active="quick-clinical-reference"] .qcr-sec{
  border-radius:var(--r); border:1px solid var(--slate-200); background:var(--white);
  padding:24px 28px 26px; margin-top:18px;
}
[data-active="quick-clinical-reference"] .qcr-sec.is-notes{
  background:var(--white); border-color:var(--slate-200);
}
[data-active="quick-clinical-reference"] .qcr-sec-head{
  display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin:0;
}
[data-active="quick-clinical-reference"] .qcr-sec h2{
  font-size:22px; font-weight:800; line-height:1.2; letter-spacing:-.4px;
  color:var(--slate-900); margin:0;
}
[data-active="quick-clinical-reference"] .qcr-sec .mlab{
  font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--slate-500); margin:0;
}
[data-active="quick-clinical-reference"] .qcr-sec .headrule{
  display:block; width:64px; height:4px; border-radius:2px;
  background:var(--sud); margin:10px 0 18px;
}

[data-active="quick-clinical-reference"] .krow{
  display:grid; grid-template-columns:190px minmax(0, 430px); gap:22px;
  padding:13px 0; border-top:1px solid var(--blue-100);
}
[data-active="quick-clinical-reference"] .krow .k{ font-size:14px; font-weight:700; color:var(--slate-900); }
[data-active="quick-clinical-reference"] .krow .v{ font-size:14px; line-height:1.6; color:var(--ink); }
[data-active="quick-clinical-reference"] .qcr-lead-line{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); max-width:470px; margin:0 0 4px;
}

[data-active="quick-clinical-reference"] .qcr-sec.is-scan{
  background:#fff; border-color:var(--slate-200); padding:0;
}
[data-active="quick-clinical-reference"] .src-h2{ margin:0; font-weight:400; }
[data-active="quick-clinical-reference"] .src-title{
  font-size:22px; font-weight:800; line-height:1.2; letter-spacing:-.4px;
  color:var(--slate-900);
}
[data-active="quick-clinical-reference"] .src-btn{
  width:100%; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; padding:20px 28px;
  background:none; border:0; cursor:pointer; text-align:left;
}

[data-active="quick-clinical-reference"] .src-chev{
  margin-left:auto; align-self:center; flex:none; color:var(--slate-500);
}
[data-active="quick-clinical-reference"] .src-chev svg{
  width:20px; height:20px; transition:transform .14s ease;
}
[data-active="quick-clinical-reference"] .src-btn[aria-expanded="true"] .src-chev svg{
  transform:rotate(180deg);
}
[data-active="quick-clinical-reference"] .src-btn:focus-visible{
  outline:3px solid var(--blue-600); outline-offset:-3px;
}
[data-active="quick-clinical-reference"] .src-body{ display:none; padding:0 28px 24px; }
[data-active="quick-clinical-reference"] .src-body.open{ display:block; }

[data-active="quick-clinical-reference"] .src-list{
  list-style:none; margin:0; padding:0; display:grid; gap:8px 24px;
  grid-template-columns:repeat(2, minmax(0, 34em));
}
[data-active="quick-clinical-reference"] .src-list li{ position:relative; padding-left:16px; }
[data-active="quick-clinical-reference"] .src-list li::before{
  content:"\2022"; position:absolute; left:2px; top:0; color:var(--slate-500);
}
[data-active="quick-clinical-reference"] .src-list a,
[data-active="quick-clinical-reference"] .qcr-table a,
[data-active="quick-clinical-reference"] .krow .v a{ color:var(--blue-700); text-decoration:underline; text-underline-offset:3px; }   

@media screen and (max-width:900px){
  [data-active="quick-clinical-reference"] .krow{ grid-template-columns:1fr; gap:4px; }
  [data-active="quick-clinical-reference"] .src-btn{ padding:20px 20px; }
  [data-active="quick-clinical-reference"] .src-body{ padding:0 20px 22px; }
  [data-active="quick-clinical-reference"] .krow .v{ max-width:440px; }
  [data-active="quick-clinical-reference"] .src-list{ grid-template-columns:1fr; }
  [data-active="quick-clinical-reference"] .src-body{ padding-left:28px; }
  [data-active="quick-clinical-reference"] .qcr-sec{ padding:20px 20px 22px; }
  [data-active="quick-clinical-reference"] .lookup-h2{ font-size:24px; }
  [data-active="quick-clinical-reference"] .qcr-sec h2,
  [data-active="quick-clinical-reference"] .src-title{ font-size:20px; }
  [data-active="quick-clinical-reference"] .tgroup .qcr-table caption{ font-size:16px; }
}

@media print{
  [data-active="quick-clinical-reference"] .tscroll{ overflow:visible !important; }
  [data-active="quick-clinical-reference"] .tgroup .qcr-table{
    min-width:0; table-layout:auto; break-inside:avoid; page-break-inside:avoid;
  }
  [data-active="quick-clinical-reference"] .tgroup{
    margin-bottom:16pt; break-inside:avoid; page-break-inside:avoid;
  }
  [data-active="quick-clinical-reference"] .lookup-h2{ color:#000 !important; font-size:13pt; }
  [data-active="quick-clinical-reference"] .lookup-rule{
    background:#000 !important; height:2px; width:48px; margin-bottom:12pt;
  }
  [data-active="quick-clinical-reference"] .tgroup .qcr-table caption{
    color:#000 !important; font-size:11.5pt; padding-bottom:5pt;
  }
  [data-active="quick-clinical-reference"] .tchip{
    background:none !important; color:#000 !important; border:1px solid #000;
    border-radius:0; padding:2px 7px;
  }
  [data-active="quick-clinical-reference"] .tchip.red{ border-width:2px; }
  [data-active="quick-clinical-reference"] .qcr-table tbody th{
    padding:10px; font-size:9.5pt; border-top-color:#999;
  }
  [data-active="quick-clinical-reference"] .qcr-sec{
    background:#fff !important; border-color:#999 !important; border-radius:0;
    padding:8pt 0 0; margin-top:10pt;
  }
  [data-active="quick-clinical-reference"] .qcr-sec h2,
  [data-active="quick-clinical-reference"] .qcr-sec .mlab,
  [data-active="quick-clinical-reference"] .src-title,
  [data-active="quick-clinical-reference"] .krow .k,
  [data-active="quick-clinical-reference"] .krow .v,
  [data-active="quick-clinical-reference"] .qcr-lead-line{ color:#000 !important; }
  [data-active="quick-clinical-reference"] .qcr-sec .headrule{
    background:#000 !important; height:2px; width:48px; margin:5pt 0 8pt;
  }
  [data-active="quick-clinical-reference"] .krow{
    grid-template-columns:150px 1fr; border-top-color:#bbb !important;
    break-inside:avoid; page-break-inside:avoid;
  }
  [data-active="quick-clinical-reference"] .src-chev{ display:none; }
  [data-active="quick-clinical-reference"] .src-btn{ padding:8pt 0 0; }
  [data-active="quick-clinical-reference"] .src-body{ display:block !important; padding:0; }
  
  [data-active="quick-clinical-reference"] .src-list a{
    color:#000; text-decoration:underline; text-decoration-color:currentColor;
  }
}

[data-active="provider-landing"] 
  
  .cg-link{ display: inline-flex; align-items: center; gap: 5px; font-weight: 600; color: var(--blue-700); text-decoration: none; }
[data-active="provider-landing"] .cg-link:hover{ text-decoration: underline; }
[data-active="provider-landing"] .cg-link svg{ width: 13px; height: 13px; flex: none; opacity: .7; }
[data-active="provider-landing"] .cg-ref-row{ margin-top: 10px; font-size: 13px; }
[data-active="provider-landing"] .cg-ref-row .k2{ font-weight: 700; color: var(--slate-500); margin-right: 6px; }
[data-active="provider-landing"] 
  .cg-shortcuts{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 0 26px; }
[data-active="provider-landing"] .cg-shortcut{ display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--slate-200); border-radius: var(--r); background: var(--eo-surface-1, #fff); padding: 16px 18px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
[data-active="provider-landing"] .cg-shortcut:hover{ border-color: var(--blue-300); box-shadow: 0 2px 8px rgba(15,23,42,.06); }
[data-active="provider-landing"] .cg-shortcut .sc-ic{ width: 34px; height: 34px; border-radius: 9px; background: none; color: var(--blue-600); display: flex; align-items: center; justify-content: flex-start; }
[data-active="provider-landing"] .cg-shortcut .sc-ic svg{ width: 18px; height: 18px; }
[data-active="provider-landing"] .cg-shortcut h4{ font-size: 16px; font-weight: 700; margin: 4px 0 0; color: var(--slate-900); }
[data-active="provider-landing"] .cg-shortcut p{ font-size:var(--fs-read-sm); line-height: 1.45; color: var(--slate-500); margin: 0; }
[data-active="provider-landing"] .cg-shortcut .sc-tag{ font-size: 11px; font-weight: 700; letter-spacing: .3px; color: var(--blue-700); display: inline-flex; align-items: center; gap: 4px;  }
[data-active="provider-landing"] .cg-shortcut .sc-tag svg{ width: 12px; height: 12px; }
  
  @media (max-width: 760px) {[data-active="provider-landing"] .cg-shortcuts, [data-active="provider-landing"] .scr-cols, [data-active="provider-landing"] .spec-quad, [data-active="provider-landing"] .hr-grid, [data-active="provider-landing"] .tc-body{ grid-template-columns: 1fr !important; }
[data-active="provider-landing"] .test-card, [data-active="provider-landing"] .tds-card{ overflow-x: auto; }
  }

@media (max-width:1180px){[data-active="provider-landing"] .pt-grid, [data-active="provider-landing"] .qa-grid, [data-active="provider-landing"] .step-grid{ grid-template-columns:repeat(2,1fr); }
[data-active="provider-landing"] .mission .wrap{ gap:36px; }
  }
  @media (max-width:900px){[data-active="provider-landing"] .gate-grid, [data-active="provider-landing"] .tile-grid, [data-active="provider-landing"] .step-grid, [data-active="provider-landing"] .pt-grid, [data-active="provider-landing"] .qa-grid, [data-active="provider-landing"] .hero-cards, [data-active="provider-landing"] .ct-grid, [data-active="provider-landing"] .ct-grid-3, [data-active="provider-landing"] .cg-shortcuts, [data-active="provider-landing"] .hotline-grid, [data-active="provider-landing"] .src-list, [data-active="provider-landing"] .ft-grid, [data-active="provider-landing"] .basics-list, [data-active="provider-landing"] .foot-top, [data-active="provider-landing"] .mission .wrap{ grid-template-columns:1fr; }
[data-active="provider-landing"] .gate{ min-height:320px; }
[data-active="provider-landing"] .hero .wrap{ padding-top:64px; padding-bottom:64px; }
[data-active="provider-landing"] .hero h1{ font-size:34px; }
[data-active="provider-landing"] .mission .wrap{ gap:28px; }
[data-active="provider-landing"] .foot-crisis .wrap, [data-active="provider-landing"] .foot-legal .wrap{ gap:14px; }
  }
  @media (max-width:640px){[data-active="provider-landing"] .tile{ min-height:150px; }
[data-active="provider-landing"] .gate{ min-height:280px; }
[data-active="provider-landing"] .hero .wrap{ padding-top:44px; padding-bottom:44px; }
[data-active="provider-landing"] .hero h1{ font-size:28px; }
[data-active="provider-landing"] .hero p, [data-active="provider-landing"] .hero .lead{ font-size:15.5px; }
[data-active="provider-landing"] .mission h2{ font-size:24px; }
[data-active="provider-landing"] .cs-alert .wrap{ flex-direction:column; align-items:flex-start; gap:10px; }
  }

[data-active="youth"] .doc-main > section{ padding-top:60px; padding-bottom:60px; }
[data-active="youth"] .doc-main > section.sec-tint{
  padding-top:60px !important; padding-bottom:60px !important;
  margin-top:0; margin-bottom:0;
}
[data-active="youth"] .doc-main > section:last-child{ padding-bottom:8px; }

[data-active="youth"] .yt-head{ text-align:left; margin-bottom:26px; }
[data-active="youth"] .yt-head h2{
  text-align:left; font-size:clamp(25px,2.8vw,34px); font-weight:900;
  letter-spacing:-.028em; line-height:1.1; color:var(--slate-900); margin:0;
}
[data-active="youth"] .yt-head p{
  margin:14px 0 0; max-width:64ch;
  font-size:16px; line-height:1.6; color:var(--slate-500);
}

[data-active="youth"] p.ya-lbl,
[data-active="youth"] .yb p.ya-lbl{
  display:block; margin:0 0 8px;
  font-size:11.5px; font-weight:800; letter-spacing:.13em;
  text-transform:uppercase; color:var(--slate-500);
}

[data-active="youth"] .ya-answer{ padding-top:8px !important; }
[data-active="youth"] .ya-q{
  font-size:clamp(24px,2.9vw,35px); font-weight:800; letter-spacing:-.03em;
  line-height:1.1; color:var(--slate-900); margin:0 0 18px; max-width:22ch;
}

[data-active="youth"] .ya-yes{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:0 28px;
  align-items:start; margin:0 0 26px;
}

[data-active="youth"] .ya-yes .big{
  font-size:clamp(40px,5vw,64px); font-weight:900; letter-spacing:-.05em;
  line-height:.9; color:var(--green-700);
}
[data-active="youth"] .ya-yes .rest{
  font-size:clamp(16px,1.7vw,18px); line-height:1.6; color:var(--ink);
  max-width:50ch; margin:0;
}
[data-active="youth"] .ya-intro{
  font-size:16px; line-height:1.66; color:var(--ink); margin:0 0 16px; max-width:60ch;
}
[data-active="youth"] .ya-h3{
  font-size:clamp(19px,2vw,23px); font-weight:800; letter-spacing:-.022em;
  line-height:1.15; color:var(--slate-900); margin:0 0 10px;
}

[data-active="youth"] .ya-facts{ list-style:none; margin:0 0 26px; padding:0; max-width:64ch; }
[data-active="youth"] .ya-facts li{
  display:block; padding:13px 0; border-top:1px solid var(--slate-200);
  font-size:16px; line-height:1.55; color:var(--ink);
}
[data-active="youth"] .ya-facts li:last-child{ border-bottom:1px solid var(--slate-200); }
[data-active="youth"] .ya-facts li::before{ content:none; }

[data-active="youth"] .ya-law{
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:var(--r);
  padding:22px 24px; margin:0 0 20px;
}
[data-active="youth"] .ya-law .legal-cite{
  font-size:15.5px; line-height:1.68; color:var(--ink); margin:0; max-width:62ch;
}
[data-active="youth"] .ya-law .legal-cite.legal-src{
  margin-top:14px; font-size:14px; line-height:1.65; color:var(--slate-500); max-width:70ch;
}
[data-active="youth"] .ya-law .legal-cite strong{ color:var(--slate-900); }

[data-active="youth"] .cc-note{
  display:flex; align-items:flex-start;
  background:var(--amber-50); border:1px solid var(--amber-100); border-radius:var(--r);
  padding:15px 17px; gap:11px; margin:0;
  font-size:14.5px; line-height:1.62; color:var(--ink);
}
[data-active="youth"] .cc-note svg{
  width:17px; height:17px; flex:none; margin-top:2px; color:var(--amber-700);
}
[data-active="youth"] .cc-note strong{ color:var(--slate-900); }

@media (min-width:901px){
  
  [data-active="youth"] .ya-cols{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:28px 34px; align-items:start;
  }
  [data-active="youth"] .ya-cols .ya-facts{ margin-bottom:0; }
}

[data-active="youth"] .yb-h3{
  font-size:clamp(19px,2vw,23px); font-weight:800; letter-spacing:-.022em;
  line-height:1.15; color:var(--slate-900); margin:0 0 10px;
}
[data-active="youth"] .yb p{
  font-size:16px; line-height:1.66; color:var(--ink); margin:0 0 14px; max-width:62ch;
}
[data-active="youth"] .yb p:last-child{ margin-bottom:0; }
[data-active="youth"] .yb ul{ list-style:none; margin:0; padding:0; }
[data-active="youth"] .yb ul li{
  display:block; position:relative; padding-left:18px; margin-bottom:9px;
  font-size:var(--fs-read); line-height:1.55; color:var(--ink);
}
[data-active="youth"] .yb ul li:last-child{ margin-bottom:0; }

[data-active="youth"] .yb ul li::before{
  content:"\2022"; position:absolute; left:2px; top:-1px;
  font-weight:700; color:var(--slate-500);
}

[data-active="youth"] .yb-open{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px 34px;
  padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid var(--slate-200);
}

[data-active="youth"] .yb-calm{
  background:var(--white); border:1px solid var(--slate-200); border-radius:var(--r);
  padding:28px 30px; margin-bottom:30px;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px 34px;
}
[data-active="youth"] .yb-calm .pull{ font-weight:900; color:var(--slate-900); }
[data-active="youth"] .yb-calm .factbox{
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:var(--r);
  padding:14px 16px; margin:14px 0 0;
  font-size:14.5px; line-height:1.6; color:var(--ink);
}
[data-active="youth"] .yb-calm .factbox strong{ color:var(--slate-900); }

[data-active="youth"] .yb-do{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px 34px;
}
[data-active="youth"] .yb-do ul li{
  padding:12px 0 12px 0; margin:0; border-top:1px solid var(--slate-200);
  font-size:var(--fs-read); line-height:1.5; color:var(--ink);
}
[data-active="youth"] .yb-do ul li:last-of-type{ border-bottom:1px solid var(--slate-200); }
[data-active="youth"] .yb-do ul li::before{ content:none; }
[data-active="youth"] .yb-do .ylink{
  display:inline-block; margin-top:16px;
  font-size:15px; font-weight:800; color:var(--blue-700);
  text-decoration:underline; text-underline-offset:3px;
}
[data-active="youth"] .yb-do .ylink svg{
  width:16px; height:16px; vertical-align:-3px; margin-left:6px;
}

[data-active="youth"] .yb-do .ylink:hover{ color:var(--blue-600); }

@media (max-width:760px){
  [data-active="youth"] .yb-open,
  [data-active="youth"] .yb-calm,
  [data-active="youth"] .yb-do{ grid-template-columns:minmax(0,1fr); }
  [data-active="youth"] .yb-calm{ padding:22px 20px; }
}

[data-active="youth"] .doc-main > section.sec-tint.is-dark{
  background:var(--slate-900);
  border-top-color:var(--slate-900); border-bottom-color:var(--slate-900);
}
[data-active="youth"] .myths{
  max-width:none; margin:0; padding:0; background:none; border-radius:0;
}
[data-active="youth"] .is-dark .yt-head h2{ color:var(--white); }
[data-active="youth"] .myths-grid{ gap:20px 34px; }
[data-active="youth"] .myth{
  background:none; border:0; border-radius:0; padding:0;
  display:flex; flex-direction:column;
}

[data-active="youth"] .myth .m{
  display:block; margin:0 0 8px;
  font-size:11.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase;
  color:var(--slate-300);
}

[data-active="youth"] .myth .mt{
  color:var(--white); font-size:clamp(17px,1.8vw,20px); line-height:1.4;
  font-style:italic; margin:0 0 14px; min-height:2.8em;
}
[data-active="youth"] .myth .fact{
  background:var(--white); border-radius:var(--r); padding:16px 18px; margin-top:0;
}
[data-active="youth"] .myth .ft{
  color:var(--ink); font-size:var(--fs-read); line-height:1.6; margin:0;
}

[data-active="youth"] .yp{ max-width:none; }
[data-active="youth"] .yp h3{
  font-size:clamp(19px,2vw,23px); font-weight:800; letter-spacing:-.022em;
  line-height:1.15; color:var(--slate-900); margin:0 0 10px;
}
[data-active="youth"] .yp > p{
  font-size:16px; line-height:1.66; color:var(--ink); margin:0 0 16px; max-width:62ch;
}
@media (min-width:901px){
  [data-active="youth"] .yp-cols{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:26px 34px; align-items:start;
  }
  [data-active="youth"] .yp-cols .ya-facts{ margin-bottom:0; }
}

[data-active="youth"] .wtg-grid{ max-width:none; margin:0; gap:18px; }
[data-active="youth"] .wtg-card{
  background:var(--white); border:1px solid var(--slate-200);
  border-radius:var(--r); padding:22px 22px 20px;
}
[data-active="youth"] .wtg-card .spot{
  display:block; width:28px; height:28px; margin:0 0 14px;
  color:var(--blue-600); background:none; border:0; border-radius:0;
}
[data-active="youth"] .wtg-card .spot svg{ display:block; width:28px; height:28px; }
[data-active="youth"] .wtg-card h3{
  font-size:18px; font-weight:800; letter-spacing:-.02em;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="youth"] .wtg-card > p{
  font-size:var(--fs-read); line-height:1.6; color:var(--ink); margin:0 0 14px;
}
[data-active="youth"] .wtg-card ul{ list-style:none; margin:0; padding:0; }
[data-active="youth"] .wtg-card ul li{
  display:block; position:relative; padding-left:16px; margin-bottom:7px;
  font-size:var(--fs-read); line-height:1.5; color:var(--ink);
}
[data-active="youth"] .wtg-card ul li::before{
  content:"\2022"; position:absolute; left:1px; top:-1px;
  font-weight:700; color:var(--slate-500);
}
[data-active="youth"] .wtg-act{ margin-top:28px; }

[data-active="youth"] .yfaq{ display:flex; flex-direction:column; gap:10px; }
[data-active="youth"] .yfaq details{
  background:var(--blue-50); border:1px solid var(--blue-100); border-radius:var(--r);
}
[data-active="youth"] .yfaq summary{
  list-style:none; cursor:pointer; display:flex; gap:18px; align-items:flex-start;
  justify-content:space-between; padding:17px 20px;
  font-size:16.5px; font-weight:700; color:var(--slate-900); line-height:1.45;
}
[data-active="youth"] .yfaq summary::-webkit-details-marker{ display:none; }
[data-active="youth"] .yfaq summary:hover{ color:var(--blue-700); }
[data-active="youth"] .yfaq .chev{ flex:none; color:var(--slate-500); margin-top:2px; }
[data-active="youth"] .yfaq .chev svg{ width:20px; height:20px; display:block; }
[data-active="youth"] .yfaq details[open] .chev{
  transform:rotate(180deg); color:var(--slate-900);
}
[data-active="youth"] .yfaq .ans{
  padding:0 20px 20px; font-size:15px; line-height:1.68; color:var(--ink); max-width:72ch;
}
[data-active="youth"] .yfaq .ans a{
  color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px;
}
[data-active="youth"] .yfaq .ans a:hover{ color:var(--blue-600); }

[data-active="youth"] .yfaq .ans a.sud-inline{ color:var(--sud-deep); }
[data-active="youth"] .yfaq .ans a.sud-inline:hover{ color:var(--sud); }

[data-active="youth"] .legal-cite a,
[data-active="youth"] .cc-note a{
  color:var(--blue-700); font-weight:700; text-decoration:underline; text-underline-offset:2px;
}
[data-active="youth"] .legal-cite a:hover,
[data-active="youth"] .cc-note a:hover{ color:var(--blue-600); }

[data-active="youth"] .yt-res-grid{ max-width:none; margin:0; gap:16px; }
[data-active="youth"] .yt-res{
  background:var(--white); border:1px solid var(--slate-200); border-radius:var(--r);
  padding:20px; display:flex; flex-direction:column;
  transition:border-color .12s ease;
}
[data-active="youth"] .yt-res h3{
  font-size:16.5px; font-weight:800; letter-spacing:-.015em;
  color:var(--slate-900); margin:0 0 8px;
}
[data-active="youth"] .yt-res p{
  font-size:var(--fs-read); line-height:1.55; color:var(--ink); margin:0 0 14px;
}
[data-active="youth"] .yt-res .acts{
  margin-top:auto; padding-top:12px; border-top:1px solid var(--slate-200);
  display:flex; flex-wrap:wrap; gap:6px 18px;
}
[data-active="youth"] .yt-res .rlink{
  font-size:14.5px; font-weight:800; color:var(--blue-700);
}
[data-active="youth"] .yt-res .rlink svg{
  width:14px; height:14px; vertical-align:-2px; margin-left:5px;
}
[data-active="youth"] .yt-res .rlink:hover{
  color:var(--blue-600); text-decoration:underline; text-underline-offset:3px;
}

[data-active="youth"] .doc-main a:focus-visible,
[data-active="youth"] .doc-main summary:focus-visible,
[data-active="youth"] .doc-main button:focus-visible{
  outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px;
}

@media (max-width:1180px){
  [data-active="youth"] .doc-main > section{ padding-top:52px; padding-bottom:52px; }
  [data-active="youth"] .doc-main > section.sec-tint{
    padding-top:52px !important; padding-bottom:52px !important;
  }
}
@media (max-width:900px){
  [data-active="youth"] .doc-main > section{ padding-top:44px; padding-bottom:44px; }
  [data-active="youth"] .doc-main > section.sec-tint{
    padding-top:44px !important; padding-bottom:44px !important;
  }
  [data-active="youth"] .ya-yes{ grid-template-columns:minmax(0,1fr); gap:10px; }
  [data-active="youth"] .ya-yes .big{ line-height:1; }
  
  [data-active="youth"] .ya-cols > div + div{ margin-top:30px; }
}
@media (max-width:640px){
  [data-active="youth"] .doc-main > section{ padding-top:38px; padding-bottom:38px; }
  [data-active="youth"] .doc-main > section.sec-tint{
    padding-top:38px !important; padding-bottom:38px !important;
  }
  
  [data-active="youth"] .ya-q{ max-width:none; }
  [data-active="youth"] .ya-law{ padding:18px 17px; }
  [data-active="youth"] .yfaq summary{ font-size:15.5px; padding:15px 17px; }
  [data-active="youth"] .yfaq .ans{ padding:0 17px 17px; }
}

.cwrap { min-width: 0; }
  .cwrap > section { padding-left: 0 !important; padding-right: 0 !important; }
  .cwrap > section:first-of-type { padding-top: 24px !important; }
  .cwrap > section > div { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

.mono{
  display:inline-block; width:fit-content; height:auto; min-width:0;
  padding:0 0 4px; margin:0;
  background:none; border:0; border-radius:0; box-shadow:none;
  border-bottom:2.5px solid var(--slate-900);
  color:var(--slate-900); font-weight:800; letter-spacing:.04em; line-height:1.05;
  
  justify-self:start; align-self:start;
}

.mono.mono-amber, .mono.mono-blue, .mono.mono-purple{ border-bottom-color:var(--blue-700); }

.mono.mono-red, .mono.mono-green, .mono.mono-navy, .mono.mono-yellow{ border-bottom-color:var(--slate-900); }

.mono.mono-teal{ border-bottom-color:var(--teal-700); }

.acc-ico.mono{
  width:fit-content; height:auto; flex:none;
  display:inline-block; padding:0 0 4px; border-radius:0;
}

.ffps > summary .ffps-ico{
  width:20px; height:20px; flex:none;
  color:var(--blue-700);
}
[data-section="providers"] .ffps.sud-accent:not(.is-dark) > summary .ffps-ico{ color:var(--sud-deep); }
[data-section="providers"] .ffps.is-dark > summary .ffps-ico{ color:#8fb8e0; }

.acc-item.is-static{
  background:none; border:0; border-radius:0; overflow:visible; padding:0;
}
.acc-item.is-static .acc-body{ display:block; padding:0; }
.acc-item.is-static .acc-body .row{
  grid-template-columns:210px 1fr; gap:28px; padding:16px 0;
  border-top:1px solid var(--slate-200);
}

.acc-item.is-static{ margin-top:26px; }
.acc-item.is-static .acc-body .row:first-child{
  border-top:1px solid var(--slate-200); padding-top:18px;
}
.acc-item.is-static .acc-body .row .k{
  font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--slate-900);
}

.qcr-table .qt-group th{
  text-align:left; padding:30px 0 10px;
  font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:var(--slate-900); border:0;
}
.qcr-table tbody:first-of-type .qt-group th{ padding-top:2px; }
.qcr-table .qt-group th span{
  display:block; margin-top:3px;
  font-size:13px; font-weight:500; letter-spacing:0; text-transform:none;
  color:var(--slate-500);
}

.qcr-table .qt-group + tr td{ border-top:2px solid var(--slate-900); }

[data-active="provider-landing"] .acc.acc-static{ display:block; }

.acc:not(:last-child){ margin-bottom:28px; }

.ffps.is-sec{
  background:none; border:0; border-radius:0; overflow:visible;
  margin:0 0 34px; padding:0;
}
.ffps.is-sec > .ffps-head{
  display:flex; align-items:center; gap:10px;
  padding:0 0 10px; margin:0 0 16px;
  border-bottom:1px solid var(--slate-200);
}
.ffps.is-sec > .ffps-head h3{
  font-size:19px; font-weight:800; letter-spacing:-.01em;
  margin:0; color:var(--slate-900);
}
.ffps.is-sec > .ffps-head .ffps-ico{ width:19px; height:19px; flex:none; color:var(--blue-700); }
.ffps.is-sec > .ffps-body{ padding:0; }

.qcr-table td:first-child{ white-space:nowrap; padding-right:28px; }

[data-active="provider-landing"] .acc-item.is-static,
[data-active="provider-landing"] .acc .acc-item.is-static:hover,
[data-active="provider-landing"] .acc .acc-item.is-static:not(.open):hover{
  border-color:var(--slate-200); transition:none;
  transform:none; box-shadow:none;                  
}

.hr-card{ display:flex; flex-direction:column; }
.hr-card p{ margin-bottom:18px; }
.hr-card .freq{ margin-top:auto; }

@media (max-width:900px){
  .acc-item.is-static .acc-body .row{ grid-template-columns:1fr; gap:5px; padding:14px 0; }
}

.foot{ background:var(--navy); color:var(--slate-300); }
.foot .wrap{ max-width:var(--rail-max); margin:0 auto; padding:0 var(--rail-pad); }  

.foot .fs-top{
  display:grid;
  grid-template-columns:1.45fr 1fr 1.02fr;
  gap:48px;
  padding:48px 0 32px;
}

.foot .fs-lockup{ display:flex; align-items:center; gap:16px; }
.foot .fs-lockup img{ width:64px; height:64px; flex:none; }

.foot .fs-lockup b{
  font-size:21px; font-weight:900; color:#fff; line-height:1.14;
  letter-spacing:-.015em; max-width:9.8em;
}
.foot .fs-mission{
  margin:16px 0 0; font-size:15px; line-height:1.6; color:var(--slate-300); max-width:40ch;
}
.foot .fs-credit{
  margin:14px 0 0; font-size:12.5px; line-height:1.6; color:#94aec6; max-width:56ch;
}

.foot .fs-copy{
  margin:8px 0 0; font-size:12.5px; line-height:1.6; color:#94aec6;
}
.foot .fs-legal{ margin-top:14px; }
.foot .fs-legal a{
  font-size:12.5px; font-weight:800; color:var(--slate-300); text-decoration:none;
  border-bottom:1px solid rgba(200,218,235,.42); padding-bottom:2px;
}
.foot .fs-legal a:hover{ color:#fff; border-bottom-color:#fff; }

.foot .fs-h{
  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--accent-green); margin:0 0 18px;
}

.foot .fs-links{ list-style:none; margin:0; padding:0; display:grid; gap:18px; }
.foot .fs-links a{
  color:var(--slate-300); text-decoration:none; font-size:15px; font-weight:600;
  display:inline-block; padding:1px 0;
}
.foot .fs-links a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }

.foot .fs-crisis-list{ list-style:none; margin:0; padding:0; display:grid; gap:20px; }
.foot .fs-crisis-list li{ display:block; }
.foot .fs-cl{
  display:block; font-size:12.5px; font-weight:700; color:#94aec6; line-height:1.35;
  letter-spacing:.01em;
}
.foot .fs-cn{
  display:inline-block; margin-top:3px;
  font-size:30px; font-weight:900; color:#fff; line-height:1.1; letter-spacing:-.01em;
  text-decoration:none; font-variant-numeric:tabular-nums;
}
.foot .fs-cn:hover{ text-decoration:underline; text-underline-offset:4px; }

.foot .fs-band{ border-top:1px solid rgba(255,255,255,.15); }
.foot .fs-band .wrap{ padding-top:28px; padding-bottom:40px; }

.foot .fs-partners{
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:32px; margin-top:4px;
}
.foot .fs-role{
  font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase;
  color:#94aec6; line-height:1.2; white-space:nowrap;
}

.foot .fs-mark{
  margin-top:14px; height:36px; display:flex; align-items:center;
}
.foot .fs-mark img{ display:block; width:auto; }

.foot .fs-mark img.m-dhs{ height:44px; transform:translateY(3.48%); }

.foot .fs-mark img.m-eo{ height:37px; }

.foot .fs-wordmark{
  font-size:27px; font-weight:900; color:#fff; letter-spacing:-.015em; line-height:1;
  display:inline-flex; align-items:center; min-height:32px;  
}
.foot .fs-wordmark em{ font-style:normal; color:#7fb0e0; }
.foot a:focus-visible{ outline:3px solid var(--white); outline-offset:3px; border-radius:4px; }

@media (max-width:1180px){
  .foot .fs-top{ gap:36px; padding:44px 0 28px; }
  .foot .fs-partners{ gap:24px; }
}

@media (max-width:900px){
  .foot .fs-top{
    grid-template-columns:1fr 1fr;
    gap:34px 40px;
    padding:44px 0 30px;
  }
  .foot .fs-brand{ grid-column:1 / -1; }
  .foot .fs-mission{ max-width:56ch; }
  .foot .fs-credit{ max-width:70ch; }
  .foot .fs-band .wrap{ padding-top:28px; padding-bottom:38px; }
  .foot .fs-partners{ gap:18px; }
  .foot .fs-mark img.m-dhs{ height:38px; }
  .foot .fs-mark img.m-eo{ height:32px; }
  .foot .fs-wordmark{ font-size:24px; }
  .foot .fs-mark{ height:32px; margin-top:12px; }
}

@media (max-width:900px){
  .foot .fs-links{ display:grid; grid-template-columns:1fr 1fr; gap:2px 18px; }
  .foot .fs-links a{ min-height:44px; font-size:14.5px; }
}
@media (max-width:640px){
  .foot .fs-top{ grid-template-columns:1fr; gap:34px; padding:38px 0 28px; }
  .foot .fs-brand{ grid-column:auto; }
  .foot .fs-lockup img{ width:56px; height:56px; }
  .foot .fs-lockup b{ font-size:19px; max-width:10em; }
  .foot .fs-mission{ font-size:14.5px; max-width:none; }
  .foot .fs-credit{ max-width:none; }
  .foot .fs-crisis-list{ gap:14px; }
  .foot .fs-cn{ font-size:26px; }
  .foot .fs-band .wrap{ padding-top:20px; padding-bottom:26px; }
  .foot .fs-partners{ display:block; }
  .foot .fs-partner{ padding:12px 0; border-top:1px solid rgba(255,255,255,.11); }
  .foot .fs-partner:first-child{ border-top:0; padding-top:2px; }
  .foot .fs-mark{ margin-top:8px; height:30px; }
  .foot .fs-mark img.m-dhs{ height:43px; }
  .foot .fs-mark img.m-eo{ height:27px; }
  .foot .fs-wordmark{ font-size:20px; }
}

.credits{ background:var(--white); border-top:1px solid var(--slate-200); }
.credits .wrap{ max-width:var(--rail-max); margin:0 auto; padding:30px var(--rail-pad) 36px; }
.credits .credits-h{
  margin:0 0 20px; font-size:14px; font-weight:800; line-height:1.2; letter-spacing:.14em;
  text-transform:uppercase; color:var(--slate-500);
}

.credits .credits-logos{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;
  gap:24px 32px;
}
.credits .credits-logos li{ flex:0 1 auto; min-width:0; margin:0; padding:0; }
.credits .credits-logo{ display:flex; align-items:center; min-height:44px; width:fit-content; max-width:100%; }  
.credits .credits-logo img{ display:block; width:auto; max-width:100%; object-fit:contain; }
.credits .credits-logo:focus-visible{ outline:3px solid var(--dhs-blue); outline-offset:3px; border-radius:4px; }
.credits img.m-eac{ height:75px; }
.credits img.m-midsouth{ height:105px; }
.credits img.m-rvmw{ height:85px; }
.credits img.m-armor{ height:63px; }
.credits img.m-uca{ height:72px; }
.credits img.m-afmc{ height:48px; }
@media (min-width:1181px){
  .credits .credits-logos{ display:grid; grid-template-columns:repeat(8, minmax(0, 1fr)); gap:30px 0; }
  .credits .credits-logos li{ grid-column:span 2; justify-self:center; }
  .credits .credits-logos li:nth-child(5):nth-last-child(3){ grid-column:2 / span 2; }
  .credits .credits-logos li:nth-child(5):nth-last-child(2){ grid-column:3 / span 2; }
}
@media (max-width:1180px){
  .credits .credits-logos{
    display:grid; grid-template-columns:repeat(3, auto); justify-content:space-between; gap:28px 24px;
  }
}

@media (min-width:641px) and (max-width:1180px){
  .credits .credits-logos li:last-child:nth-child(3n+1){ grid-column:2; }
}
@media (max-width:900px){
  .credits .credits-logos{ gap:24px 16px; }
  .credits img.m-eac{ height:56px; }
  .credits img.m-midsouth{ height:80px; }
  .credits img.m-rvmw{ height:64px; }
  .credits img.m-armor{ height:47px; }
  .credits img.m-uca{ height:56px; }
  .credits img.m-afmc{ height:36px; }
}
@media (max-width:640px){
  .credits .wrap{ padding:24px var(--rail-pad) 28px; }
  .credits .credits-logos{ display:grid; grid-template-columns:1fr 1fr; gap:22px 24px; }
  .credits img.m-eac{ height:55px; }
  .credits img.m-midsouth{ height:80px; }
  .credits img.m-rvmw{ height:62px; }
  .credits img.m-armor{ height:46px; }
  .credits img.m-uca{ height:53px; }
  .credits img.m-afmc{ height:35px; }
}

.credits .credits-logos li.credits-typeset{ flex:none; }
.credits .credits-wordmark{
  display:inline-flex; flex-direction:column; align-items:flex-start;
  text-decoration:none; color:var(--slate-900);
}
.credits .credits-wordmark .cw-acr{
  font-size:48px; font-weight:900; line-height:.92; letter-spacing:-.01em; color:var(--slate-900);
  padding-bottom:6px; border-bottom:4px solid var(--dhs-blue);
}
.credits .credits-wordmark .cw-name{
  margin-top:8px; font-size:12px; font-weight:700; line-height:1.3; color:var(--slate-500);
}
@media (max-width:900px){ .credits .credits-wordmark .cw-acr{ font-size:38px; } }
@media (max-width:640px){ .credits .credits-wordmark .cw-acr{ font-size:36px; } }

@media (max-width:900px){
  [data-active="quick-clinical-reference"] .qcr-table{ min-width:720px; }
}

@media (max-width:640px){
  [data-active="what-are-stis"] .doc-main .tbl{ table-layout:auto; }
  [data-active="what-are-stis"] .doc-main .tbl td:first-child{ width:auto; min-width:96px; }
  [data-active="what-are-stis"] .doc-main .tbl th,
  [data-active="what-are-stis"] .doc-main .tbl td{ padding-left:12px; padding-right:12px; }
  [data-active="what-are-stis"] .doc-main .tbl td{ font-size:14px; }
}

@media (max-width:900px){
  .util a[href^="tel:"], .util a[href^="sms:"],
  .util-emerg a, .util .ci a{
    display:inline-flex; align-items:center; min-height:44px;
    padding:0 8px; margin:0 -2px;
  }

#res-search{ min-height:44px; padding:10px 14px; font-size:16px; }
  
  input, select, textarea{ font-size:16px; }

.chip, .tab, .btn, .pa-ghost, .pa-btn, .fm1-btn, .pc-accept, .pc-dismiss{
    min-height:44px;
  }
  .btn, .pa-ghost, .pa-btn, .fm1-btn{ display:inline-flex; align-items:center; justify-content:center; }
}

@media (max-width:640px){
  .res-actions{ display:flex; flex-wrap:wrap; gap:10px; }
  .res-actions .btn{ flex:1 1 100%; white-space:normal; }
  
  .res-card{ overflow:hidden; }
  .res-card .res-body{ min-width:0; }
}

@media (max-width:900px){
  .foot .fs-role, .res-cat, .pt-role{ font-size:12px; }
  
  [data-active="quick-clinical-reference"] .qcr-lbl,
  [data-active="quick-clinical-reference"] .tchip,
  [data-active="quick-clinical-reference"] .mlab,
  [data-active="clinical-guidelines"] .sc-tag,
  [data-active="provider-landing"] .sc-tag,
  [data-active="provider-landing"] .cg-shortcut .sc-tag,
  [data-active="what-happens-at-a-test"] .wt-scripts dt,
  [data-active="what-happens-at-a-test"] .tt-rows.tt-say dt,
  [data-active="what-happens-at-a-test"] .tt-links dt,
  [data-active="youth"] .myth .m,
  [data-active="youth"] .ya-lbl{ font-size:12px; }
  
}

@media (max-width:640px){
  [data-active="what-are-stis"] .doc-main .tbl{ overflow:visible; }
  [data-active="what-are-stis"] .doc-main .tbl tr{ overflow-wrap:anywhere; }
}

@media (max-width:900px){
  .hh-act, .hh-tel, .skip-link, .side-nav a, .side-subs a{
    display:inline-flex; align-items:center; min-height:44px;
  }
  .mast .brand{ min-height:44px; }
}

[data-active="what-happens-at-a-test"] .wt-figure img,
[data-active="what-happens-at-a-test"] figure img{
  width:100%; height:100%; object-fit:cover; display:block;
}

@media (max-width:640px){
  [data-active="provider-resources"] .res-grid,
  [data-active="provider-resources"] .res-grid:not(#res-grid){ grid-template-columns:1fr; }
}

@media (max-width:1100px) and (min-width:901px){
  [data-active="provider-resources"] #res-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:640px){
  [data-active="what-are-stis"] .doc-main .tbl,
  [data-active="what-are-stis"] .doc-main .tbl tbody,
  [data-active="what-are-stis"] .doc-main .tbl tr,
  [data-active="what-are-stis"] .doc-main .tbl td{ display:block; width:auto; }
  [data-active="what-are-stis"] .doc-main .tbl thead{
    position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
  }
  [data-active="what-are-stis"] .doc-main .tbl tr{
    padding:14px 16px; border-top:1px solid var(--slate-100);
  }
  [data-active="what-are-stis"] .doc-main .tbl tr:first-child{ border-top:0; }
  [data-active="what-are-stis"] .doc-main .tbl td{ border:0; padding:0; }
  [data-active="what-are-stis"] .doc-main .tbl td:first-child{
    font-size:15px; font-weight:800; color:var(--slate-900); margin-bottom:4px; min-width:0;
  }
  [data-active="what-are-stis"] .doc-main .tbl td + td{ font-size:14px; color:var(--ink); }
}

@media (max-width:900px){
  .olink, .rlink, .phero .crumb, .fs-legal a, .fs-links a{
    display:inline-flex; align-items:center; min-height:44px;
  }
  .olink, .rlink{ width:100%; }
}

@media (max-width:900px){
  a[href^="tel:"]:not(.sud-inline),
  a[href^="sms:"]:not(.sud-inline){
    display:inline-flex; align-items:center; min-height:44px;
  }
  
  p a[href^="tel:"]:not(.hh-tel){ display:inline; min-height:0; }
  [data-active="help-privacy"] .hh-dir td a:not(.hh-tel){ display:inline; min-height:0; }
  [data-active="help-privacy"] .hh-org a,
  [data-active="help-privacy"] .hh-dir .hh-tel{ display:inline-flex; align-items:center; min-height:44px; }
  
  select{ min-height:44px; padding:10px 12px; }
}

.mono{ white-space:nowrap; }
[data-active="quick-clinical-reference"] .qcr-sti{ min-width:130px; }
@media (max-width:900px){
  [data-active="quick-clinical-reference"] .mlab{ font-size:12px; }
}

@media (max-width:900px){
  [data-active="quick-clinical-reference"] .qcr-sec .mlab{ font-size:12px; }
  [data-active="youth"] p.ya-lbl,
  [data-active="youth"] .yb p.ya-lbl{ font-size:12px; }
}

@media (max-width:900px){
  [data-active="help-privacy"] .hh-body > .sud-inline,
  [data-active="help-privacy"] .sud-inline{
    display:inline-flex; align-items:center; min-height:44px;
  }
}

@media (max-width:900px){
  .btn-sud, .mast .btn-sud{ min-height:44px; display:inline-flex; align-items:center; }
  .util a[href^="tel:"], .util a[href^="sms:"], .util .ci a{ min-width:44px; justify-content:center; }
}

.u-short, .u-sr{ display:none; }

.navlink-mobile{ display:none; }

@media (max-width:900px){
  
  .util .wrap{
    display:flex; flex-wrap:nowrap; align-items:stretch;
    justify-content:flex-start; gap:0; overflow:visible;
  }
  .util-emerg{ display:flex; flex-wrap:nowrap; align-items:stretch; gap:0; min-width:0; }
  
  .util-nav{ display:flex; flex-wrap:nowrap; align-items:stretch; gap:0;
    margin-left:0; padding-left:0; border-left:0; min-width:0; }
  .util-nav a[href^="sms:"] + .sep{ display:none; }
  
  .util .ci{ display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }

.util .sep,
  .util-nav::before{
    display:inline-block; flex:none; width:1px; height:15px;
    background:rgba(255,255,255,.22); margin:0; align-self:center;
  }
  
  .util .wrap, .util-emerg, .util-nav{ gap:0; }
  .util-nav::before{ content:""; }
  .util .wrap, .util-emerg, .util-nav{ gap:9px; }

.util a[href^="tel:"], .util a[href^="sms:"], .util .ci a, .util-nav a{
    min-height:44px; display:inline-flex;
    align-items:center; justify-content:center; padding:0 4px;
  }
  
  .util .ci, .util-nav a[href^="sms:"]{ padding-left:6px; padding-right:6px; }
  
  .util{ padding:0; }
  .util .wrap{ padding-top:0; padding-bottom:0; }
  .util .ic-crisis, .util .ic-emerg{ width:14px; height:14px; flex:none; }
  
  .util-nav .util-sec{ display:none; }
  .navlink-mobile{ display:block; }
}

@media (max-width:640px){
  
  .util-emerg{ flex:2 1 0; }
  .util-emerg .ci{ flex:1 1 0; justify-content:center; min-width:0; }
  .util-nav{ flex:1 1 0; }
  .util-nav a[href^="sms:"]{ flex:1 1 0; justify-content:center; min-width:0; }
  .util .u-long{ display:none; }
  .util .u-short{ display:inline; }
  .util .u-sr{
    display:inline; position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
  }
  .util-emerg{ font-size:12.5px; }
  
  .util .wrap, .util-emerg, .util-nav{ gap:0; }
}

@media (max-width:900px){
  .mast-nav .navlink-mobile{
    display:block; min-height:44px; display:flex; align-items:center;
  }
}

@media (max-width:900px){
  .mast .wrap{ flex-wrap:nowrap; align-items:center; }
  .mast .brand{ min-width:0; flex:1 1 auto; }
  .mast .brand b, .mast .brand-txt b{ min-width:0; }
  
  .mast-right{ flex:0 0 auto; width:auto; margin-left:auto; }
  
  .mast-nav.open .btn-sud{
    margin-top:12px; justify-content:center; border-bottom:0; padding:12px 20px;
  }
}
@media (max-width:640px){
  .mast .brand b, .mast .brand-txt b{ font-size:15px; line-height:1.2; }
}

@media (max-width:900px){
  .mast-toggle{
    border:0; background:none; border-radius:0; padding:0;
    width:44px; height:44px; color:var(--navy);
    display:inline-flex; align-items:center; justify-content:flex-end;
    
  }
  .mast-toggle svg,
  .mast-right .mast-toggle svg{ width:26px; height:26px; stroke-width:2; }
  .mast-toggle:hover{ border-color:transparent; color:var(--dhs-blue); }
  .mast-toggle:focus-visible{ outline:3px solid var(--green-600); outline-offset:2px; border-radius:6px; }
}

@media (max-width:640px){
  .foot .fs-top{ padding:30px 0 22px; gap:26px; }

.foot .fs-crisis-list{
    display:grid; grid-template-columns:repeat(3,1fr); gap:0 12px; align-items:start;
  }
  .foot .fs-crisis-list li{ display:flex; flex-direction:column; }

.foot .fs-cl{ font-size:12px; line-height:1.3; white-space:normal;
                min-height:2.6em; display:block; }
  .foot .fs-cn{ font-size:21px; margin-top:2px; align-self:flex-start; }

.foot .fs-lockup img{ width:52px; height:52px; }
  .foot .fs-lockup b{ font-size:17px; }
  .foot .fs-mission{ margin-top:14px; font-size:14px; }
  .foot .fs-credit{ margin-top:14px; }
  .foot .fs-legal{ margin-top:10px; }

.foot .fs-band .wrap{ padding-top:18px; padding-bottom:26px; }
  .foot .fs-partners{ display:grid; grid-template-columns:1fr; gap:0; }
  .foot .fs-partner{ padding:8px 0; border-top:0; }
  .foot .fs-partner:first-child{ padding-top:0; }
  .foot .fs-role{ margin-bottom:5px; }
  .foot .fs-mark{ margin-top:0; height:24px; }
  .foot .fs-mark img.m-dhs{ height:32px; }
  .foot .fs-mark img.m-eo{ height:28px; }
  .foot .fs-wordmark{ font-size:22px; }
}

[data-active="quick-clinical-reference"] .src-list a{
  display:inline-flex; align-items:center; min-height:28px;
}

[data-active="provider-resources"] .res-card .btn-sud,
[data-active="continuing-education"] .course .btn-sud{ border-radius:9999px; text-transform:none; letter-spacing:0; box-shadow:0 1px 2px rgba(0,0,0,.05); font-size:13.5px; font-weight:700; line-height:20px; padding:10px 20px; }

[data-active="what-are-stis"] .tcard .status{ display:none; }

[data-active="provider-resources"] #res-grid + h2.u-green{ margin-top:56px; }

[data-active="talk-about-it"] .say-card.green h3{ color:var(--green-700); }

[data-active] .table-scroll-hint{
  margin:0 0 12px; font-size:14px; line-height:1.5; color:var(--slate-500);
}
.table-scroll-hint[hidden]{ display:none; }
.qcr-table[tabindex="0"]:focus-visible{
  outline:3px solid var(--blue-600); outline-offset:3px;
}
@media print{
  .table-scroll-hint{ display:none !important; }
}

.page :is(p,li,td,.v) a[href]:not([class]):not(.foot *){
  text-decoration:underline; text-underline-offset:.15em;
}

.reading-details { margin: 20px 0; border: 1px solid var(--blue-100); border-radius: var(--r); background: var(--blue-50); color: var(--ink); }
.reading-details > summary { padding: 18px 22px; cursor: pointer; font-size: 17px; font-weight: 800; color: var(--slate-900); }
.reading-details[open] > summary { border-bottom: 1px solid var(--blue-100); }
.reading-details-body { padding: 22px; }
.reading-details-body > :first-child { margin-top: 0; }
.reading-details-body > :last-child { margin-bottom: 0; }
[data-active="treatment-support"] .reading-details .basics-cite { margin-top: 16px; }
.reading-note, .reading-urgent { margin: 24px 0; padding: 20px 24px; border: 1px solid var(--blue-100); border-radius: var(--r); background: var(--blue-50); color: var(--ink); }
.reading-note p, .reading-urgent p { margin: 0; font-size:var(--fs-read); line-height: 1.65; }
.reading-urgent { border-color: var(--amber-200); background: var(--amber-50); }
.reading-urgent h3 { margin: 0 0 8px; font-size: 18px; font-weight: 800; color: var(--slate-900); }
.reading-section-title { margin: 42px 0 28px; font-size: 28px; line-height: 1.18; }
.visit-overview { display: block; background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--r); overflow: hidden; }
.visit-overview-copy { padding: 28px; }
.visit-overview h2 { margin: 0 0 22px; font-size: 28px; font-weight: 800; letter-spacing: -.4px; line-height: 1.2; color: var(--navy); }
.visit-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; counter-reset: visit; }
.visit-steps li { position: relative; padding: 0; counter-increment: visit; }
.visit-steps li:last-child { padding-bottom: 0; }
.visit-steps li::before { content: counter(visit); display: block; margin-bottom: 12px; font-size: 28px; font-weight: 900; line-height: 1; color: var(--blue-700); }
.visit-steps h3 { margin: 0 0 5px; font-size: 18px; line-height: 1.3; }
.visit-steps p { margin: 0; font-size:var(--fs-read); line-height: 1.55; }
.visit-photo { margin: 0; min-width: 0; aspect-ratio: 1800 / 620; }
.visit-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 24%; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-head h2 { font-size: 25px; }
[data-active="what-happens-at-a-test"] .tt-doc .wt-n { font-size: 25px; }
[data-active="youth"] .youth-booking { padding: 24px; border: 1px solid var(--blue-100); border-radius: var(--r); background: var(--blue-50); }
[data-active="youth"] .youth-booking h3 { margin: 0 0 14px; font-size: 22px; }
[data-active="youth"] .youth-booking .cc-note { margin: 0 0 20px; padding: 0; border: 0; background: transparent; }
[data-active="youth"] .youth-booking .cc-note svg { display: none; }
[data-active="youth"] .reading-details .legal-cite { font-size: 15.5px; line-height: 1.65; }
@media (max-width:640px) {
  .visit-steps { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .visit-steps li { padding-left: 40px; }
  .visit-steps li::before { position: absolute; left: 0; top: 0; margin: 0; }
  .visit-overview-copy { padding: 22px; }
  .visit-overview h2 { font-size: 25px; }
  .visit-photo { height: auto; aspect-ratio: 1800 / 620; }
  .visit-photo img { object-position: center 46%; }
  .reading-note, .reading-urgent, .reading-details-body { padding: 18px; }
  .reading-details > summary { padding: 18px; }
}
[data-active="talk-about-it"] .say-tip.warn { margin-bottom: 24px; }
.reading-note.treatment-start, .reading-note.visit-booking { padding: 0; border: 0; background: transparent; }
.resource-scope { margin: 16px 0 24px; max-width: 70ch; font-size: 17px; line-height: 1.6; color: var(--slate-500); }
[data-active="provider-resources"] .doc-main .doc-lead{ font-size: 17px; line-height: 1.6; }
@media print {
  .reading-details::details-content { content-visibility: visible; }
  .reading-details > .reading-details-body { display: block !important; }
  .visit-photo { display: none; }
  .visit-overview { display: block; }
}

[data-active="provider-landing"] .ffps-cards { gap:24px; margin:20px 0; }
[data-active="provider-landing"] .ffps-card { background:transparent; border:0; border-radius:0; padding:0; }
[data-active="provider-landing"] .ffps-card b { font-size:15px; }
[data-active="provider-landing"] .ffps-card span { font-size:14px; line-height:1.65; }
[data-active="continuing-education"] .ce-note { display:block; background:transparent; border:0; border-radius:0; padding:0; margin:18px 0 0; }
[data-active="help-privacy"] .hh-inset { background:transparent; border:0; border-radius:0; padding:0; margin-top:20px; }
[data-active="help-privacy"] .hh-reporting-context { margin:0; align-self:center; }

[data-active="youth"] .yb-calm .factbox { background:transparent; border:0; border-radius:0; padding:0; margin-top:16px; font-size:14px; }
[data-active="quick-clinical-reference"] .source-context { margin:0 0 16px; font-size:14px; color:var(--slate-500); }
[data-active="treatment-support"] .org-card .org-meta { border:0; padding-top:0; margin-top:12px; }
[data-active="treatment-support"] .org-card .org-tag, [data-active="treatment-support"] .org-card.sud-accent .org-tag { background:transparent; border:0; border-radius:0; padding:0; }

.reading-details > summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.reading-details > summary::-webkit-details-marker { display:none; }
.reading-details > summary::after { content:""; width:8px; height:8px; flex:0 0 8px; border-right:2px solid var(--slate-500); border-bottom:2px solid var(--slate-500); transform:rotate(45deg); }
.reading-details[open] > summary::after { transform:rotate(-135deg); }

[data-active="talk-about-it"] .say-grid:not(.say-three) > .say-card { background:transparent; border:0; border-radius:0; padding:0 !important; }
[data-active="talk-about-it"] .say-grid:not(.say-three) > .say-card + .say-card { margin-top:20px; }
[data-active="talk-about-it"] .say-grid > .say-card.green .script { background:var(--green-50); border-color:var(--green-200); }

[data-active="talk-about-it"] .provider-block .script + .prov-note { margin-top:16px; }

[data-active="youth"] .ya-q{max-width:30ch;font-size:28px;line-height:1.2;}
[data-active="youth"] .ya-yes{display:block;max-width:70ch;}
[data-active="youth"] .ya-yes .big{display:block;font-size:22px;line-height:1.3;letter-spacing:-.02em;margin-bottom:10px;}
[data-active="youth"] .ya-yes .rest{font-size:16px;max-width:none;}
[data-active="youth"] .youth-booking{padding:0;border:0;background:transparent;margin:28px 0;}
[data-active="youth"] .youth-booking h3{font-size:20px;}
[data-active="youth"] .youth-privacy-details{margin:28px 0;}
[data-active="youth"] .youth-privacy-details .yt-head h3{font-size:20px;margin:0 0 12px;}
[data-active="youth"] .youth-privacy-details .yp-cols{display:block;}
[data-active="youth"] .yt-head h2{font-size:28px;font-weight:800;line-height:1.2;}
[data-active="youth"] .faq-head h2{font-weight:800;}
[data-active="youth"] .yb-h3{font-size:20px;}
[data-active="youth"] .yb-calm{padding:0 0 30px;border:0;border-bottom:1px solid var(--slate-200);border-radius:0;background:transparent;}
[data-active="youth"] .yb p.ya-lbl{font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:700;}
[data-active="youth"] .yb-do ul li{padding:0 0 0 18px;margin-bottom:9px;border:0;line-height:1.55;}
[data-active="youth"] .yb-do ul li:last-of-type{border:0;}
[data-active="youth"] .yb-do ul li::before{content:"\2022";}
[data-active="youth"] .yt-res-grid{display:block;}
[data-active="youth"] .yt-res-grid > .yt-res{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:auto 1fr;column-gap:30px;padding:22px 0;border:0;border-top:1px solid var(--slate-200);border-radius:0;background:transparent;}
[data-active="youth"] .yt-res h3{font-size:18px;grid-column:1;}
[data-active="youth"] .yt-res p{font-size:var(--fs-read);grid-column:1;margin:0;max-width:60ch;}
[data-active="youth"] .yt-res .acts{grid-column:2;grid-row:1 / span 2;border:0;padding:0;margin:0;align-content:start;flex-direction:column;align-items:flex-start;gap:10px;}
@media(max-width:600px){
 [data-active="youth"] .ya-q,[data-active="youth"] .yt-head h2{font-size:25px;}
 [data-active="youth"] .yt-res-grid > .yt-res{display:block;}
 [data-active="youth"] .yt-res .acts{margin-top:12px;}
}

[data-active="youth"] .ya-answer + .yt-sec{padding-top:0;}
@media(max-width:760px){
 [data-active="youth"] .myth .mt{min-height:0;}
}

@media(max-width:760px){
 [data-active="youth"] .yb{display:grid;gap:28px;}
 [data-active="youth"] .yb > div{display:contents;}
 [data-active="youth"] .yb > div > div{padding-bottom:28px;border-bottom:1px solid var(--slate-200);}
 [data-active="youth"] .yb > .yb-do > div:last-child{padding-bottom:0;border-bottom:0;}
}

[data-active="youth"] .reading-details-body .ya-h3,
[data-active="youth"] .youth-privacy-details .yt-head h3{font-size:20px;font-weight:800;line-height:1.3;color:var(--slate-900);}
[data-active="youth"] .youth-privacy-details .yp h4{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 14px;}

[data-active="treatment-support"] .tx-group{background:transparent;border:0;padding:0;border-radius:0;}
[data-active="treatment-support"] .ts-quick .topic-card{background:transparent;border:0;border-radius:0;padding:0;}
[data-active="treatment-support"] .ts-quick .qa2-grid{gap:28px;}
[data-active="treatment-support"] .doc-main > section.ts-hot{background:transparent;border:0;padding-left:0 !important;padding-right:0 !important;}
[data-active="treatment-support"] .basics-item{background:transparent;border:0;border-radius:0;padding:14px 0;}
[data-active="treatment-support"] .basics-list{gap:16px 24px;}
[data-active="provider-landing"] .ffps-p{background:transparent;border:0;border-radius:0;}
[data-active="talk-about-it"] .doc-main > section.sec-tint{background:transparent;border:0;border-radius:0;margin-left:0;margin-right:0;padding-left:0 !important;padding-right:0 !important;}
[data-active="talk-about-it"] .say-three .say-card{background:transparent;border:0;border-radius:0;padding:0 !important;}
[data-active="talk-about-it"] .provider-block{background:transparent;border:0;border-radius:0;padding:0 !important;}
[data-active="talk-about-it"] .script:has(.quote-note):not(:has(.quote)){background:transparent;border:0;padding:15px 0 0;border-radius:0;}

[data-active="what-are-stis"] #when-to-test > .wpanel{background:transparent;border:0;padding:0;border-radius:0;}
[data-active="for-me"] .fm1-sec[aria-labelledby="fm1-faq"]{background:transparent;border-color:var(--slate-200);border-bottom:0;}
[data-active="for-me"] .fm1-row .tel{white-space:nowrap;}
[data-active="help-privacy"] .faq-sec{background:transparent;}
[data-active="help-privacy"] .hh-note:not(.amber){background:transparent;border:0;padding:0;border-radius:0;}
[data-active="provider-landing"] .tc-note:not(.amber){background:transparent;border:0;padding:0;border-radius:0;}
@media(max-width:900px){
 [data-active="help-privacy"] .hh-tbl{background:transparent;}
}

[data-active="provider-landing"] .ffps-p .pn{flex-shrink:0;}
@media(max-width:600px){
 [data-active="provider-landing"] .ffps-p .pn{margin:0;}
}