*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17366d;background:#edf2f7}a{text-decoration:none;color:inherit}.container{width:min(1500px,96%);margin:auto}.compact-brand{background:#fff}.brand-art{position:relative;height:158px;overflow:hidden}.brand-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:8px 2.8%;gap:15px}.logo-mark{width:132px;height:132px;object-fit:cover;border-radius:50%;border:3px solid #e8b91d;background:#fff}.brand-title{text-align:center;margin-left:50px}.brand-title h1{font:700 38px Georgia,serif;margin:0;color:#102b73}.brand-title h2{font:700 26px Georgia,serif;margin:0;color:#102b73}.brand-title div{font:700 20px Georgia,serif;margin-top:4px}.brand-quote{max-width:280px;text-align:center;font:italic 19px Georgia,serif;color:#102b73}.brand-quote small{display:block;font-style:normal;font-size:14px;margin-top:6px}.top-social{display:flex;gap:8px;position:absolute;right:150px;top:12px}.top-social a{width:30px;height:30px;border-radius:50%;background:#0d3b81;color:#fff;display:grid;place-items:center;font-weight:bold}.member-login{position:absolute;right:16px;top:12px;background:#092f75;color:#fff;padding:8px 13px;border-radius:7px;font-size:13px;font-weight:bold}.site-header{background:#003c80;color:#fff;box-shadow:0 2px 5px #0004}.nav{display:flex;justify-content:center}.main-nav{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:center}.main-nav>a{padding:12px 16px;color:#fff;font-weight:600;font-size:14px}.main-nav>a:hover,.main-nav>a.active{background:#f6c62d;color:#12346b}.main-nav .donate{background:#f01f2f}.main-nav .register{background:#f6c62d;color:#12346b}.home-reference{max-width:1500px;margin:auto;background:#fff}.hero-reference{height:250px;position:relative;overflow:hidden}.section-reference{width:100%;height:100%;object-fit:cover;display:block}.hero-live{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:25px 4%}.hero-message{margin-left:23%;color:#fff;text-shadow:0 2px 3px #0008}.hero-message h2{font:italic 700 38px Georgia,serif;margin:0}.hero-message strong{display:block;font:italic 700 38px Georgia,serif;color:#ffd429}.hero-message p{font-size:18px;line-height:1.25;margin:10px 0}.hero-message small{font-size:16px}.project-card{width:300px;background:#0b407cdd;color:#fff;padding:18px 20px;border-radius:10px;border:1px solid #4b91d6;box-shadow:0 5px 14px #0004}.project-card h3{margin:0 0 10px;color:#ffd02b;font:700 19px Georgia,serif}.project-card p{font-size:14px;line-height:1.45}.project-card a{display:inline-block;background:#ffd12c;color:#152f62;padding:10px 17px;border-radius:20px;font-weight:bold}.hero-dots{position:absolute;bottom:10px;left:50%;display:flex;gap:7px}.hero-dots span{width:12px;height:12px;background:#fff;border-radius:50%;border:1px solid #aaa}.hero-dots .selected{background:#ffd12c}.choir-reference{background:#003e82;color:#fff;display:grid;grid-template-columns:1.2fr 1fr 1.1fr .9fr;gap:18px;padding:14px 25px}.choir-player video{width:100%;height:195px;object-fit:cover;background:#000;border:1px solid #9cc0e9}.choir-copy{padding:8px}.choir-copy h2{font:700 30px Georgia,serif;margin:0}.choir-copy h3{font:italic 28px Georgia,serif;color:#ffd12c;margin:0 0 8px}.choir-copy p{line-height:1.45}.light-btn,.playlist{display:inline-block;background:#fff;color:#17366d;padding:9px 18px;border-radius:20px;font-weight:bold}.choir-gallery h3,.song-list h3{margin:5px 0 9px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-gallery img{width:100%;height:55px;object-fit:cover;border:1px solid #fff}.song-list ul{list-style:none;padding:0;margin:0;background:#0a4c92;border-radius:6px;overflow:hidden}.song-list li{padding:8px 7px;border-bottom:1px solid #ffffff33;font-size:12px}.song-list li span{float:right;color:#d8e7ff}.song-list .playlist{background:#ffd12c;color:#17366d;margin-top:8px;width:100%;text-align:center}.ministries-reference{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:linear-gradient(#fff,#eef4fa);border-bottom:1px solid #d5dce5}.ministries-heading{min-width:250px}.ministries-heading b{display:block;font-size:18px}.ministries-heading small{color:#55739d}.ministry-circle{text-align:center;width:100px}.ministry-circle span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#fff;border:3px solid #1671d5;font-size:28px}.ministry-circle:nth-of-type(3) span{border-color:#e94b91}.ministry-circle:nth-of-type(4) span{border-color:#5bbd43}.ministry-circle:nth-of-type(5) span{border-color:#a245d8}.ministry-circle:nth-of-type(6) span{border-color:#ff8a2a}.ministry-circle:nth-of-type(7) span{border-color:#f1bd17}.ministry-circle:nth-of-type(8) span{border-color:#1fb2c7}.ministry-circle b{display:block;font-size:13px;margin-top:5px}.ministry-circle small{font-size:9px;color:#50698b}.peace-quote{border:1px solid #d8e2ee;border-radius:10px;padding:10px 18px;text-align:center;font:italic 15px Georgia,serif;min-width:220px}.peace-quote small{display:block;font-style:normal;margin-top:5px}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;gap:10px;padding:12px 24px;background:#eef3f8}.info-grid article{background:#f8fbff;border:1px solid #dce5f0;border-radius:9px;padding:10px 12px;min-height:150px}.info-grid h3{margin:0 0 9px;font-size:16px}.news-row{padding:6px 0;border-bottom:1px solid #dfe7f0}.news-row small{display:block;color:#6d7e98;margin-top:3px}.event{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid #dfe7f0}.event b{background:#0d5cab;color:#fff;padding:6px;border-radius:4px;font-size:11px}.info-grid article>a{display:block;padding:4px 0;border-bottom:1px solid #e2e8ef;font-size:13px}.support-card .progress{height:20px;background:#d8e4f1;border-radius:5px;overflow:hidden;margin:12px 0}.support-card .progress span{display:block;height:100%;background:#16ad4b;color:#fff;text-align:center;font-size:11px;line-height:20px}.support-actions{display:flex;gap:8px}.support-actions a{background:#ef233c!important;color:#fff!important;padding:10px!important;border-radius:5px;flex:1;text-align:center}.support-actions a+ a{background:#0b3f7e!important}.section{padding:40px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.box,.cards article{background:#fff;padding:20px;border:1px solid #dce4ee;border-radius:10px}.form{display:grid;gap:12px;max-width:650px}.form input,.form textarea,.form select{padding:11px;border:1px solid #ccd5e0;border-radius:6px}.form textarea{min-height:130px}.btn{display:inline-block;background:#174d96;color:#fff;padding:10px 16px;border-radius:7px;border:0}.success{background:#e7f8ec;padding:12px;border-radius:7px}.error{background:#fde9e9;padding:12px;border-radius:7px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px;border:1px solid #ddd;text-align:left}footer{background:#062f67;color:#fff;padding:16px 0;margin-top:0}footer a{color:#fff}@media(max-width:1100px){.brand-title{margin-left:0}.brand-title h1{font-size:30px}.brand-title h2{font-size:21px}.brand-quote{font-size:15px}.logo-mark{width:105px;height:105px}.choir-reference{grid-template-columns:1fr 1fr}.song-list{display:none}.ministries-reference{flex-wrap:wrap;justify-content:center}.ministries-heading{width:100%;text-align:center}.info-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.brand-art{height:120px}.brand-overlay{padding:4px 2%}.logo-mark{width:78px;height:78px}.brand-title h1{font-size:19px}.brand-title h2{font-size:15px}.brand-title div{font-size:12px}.brand-quote{display:none}.top-social{display:none}.member-login{right:5px;top:7px;font-size:10px;padding:5px}.main-nav>a{font-size:11px;padding:9px 8px}.hero-reference{height:360px}.hero-live{padding:18px;align-items:flex-end}.hero-message{margin-left:0;margin-bottom:90px}.hero-message h2,.hero-message strong{font-size:28px}.project-card{width:230px;padding:10px;font-size:12px}.project-card h3{font-size:15px}.choir-reference{grid-template-columns:1fr;padding:12px}.ministries-reference{display:grid;grid-template-columns:repeat(2,1fr)}.ministries-heading,.peace-quote{grid-column:1/-1}.info-grid{grid-template-columns:1fr}}


