
.nw-resource-landing {
  --nwr-text: #f4f7ff;
  --nwr-copy: #d1daee;
  --nwr-muted: #aebbd7;
  --nwr-sky: #8fd9ff;
  --nwr-link: #a8e5ff;
  --nwr-gold: #e3c472;
  --nwr-surface: #162b46;
  --nwr-line: #365472;
  box-sizing: border-box;
  width: 100%;
  max-width: 1120px;
  min-width: 0;
  margin: clamp(36px,5vw,64px) auto;
  padding: clamp(22px,3.5vw,42px);
  border: 1px solid #304d71;
  border-radius: 24px;
  background: #0e1b30 !important;
  color: var(--nwr-copy) !important;
  color-scheme: dark;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 17px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.nw-resource-landing *, .nw-resource-landing *::before, .nw-resource-landing *::after { box-sizing: border-box; }
.nw-resource-landing [id] { scroll-margin-top: 120px; }
.nw-resource-landing section { margin: 0 0 clamp(34px,4vw,48px) !important; min-width: 0; }
.nw-resource-landing section:last-child { margin-bottom: 0 !important; }
.nw-resource-landing h2, .nw-resource-landing h3 {
  color: var(--nwr-text) !important;
  font-family: inherit !important;
  font-style: normal;
  font-weight: 750 !important;
  text-transform: none !important;
  text-wrap: balance;
}
.nw-resource-landing h2 {
  max-width: 850px;
  margin: 0 0 20px !important;
  font-size: clamp(25px,2.7vw,34px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}
.nw-resource-landing h3 {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  letter-spacing: -.015em !important;
}
.nw-resource-landing p, .nw-resource-landing li {
  color: var(--nwr-copy) !important;
  font-family: inherit;
  font-size: 17px !important;
  line-height: 1.72 !important;
}
.nw-resource-landing p { max-width: 840px; margin: 0 0 14px !important; }
.nw-resource-landing strong, .nw-resource-landing b { color: var(--nwr-text) !important; font-weight: 700; }
.nw-resource-landing em { color: inherit; }
.nw-resource-landing ul, .nw-resource-landing ol { margin: 0 0 18px; padding-left: 24px; }
.nw-resource-landing ul { list-style-type: disc; }
.nw-resource-landing ol { list-style-type: decimal; }
.nw-resource-landing li { margin: 0 0 12px; padding-left: 4px; }
.nw-resource-landing a {
  color: var(--nwr-link) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px;
  font-weight: 600;
}
.nw-resource-landing a:hover { color: #d0f2ff !important; }
.nw-resource-landing a:focus-visible { outline: 3px solid var(--nwr-gold); outline-offset: 5px; border-radius: 3px; }
.nw-resource-landing sup { vertical-align: super; font-size: .7em; line-height: 0; margin-left: 3px; }
.nw-resource-landing .nwr-overview { border-top: 2px solid var(--nwr-gold); padding-top: 28px; }
.nw-resource-landing .nwr-overview h2 { font-size: clamp(28px,3.1vw,39px) !important; }
.nw-resource-landing .nwr-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,290px),1fr)); gap: 18px; }
.nw-resource-landing .nwr-grid--two { grid-template-columns: repeat(auto-fit,minmax(min(100%,390px),1fr)); }
.nw-resource-landing .nwr-card {
  min-width: 0;
  padding: clamp(20px,2.2vw,28px);
  border: 1px solid var(--nwr-line);
  border-top: 3px solid var(--nwr-sky);
  border-radius: 16px;
  background: var(--nwr-surface) !important;
}
.nw-resource-landing .nwr-card p:last-child { margin-bottom: 0 !important; }
.nw-resource-landing .nwr-sheet, .nw-resource-landing .nwr-insight {
  padding: clamp(22px,3.5vw,38px);
  border: 1px solid var(--nwr-line);
  border-radius: 20px;
  background: #173b62 !important;
}
.nw-resource-landing .nwr-insight { border-left: 4px solid var(--nwr-gold); background: #202e43 !important; }
.nw-resource-landing .nwr-card h3 { color: var(--nwr-sky) !important; }
.nw-resource-landing .nwr-sheet > p:last-child, .nw-resource-landing .nwr-insight > p:last-child { margin-bottom: 0 !important; }
.nw-resource-landing .nwr-worksheets {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,350px),1fr));
  gap: 0 32px;
  padding-left: 28px;
  margin: 22px 0 0;
}
.nw-resource-landing .nwr-worksheets li { padding: 16px 4px; margin: 0; border-top: 1px solid var(--nwr-line); }
.nw-resource-landing .nwr-worksheets li::marker { color: var(--nwr-gold); font-weight: 700; }
.nw-resource-landing .nwr-faq-list { max-width: 900px; }
.nw-resource-landing .nwr-faq { padding: 20px; margin-bottom: 10px; border: 1px solid #293e59; border-radius: 14px; background: #111f32 !important; }
.nw-resource-landing .nwr-faq h3 { color: var(--nwr-text) !important; }
.nw-resource-landing .nwr-faq p:last-child { margin-bottom: 0 !important; }
.nw-resource-landing .nwr-related { max-width: 900px; }
.nw-resource-landing .nightowling-resource-cta {
  padding: clamp(24px,3.5vw,40px);
  border: 1px solid rgba(143,217,255,.3);
  border-radius: 20px;
  background: #174372 !important;
  border-top: 3px solid var(--nwr-gold);
}
.nw-resource-landing .nightowling-resource-cta p:last-child { margin-top: 24px !important; margin-bottom: 0 !important; }
.nw-resource-landing a.nightowling-resource-cta-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid #75aafa;
  border-radius: 7px;
  background: #2e65b2;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  box-shadow: none;
}
.nw-resource-landing a.nightowling-resource-cta-link:hover { background: #25589e; color: #ffffff !important; }
.nw-resource-landing .nightowling-resource-sources { border-top: 1px solid var(--nwr-line); padding-top: 26px; }
.nw-resource-landing .nightowling-resource-sources h2 { font-size: 21px !important; }
.nw-resource-landing .nightowling-resource-sources p, .nw-resource-landing .nightowling-resource-sources li { color: var(--nwr-muted) !important; font-size: 14px !important; }

.nw-resource-landing .nwr-facts-label { color:var(--nwr-gold) !important; font-size:12px !important; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin:0 0 10px !important; }
.nw-resource-landing .nwr-facts-list { display:flex; flex-wrap:wrap; gap:10px 28px; list-style:none; padding:0; margin:0; }
.nw-resource-landing .nwr-fact { color:var(--nwr-text) !important; font-size:16px !important; font-weight:700; list-style:none; padding:0; margin:0; }
.nw-resource-landing .nwr-card-number { display:block; color:var(--nwr-gold) !important; font-size:14px; font-weight:700; letter-spacing:.1em; margin-bottom:12px; }
.nw-resource-landing .nwr-overview > p:last-child { margin-bottom:0 !important; }


.nw-resource-landing .nwr-access-grid, .nw-resource-landing .nwr-workplace-grid { display:flex; flex-wrap:wrap; align-items:center; gap:28px; }
.nw-resource-landing .nwr-access-copy { flex:1 1 320px; min-width:0; }
.nw-resource-landing .nwr-access-cover { display:block; width:170px; max-width:60%; height:auto; margin:0 auto; border-radius:6px; box-shadow:0 10px 24px rgba(0,0,0,.25); }
.nw-resource-landing .nwr-access-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.nw-resource-landing a.nwr-access-button { display:inline-flex; box-sizing:border-box; align-items:center; justify-content:center; background:#e3c472; color:#101b2e !important; border:1px solid #e3c472; border-radius:7px; padding:12px 20px; min-height:48px; max-width:100%; text-decoration:none !important; font-size:16px !important; font-weight:700; line-height:1.4; text-align:center; white-space:normal; }
.nw-resource-landing a.nwr-access-button:hover { background:#f3dda0 !important; color:#101b2e !important; }
.nw-resource-landing a.nwr-access-button--secondary { background:transparent; color:#f4f7ff !important; border-color:#89a8c8; }
.nw-resource-landing a.nwr-access-button--secondary:hover { background:#23486f !important; color:#fff !important; }
.nw-resource-landing .nwr-related-links { border-top:1px solid #41668d; margin-top:28px; padding-top:24px; }
.nw-resource-landing .nwr-related-links p:last-child { margin-bottom:0 !important; }
.nw-resource-landing .nwr-workplace-copy { flex:1 1 330px; min-width:0; }
.nw-resource-landing .nwr-workplace-image { display:block; flex:1 1 260px; min-width:0; width:100%; max-width:420px; height:auto; border-radius:12px; }

@media print {
  .nw-resource-landing { --nwr-text:#17283c; --nwr-copy:#293d50; --nwr-muted:#40546a; --nwr-link:#21548c; --nwr-gold:#8b6713; --nwr-sky:#49748a; --nwr-line:#c6d1dc; color-scheme:light; margin:0 !important; max-width:none; background:#fff !important; border:0 !important; padding:0 !important; }
  .nw-resource-landing section { margin-bottom:24px !important; }
  .nw-resource-landing h2, .nw-resource-landing h3 { break-after:avoid; }
  .nw-resource-landing h2, .nw-resource-landing .nwr-overview h2 { font-size:19pt !important; }
  .nw-resource-landing h3 { font-size:13pt !important; }
  .nw-resource-landing p, .nw-resource-landing li { font-size:11pt !important; orphans:3; widows:3; }
  .nw-resource-landing .nwr-grid, .nw-resource-landing .nwr-worksheets { display:block !important; }
  .nw-resource-landing .nwr-card, .nw-resource-landing .nwr-sheet, .nw-resource-landing .nwr-insight, .nw-resource-landing .nightowling-resource-cta { background:transparent !important; box-shadow:none; }
  .nw-resource-landing .nwr-card { margin-bottom:12px; break-inside:avoid; }
  .nw-resource-landing .nwr-faq, .nw-resource-landing .nwr-facts, .nw-resource-landing .nwr-access { background:transparent !important; }
  .nw-resource-landing a.nwr-access-button { color:#21548c !important; background:transparent !important; border-color:#21548c; }
  .nw-resource-landing a.nightowling-resource-cta-link { color:#21548c !important; background:transparent !important; border-color:#21548c; }
}

/* Native FAQ disclosures: closed by default; answers remain in the HTML. */
.nw-resource-landing details.nwr-faq > summary.nwr-faq-toggle {
  display:flex; align-items:flex-start; justify-content:space-between; gap:20px;
  min-height:64px; margin:0 !important; padding:20px !important; border:0;
  border-radius:13px; background:transparent; color:var(--nwr-text) !important;
  font-family:inherit !important; font-size:clamp(18px,2vw,20px) !important;
  font-weight:700 !important; line-height:1.4 !important; letter-spacing:-.015em;
  text-transform:none; list-style:none; cursor:pointer;
}
.nw-resource-landing details.nwr-faq > summary.nwr-faq-toggle::-webkit-details-marker { display:none; }
.nw-resource-landing details.nwr-faq > summary.nwr-faq-toggle::marker { content:""; }
.nw-resource-landing details.nwr-faq > summary.nwr-faq-toggle:hover { background:#162b46 !important; }
.nw-resource-landing details.nwr-faq > summary.nwr-faq-toggle:focus-visible {
  outline:3px solid var(--nwr-gold) !important; outline-offset:-4px;
}
.nw-resource-landing .nwr-faq-question { display:block; flex:1; min-width:0; }
.nw-resource-landing .nwr-faq-icon { position:relative; display:block; flex:0 0 18px; width:18px; height:18px; margin-top:4px; color:var(--nwr-gold); }
.nw-resource-landing .nwr-faq-icon-h { position:absolute; display:block; left:1px; right:1px; top:8px; height:2px; background:currentColor; }
.nw-resource-landing .nwr-faq-icon-v { position:absolute; display:block; top:1px; bottom:1px; left:8px; width:2px; background:currentColor; }
.nw-resource-landing details.nwr-faq[open] { border-color:var(--nwr-line) !important; }
.nw-resource-landing details.nwr-faq[open] > summary .nwr-faq-icon-v { display:none !important; }
.nw-resource-landing details.nwr-faq > .nwr-faq-answer { padding:0 20px 20px; }
.nw-resource-landing details.nwr-faq > .nwr-faq-answer > p:last-child { margin-bottom:0 !important; }
