/* Catholic Phonics informational pages: shared, system-font, mobile-first. */
:root{color-scheme:light;--navy:#061d3f;--gold:#c49a45;--ink:#1f2937;--muted:#526176;--paper:#fffaf0}*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}a{color:var(--navy);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-8rem;padding:.7rem;background:white;z-index:10}.skip-link:focus{top:1rem}.header,main,footer{max-width:1120px;margin:auto;padding:clamp(1rem,4vw,2.5rem)}.header{border-bottom:3px solid var(--gold)}.brand{font:1.65rem/1.3 Georgia,serif;color:var(--navy)}.brand small{display:block;font:.8rem/1.7 system-ui,sans-serif;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1rem}nav a{padding:.4rem 0;font-weight:650}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;color:var(--navy);text-wrap:balance}h1{font-size:clamp(2rem,6vw,3.5rem);margin:.35em 0}h2{font-size:1.6rem}p,li{max-width:75ch}.eyebrow{font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.trust,.intro{padding-bottom:1.5rem;border-bottom:1px solid #ddd4c3}.audiences,.sections{display:grid;gap:1.5rem;margin-top:1.5rem}.audiences>div,.sections>section{padding:clamp(1rem,3vw,1.8rem);background:#fff;border:1px solid #ddd4c3;border-radius:10px}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.button{display:inline-block;background:var(--navy);color:white;padding:.8rem 1.2rem;border-radius:8px;font-weight:700;text-decoration:none}.button.secondary{background:#fff;border:1px solid var(--gold);color:var(--navy)}footer{border-top:1px solid #ddd4c3;font-size:.9rem}footer p{color:var(--muted)}@media(min-width:850px){.sections{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* Same reviewed identity artwork throughout the welcome experience. */
img.governed-identity{object-fit:contain;aspect-ratio:1;border-radius:18%;flex:none}
img.governed-identity-header{width:44px;height:44px;vertical-align:middle;margin-right:8px}
img.governed-identity-hero{display:block;width:min(100%,320px);height:auto;margin:0 auto 24px}
.identity-welcome{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px}
.identity-welcome img.governed-identity-hero{width:min(100%,320px);height:auto;object-fit:contain}


/* Shared navy, gold and ivory public theme and wrapping actions, including narrow phones. */
:root { --navy:#061d3f; --ink:#16233a; --muted:#526176; --gold:#bd963b; --paper:#fffaf0; }
.header { background:#fffaf0; }
.sections > section, .audiences > div { min-width:0; }
h1,h2,h3 { line-height:1.25; overflow-wrap:break-word; }
nav { gap:.5rem 1.2rem; }
nav a { display:inline-flex; align-items:center; min-height:44px; line-height:1.4; }
.actions { gap:1rem; align-items:stretch; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; max-width:100%; min-width:0; color:#fff; background:var(--navy); border:1px solid #ad842c; line-height:1.45; text-align:center; }
.button.secondary { background:#fffdf7; }
.button:hover { color:var(--navy); background:#f4e3b7; }
@media(max-width:640px) { .actions > .button { flex:1 1 100%; width:100%; } }

/* Operator contact details appear only in the Privacy Policy Contact section.
   They must not drift into the unified public footer or other pages. */
address.privacy-contact-mailing {
  display:flex;
  flex-direction:column;
  gap:.12rem;
  max-width:100%;
  margin:.9rem 0 0;
  padding:.55rem 1rem;
  border-left:3px solid #bd963b;
  color:#16233a;
  background:#fffaf0;
  font-style:normal;
  line-height:1.6;
  overflow-wrap:anywhere;
}
address.privacy-contact-mailing strong { color:#123c70; font-weight:700; }

/* Date notice required for public privacy-policy transparency. */
.privacy-policy-date { margin:.55rem 0 1rem; color:#344866; font-size:.9rem; line-height:1.6; }
.privacy-policy-date strong { color:#123c70; }