:root{
  --hope-navy:#0d1f3c;
  --hope-navy-2:#162c4f;
  --hope-navy-3:#09182f;
  --hope-gold:#e8b23a;
  --hope-gold-deep:#bd8317;
  --hope-cream:#f6f1e6;
  --hope-paper:#fffdf7;
  --hope-ink:#15223a;
  --hope-muted:#5f6d82;
  --hope-green:#2f7f50;
  --hope-red:#b23c35;
  --hope-line:#d8d0bf;
  --hope-shadow:0 18px 55px rgba(8,21,41,.16);
}
*{box-sizing:border-box}
html{background:var(--hope-cream);color:var(--hope-ink)}
body{margin:0;background:
  radial-gradient(circle at 15% -10%,rgba(232,178,58,.14),transparent 35%),
  linear-gradient(180deg,#fffdf7 0,#f4efe4 100%);
  color:var(--hope-ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
a{color:#855e10;text-decoration-thickness:2px;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--hope-gold);outline-offset:3px}
.resource-shell{max-width:920px;margin:0 auto;padding:24px 18px 70px}
.resource-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.resource-brand{display:flex;align-items:center;gap:12px;color:var(--hope-navy);text-decoration:none}
.resource-brand img{width:56px;height:56px;object-fit:contain}
.resource-brand strong{display:block;font-size:20px;line-height:1}
.resource-brand span{display:block;color:var(--hope-muted);font-size:12px;margin-top:4px}
.resource-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.resource-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid var(--hope-navy);background:transparent;color:var(--hope-navy);font-weight:850;text-decoration:none}
.resource-btn.primary{background:var(--hope-gold);border-color:var(--hope-gold);color:var(--hope-navy)}
.resource-hero{background:linear-gradient(135deg,var(--hope-navy) 0,var(--hope-navy-2) 72%,#203a64 100%);color:var(--hope-cream);border-radius:24px;padding:28px;box-shadow:var(--hope-shadow);position:relative;overflow:hidden}
.resource-hero:after{content:"⚓";position:absolute;right:-10px;bottom:-44px;font-size:170px;opacity:.07;transform:rotate(-8deg)}
.resource-kicker{color:var(--hope-gold);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.resource-hero h1{font-size:clamp(34px,7vw,62px);line-height:.95;letter-spacing:-.045em;margin:8px 0 12px;max-width:760px}
.resource-hero p{max-width:720px;margin:0;color:#dbe5f2;font-size:17px}
.resource-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.resource-chip{border:1px solid rgba(232,178,58,.5);border-radius:999px;padding:5px 9px;color:#f3cf75;font-size:11.5px;font-weight:850}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.resource-card{background:rgba(255,253,247,.96);border:1px solid var(--hope-line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(13,31,60,.08)}
.resource-card h2,.resource-card h3{color:var(--hope-navy);margin:0 0 8px;line-height:1.1}
.resource-card h2{font-size:22px}.resource-card h3{font-size:17px}
.resource-card p{margin:7px 0}.resource-card ul,.resource-card ol{padding-left:21px;margin:8px 0}.resource-card li{margin:5px 0}
.resource-card.feature{border-color:rgba(232,178,58,.65);background:linear-gradient(135deg,#fffaf0,#fffdf7)}
.resource-card.safe{border-color:rgba(47,127,80,.45);background:#f5fbf7}
.resource-card.warning{border-color:rgba(178,60,53,.35);background:#fff7f6}
.resource-step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;margin:12px 0}
.resource-step-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--hope-gold);color:var(--hope-navy);font-weight:950}
.resource-step h3{margin:2px 0 3px}.resource-step p{margin:0;color:var(--hope-muted)}
.resource-callout{border-left:5px solid var(--hope-gold);padding:13px 15px;background:#fff8e9;border-radius:0 14px 14px 0;margin:15px 0}
.resource-callout strong{color:var(--hope-navy)}
.resource-listing{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:11px 0;border-top:1px solid #e8e1d3}
.resource-listing:first-child{border-top:0}.resource-listing b{color:var(--hope-navy)}
.resource-label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#8a6519}
.resource-footer{border-top:1px solid var(--hope-line);margin-top:26px;padding-top:14px;color:var(--hope-muted);font-size:12px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.resource-signatures{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:20px}
.signature-line{border-top:1px solid var(--hope-ink);padding-top:5px;margin-top:34px;font-size:12px}
.resource-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.resource-download{display:block;background:var(--hope-navy);color:var(--hope-cream);border-radius:16px;padding:16px;text-decoration:none;border:1px solid #28476f;min-height:112px}
.resource-download b{display:block;color:var(--hope-gold);font-size:17px}.resource-download span{display:block;color:#d7e2ef;font-size:13px;margin-top:5px}
.resource-note{color:var(--hope-muted);font-size:13px}
.resource-table{width:100%;border-collapse:collapse;font-size:13px}.resource-table th,.resource-table td{border:1px solid var(--hope-line);padding:9px;text-align:left;vertical-align:top}.resource-table th{background:var(--hope-navy);color:var(--hope-cream)}
.no-print{}
@media(max-width:720px){.resource-grid,.resource-download-grid,.resource-signatures{grid-template-columns:1fr}.resource-top{align-items:flex-start}.resource-actions{justify-content:flex-start}.resource-listing{grid-template-columns:1fr;gap:3px}.resource-hero{padding:22px}}
@media print{
  @page{size:Letter;margin:12mm}
  html,body{background:white}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .resource-shell{max-width:none;padding:0}
  .resource-top,.no-print{display:none!important}
  .resource-hero{border-radius:0;box-shadow:none;padding:22px 24px;margin-bottom:12px}
  .resource-hero h1{font-size:36px}.resource-hero p{font-size:14px}
  .resource-grid{gap:10px;margin:10px 0}
  .resource-card{box-shadow:none;border-radius:12px;padding:14px;break-inside:avoid}
  .resource-card h2{font-size:18px}.resource-card h3{font-size:14px}
  .resource-card p,.resource-card li{font-size:11px;line-height:1.35}
  .resource-footer{font-size:9px;margin-top:12px;padding-top:8px}
  .resource-download-grid{display:none}
  .page-break{break-before:page}
}
