:root{--navy:#183b56;--blue:#2563eb;--cream:#f5f7fb;--ink:#182230;--muted:#667085;--line:#dfe5ee;--white:#fff;--green:#16835b;--amber:#b66a08;--shadow:0 14px 35px rgba(24,59,86,.10)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif}.topbar{min-height:78px;padding:14px clamp(18px,4vw,56px);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#183b56,#2563eb);color:#fff;display:grid;place-items:center;font-family:Nunito;font-weight:800}.brand strong{display:block;font-size:1.08rem}.brand small{display:block;color:var(--muted);margin-top:2px}.brightwheel-btn{background:var(--navy);color:#fff;text-decoration:none;padding:12px 17px;border-radius:10px;font-weight:700;box-shadow:0 7px 16px rgba(24,59,86,.16)}main{max-width:1220px;margin:auto;padding:34px clamp(18px,4vw,46px) 52px}.welcome-card{background:linear-gradient(120deg,#183b56,#245f86);color:#fff;border-radius:24px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow)}.eyebrow{font-size:.76rem;letter-spacing:.15em;font-weight:800;color:#bfe3ff}.eyebrow.dark{color:#2563eb}.welcome-card h1{font-family:Nunito;margin:8px 0 8px;font-size:clamp(2rem,4vw,3.1rem);line-height:1}.welcome-card p{margin:0;max-width:680px;color:#e2edf5;font-size:1.05rem;line-height:1.65}.date-card{min-width:145px;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:18px}.date-card span{display:block}.date-card strong{display:block;font-size:3.2rem;line-height:1;margin:8px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:40px 0 18px}.section-heading h2{font-family:Nunito;font-size:2rem;margin:4px 0 0}.section-heading p{max-width:580px;margin:0;color:var(--muted);line-height:1.6}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{position:relative;background:#fff;border:1px solid var(--line);border-top:5px solid #94a3b8;border-radius:18px;padding:24px;min-height:235px;box-shadow:0 7px 22px rgba(22,34,48,.05)}a.tool-card{text-decoration:none;color:inherit;transition:.2s ease}a.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b7c8dd}.tool-card.chapel{border-top-color:#2563eb}.calendar{border-top-color:#8b5cf6}.menu{border-top-color:#e08a1e}.announcements{border-top-color:#ef4444}.documents{border-top-color:#0f9f8f}.supplies{border-top-color:#64748b}.icon{font-size:1.7rem;display:inline-block;margin-bottom:24px}.status{position:absolute;right:18px;top:18px;font-size:.72rem;font-weight:800;padding:6px 9px;border-radius:999px}.status.live{color:#087443;background:#e5f7ee}.status.planned{color:#80611a;background:#fff5d6}.tool-card h3{font-family:Nunito;font-size:1.35rem;margin:0 0 10px}.tool-card p{color:var(--muted);line-height:1.58;margin:0}.open-label{display:block;margin-top:20px;font-weight:800;color:#1d4ed8}.notice-card{display:flex;gap:18px;margin-top:28px;background:#e9f3fb;border:1px solid #c7dfef;border-radius:18px;padding:22px}.notice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;font-weight:800}.notice-card h2{font-size:1.05rem;margin:0 0 6px}.notice-card p{margin:0;color:#526476;line-height:1.6}footer{text-align:center;color:#758195;padding:0 20px 32px;font-size:.88rem}@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column}.welcome-card{align-items:flex-start}.date-card{min-width:130px}}@media(max-width:620px){.topbar{position:static;align-items:flex-start}.brightwheel-btn{font-size:.82rem;padding:10px}.brand small{display:none}.welcome-card{padding:25px;flex-direction:column}.date-card{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:left}.date-card strong{font-size:2.2rem;text-align:center}.date-card span:last-child{text-align:right}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:auto}.section-heading{margin-top:30px}}