/* ===== V4 FIX: reference artwork is the single source of visual branding ===== */
.reference-header{width:100%;background:#003d82;line-height:0}
.reference-header-image{position:relative;width:100%;overflow:hidden}
.reference-header-image>img{display:block;width:100%;height:auto;max-width:none}
.header-hotspots{position:absolute;inset:0;z-index:5;margin:0;padding:0}
.header-hotspots>a{position:absolute;top:80.5%;height:19.5%;display:block;background:transparent}
.header-hotspots .login-hotspot{left:91.6%;top:2%;width:7.4%;height:16%}
.header-hotspots .facebook-hotspot{left:73.7%;top:2%;width:2.2%;height:13%}
.header-hotspots .youtube-hotspot{left:76.3%;top:2%;width:2.2%;height:13%}
.header-hotspots .whatsapp-hotspot{left:78.8%;top:2%;width:2.2%;height:13%}
.header-hotspots .instagram-hotspot{left:81.3%;top:2%;width:2.2%;height:13%}

.reference-hero{position:relative;width:100%;overflow:hidden;line-height:0}
.reference-full-image{display:block;width:100%;height:auto}
.hero-project-hotspot{position:absolute;right:6.8%;bottom:15%;width:14%;height:24%;display:block;background:transparent;z-index:4}

/* Remove old duplicate overlays if cached/legacy markup is present. */
.reference-header .brand-overlay,
.reference-header .site-header,
.hero-reference .hero-live,
.hero-reference .hero-dots{display:none!important}

@media(max-width:700px){
  .header-hotspots>a{top:80%;height:20%}
  .header-hotspots .login-hotspot{left:88%;width:11%;top:1%;height:17%}
  .hero-project-hotspot{right:6%;bottom:13%;width:28%;height:27%}
}

.site-header{display:none!important}.compact-brand{display:none!important}.home-reference{max-width:none;margin:0}

.parish-leadership,.projects-grid-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.leadership-card,.project-card{background:#fff;border-radius:14px;padding:24px;border:1px solid #dbe2ed;box-shadow:0 4px 16px #00000010}
.leadership-card h3,.project-card h3{margin-top:0;color:#174d96}
.project-card.featured{border-top:5px solid #e4b900}.project-card a{display:inline-block;margin-top:8px;background:#174d96;color:#fff;padding:10px 15px;border-radius:7px}.project-card.featured a{background:#e4b900;color:#173a70}
@media(max-width:800px){.parish-leadership,.projects-grid-reference{grid-template-columns:1fr}}

.notice-box{background:#fff8df;border:1px solid #ead18a;padding:12px;border-radius:8px;margin:12px 0}.profile-card,.subscribe-card{max-width:650px;margin:auto;background:#fff;border:1px solid #dce4ee;border-radius:14px;padding:30px;box-shadow:0 5px 18px #0001}.profile-avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#174d96;color:#fff;font-size:35px;margin:15px 0}.donation-reminder{position:fixed;right:22px;bottom:22px;width:min(390px,calc(100% - 44px));background:#fff;border-left:5px solid #e4b900;box-shadow:0 8px 30px #0004;border-radius:12px;padding:18px;z-index:1000;transform:translateY(150%);transition:.35s}.donation-reminder.show{transform:translateY(0)}.donation-reminder button{position:absolute;right:8px;top:5px;border:0;background:transparent;font-size:24px;cursor:pointer}.donation-reminder h3{margin:0 25px 8px 0;color:#174d96}.donation-reminder a{display:inline-block;background:#174d96;color:#fff;padding:9px 13px;border-radius:7px}.subscribe-banner{border-top:1px solid #dde6f0;border-bottom:1px solid #dde6f0}
.parish-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.gallery-card{overflow:hidden;padding:0!important}.gallery-card a{display:block;background:#e9eef5}.gallery-card img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .25s ease}.gallery-card:hover img{transform:scale(1.03)}.gallery-card p{padding:12px 15px;margin:0;font-weight:700;color:#17366d}
.home-photo-gallery{padding:22px 3%;background:#f4f8fd}.home-photo-gallery h2{text-align:center;margin:0 0 14px}.home-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.home-photo-grid a{display:block;overflow:hidden;border-radius:10px;background:#fff}.home-photo-grid img{display:block;width:100%;height:145px;object-fit:cover;transition:transform .25s ease}.home-photo-grid a:hover img{transform:scale(1.04)}@media(max-width:900px){.home-photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.home-photo-grid{grid-template-columns:repeat(2,1fr)}.home-photo-grid img{height:125px}}


/* V11 — Daily Catholic calendar, fixed compact header and YouTube choir integration */
.reference-header{position:sticky;top:0;z-index:900;box-shadow:0 2px 8px #0003}
.reference-header-image{height:132px}
.reference-header-image>img{height:132px;object-fit:cover;object-position:center top}
.daily-faith-section{background:#f7f9fc;border-top:1px solid #dbe4ef;border-bottom:1px solid #dbe4ef;padding:24px 3%}
.daily-faith-inner{max-width:1450px;margin:auto}
.daily-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.daily-heading>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#174d96;color:#fff;font-size:22px}
.daily-heading small{display:block;color:#6d7e98;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.daily-heading h2{margin:2px 0 0;color:#17366d;font:700 26px Georgia,serif}
.daily-faith-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.daily-card{background:#fff;border:1px solid #dbe3ed;border-radius:12px;padding:17px;display:flex;gap:12px;box-shadow:0 3px 12px #0000000b}
.daily-card h3{margin:0 0 7px;color:#174d96;font-size:17px}
.daily-card p{margin:0 0 7px;line-height:1.45;color:#445773;font-size:14px}
.daily-card strong{color:#17366d;font-size:13px}
.daily-icon{font-size:27px;line-height:1}
.daily-source-note{margin:12px 0 0;color:#71809a;font-size:11px}
.choir-player iframe{width:100%;height:195px;border:1px solid #9cc0e9;background:#000;display:block}
.youtube-song-caption{background:#0a4c92;padding:8px 10px;display:flex;justify-content:space-between;gap:10px;font-size:12px}
.youtube-song-caption strong{color:#ffd12c}
.youtube-song-caption span{color:#dceaff}
.youtube-feature{margin:20px 0}
.youtube-frame{width:min(900px,100%);aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.youtube-frame iframe{width:100%;height:100%;border:0}
.featured-song{background:#0b4c91!important;color:#fff;font-weight:700}
.featured-song span{color:#ffd12c!important}
@media(max-width:800px){.reference-header-image,.reference-header-image>img{height:108px}.daily-faith-grid{grid-template-columns:1fr}.daily-heading h2{font-size:21px}.choir-player iframe{height:220px}.youtube-song-caption{flex-direction:column}}
/* V12 — Daily Missal / bilingual readings */
.missal-hero{background:linear-gradient(135deg,#0b3f7e,#174d96);color:#fff;padding:34px 3%;text-align:center}.missal-hero .container{max-width:1100px;margin:auto}.missal-kicker{font-size:12px;font-weight:800;letter-spacing:.12em}.missal-hero h1{font:700 34px Georgia,serif;margin:7px 0}.missal-hero p{font-size:16px;margin:0 0 18px}.missal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.missal-actions .btn,.missal-actions .light-btn{margin:0}.missal-content{padding:28px 3% 45px}.missal-date{text-align:center;margin-bottom:22px}.missal-date h2{color:#17366d;margin:0 0 5px;font-size:25px}.missal-date p{margin:0 0 5px;color:#5f7089}.missal-date strong{color:#174d96}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.missal-card{background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:24px;box-shadow:0 4px 16px #0000000b}.lang-title{font-weight:800;color:#174d96;font-size:18px;margin-bottom:10px}.missal-card h3{margin:0 0 12px;color:#17366d}.missal-card ul{margin:0 0 18px;padding-left:22px;color:#445773;line-height:1.8}.missal-note{margin-top:22px;background:#fff8df;border:1px solid #ead18a;padding:14px;border-radius:9px;color:#5c4c1d;font-size:13px;line-height:1.5}@media(max-width:700px){.language-grid{grid-template-columns:1fr}.missal-hero h1{font-size:28px}.missal-actions{flex-direction:column;align-items:stretch}}

/* V12 front-page missal */
.missal-home-section{padding:24px 3%;background:#eef5fc;border-top:1px solid #dbe5f0;border-bottom:1px solid #dbe5f0}.missal-home-inner{max-width:1200px;margin:auto;background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:22px;box-shadow:0 4px 15px #0000000a}.missal-home-heading{display:flex;align-items:center;gap:12px}.missal-home-heading>span{font-size:31px}.missal-home-heading small{display:block;color:#6d7e98;font-weight:800;letter-spacing:.07em}.missal-home-heading h2{margin:3px 0;color:#17366d;font:700 23px Georgia,serif}.missal-home-inner p{color:#445773;line-height:1.55}.missal-home-actions{display:flex;gap:10px;flex-wrap:wrap}.missal-home-actions a{margin:0}
/* V13 — Catholic downloads and bilingual formation library */
.downloads-home-section{background:linear-gradient(135deg,#f8fbff,#eef4fb);border-top:1px solid #dbe4ef;border-bottom:1px solid #dbe4ef;padding:22px 3%}
.downloads-home-inner{max-width:1450px;margin:auto;text-align:center}.downloads-home-heading{display:flex;align-items:center;justify-content:center;gap:12px}.downloads-home-heading>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#174d96;color:#fff;font-size:21px}.downloads-home-heading small{display:block;color:#6d7e98;font-weight:700;letter-spacing:.06em}.downloads-home-heading h2{margin:3px 0;color:#17366d;font:700 25px Georgia,serif}.downloads-home-inner p{color:#536781;margin:7px auto 12px;max-width:900px}.downloads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.download-card{background:#fff;border:1px solid #dbe3ed;border-radius:13px;padding:18px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 3px 14px #0000000b}.download-icon{width:52px;height:52px;border-radius:12px;background:#174d96;color:#fff;display:grid;place-items:center;font-size:25px;flex:none}.download-card h2{margin:0 0 7px;color:#174d96;font:700 19px Georgia,serif}.download-card p{margin:0 0 12px;color:#536781;line-height:1.5;font-size:14px}.download-open{display:inline-block;margin-left:8px;color:#174d96;font-weight:700}.downloads-note{margin-top:22px}.downloads-note h2{margin-top:0;color:#174d96}@media(max-width:800px){.downloads-grid{grid-template-columns:1fr}.downloads-home-heading{align-items:flex-start;text-align:left}.downloads-home-heading h2{font-size:21px}}