.hope-connect{--hc-ink:#08294d;--hc-paper:#f4efe4;--hc-gold:#efb321;max-width:1180px;margin:48px auto;padding:clamp(22px,4vw,48px);background:var(--hc-paper);color:var(--hc-ink);border:1px solid #d9d5c9;border-top:7px solid var(--hc-gold);border-radius:6px 6px 24px 24px;box-shadow:8px 9px 0 #08294d12;position:relative;isolation:isolate}
.hope-connect *{box-sizing:border-box}.hope-connect .hc-kicker{font:800 .73rem/1.5 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#32616d;margin:0 0 12px}.hope-connect h2{font:800 clamp(1.8rem,3.6vw,3.2rem)/1.04 Georgia,serif;letter-spacing:-.035em;color:var(--hc-ink);margin:0 0 18px;max-width:18ch}.hope-connect h3{font:750 1.25rem/1.2 system-ui,sans-serif;margin:0 0 12px;color:inherit}.hope-connect p{font:400 1rem/1.65 system-ui,sans-serif;max-width:64ch}.hc-top{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hc-photo{position:relative;margin:0;transform:rotate(1deg);background:#08294d;padding:12px 12px 16px;color:#fff;box-shadow:7px 8px 0 #efb321}.hc-photo img{display:block;width:100%;height:190px;object-fit:cover}.hc-photo figcaption{font:800 .72rem/1.5 system-ui,sans-serif;letter-spacing:.09em;margin-top:12px}.hc-choices{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 0;padding-bottom:16px;border-bottom:1px solid #08294d30}.hc-choices button{border:1px solid #08294d4d;background:transparent;border-radius:30px;padding:12px 20px;min-height:44px;color:var(--hc-ink);font:750 .88rem/1.2 system-ui;cursor:pointer}.hc-choices button[aria-pressed=true]{background:var(--hc-ink);color:#fff;border-color:var(--hc-ink)}.hope-connect :focus-visible{outline:3px solid #1285b5;outline-offset:4px}.hc-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.hc-panel[hidden]{display:none!important}.hc-card{border-radius:10px;background:#fff;border:1px solid #08294d20;padding:24px;text-decoration:none!important;color:var(--hc-ink)!important;transition:transform .15s,box-shadow .15s}.hc-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #08294d12}.hc-card p{font-size:.92rem;margin:0 0 14px}.hc-card strong{font:800 .84rem/1.5 system-ui}.hc-card .hc-number{display:block;font:800 .7rem/1 system-ui;letter-spacing:.1em;color:#637681;margin-bottom:16px}.hc-family{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:25px 0 14px;font:750 .83rem/1.4 system-ui}.hc-family span{padding:7px 12px;border-radius:5px;background:#08294d0a}.hc-status{font-size:.84rem!important;border-left:3px solid var(--hc-gold);padding:4px 0 4px 12px}.hope-connect .hc-footnote{font-size:.76rem;color:#516374;margin:12px 0 0}.hc-footnote a{color:inherit;text-decoration:underline}.hc-academy{background:#08294d;color:#edf4f2;border-color:#08294d}.hc-academy h2,.hc-academy .hc-kicker{color:#fff}.hc-academy .hc-card{background:#f4efe4}.hc-academy .hc-footnote{color:#d3e0e2}.hc-academy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.hc-academy-grid .hc-card{display:flex;flex-direction:column}.hc-academy-grid .hc-card strong{margin-top:auto}.hc-route-links{display:flex;gap:18px;flex-wrap:wrap;font:750 .9rem/1.5 system-ui;margin-top:22px}.hc-route-links a{color:inherit;text-decoration:underline}.rp-card #rpDraft{margin:12px 0;padding:12px 18px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;min-height:44px;font:700 1rem system-ui}.rp-card #rpReceipt p{overflow-wrap:anywhere}.rp-card #rpReceipt .rp-fallback{display:block;margin:16px 0}.rp-card #rpReceipt{border-top:3px solid #efb321;margin-top:24px;padding-top:22px}.hc-report-links{padding:18px;border-left:4px solid #efb321;background:#08294d08;border-radius:0 12px 12px 0;margin-top:20px}.hc-report-links p{margin:0 0 10px}
@media(max-width:760px){.hope-connect{margin:30px 16px;padding:22px}.hc-top{grid-template-columns:1fr;gap:22px}.hope-connect h2{max-width:22ch}.hc-photo{transform:none}.hc-photo img{height:150px}.hc-panel,.hc-academy-grid{grid-template-columns:1fr}.hc-choices button{flex:1;padding:12px}.hc-family{gap:6px;font-size:.75rem}.hc-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.hc-card{transition:none}.hc-card:hover{transform:none}}@media print{.hope-connect{box-shadow:none;margin:20px 0;break-inside:avoid}.hc-choices{display:none}.hc-panel[hidden]{display:grid!important}}
