:root{--ink:#123f68;--blue:#1a5e94;--gold:#e9b636;--sky:#e7f2fa;--muted:#4a6173;--line:#cbdce8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f9fcff;color:var(--ink);font:18px/1.65 Arial,sans-serif}h1,h2,h3,.brand,.footerbrand,.subhead{font-family:'Times New Roman',Times,serif}h1{font-size:clamp(48px,7.4vw,102px);line-height:.97;margin:22px 0;letter-spacing:-2px}h2{font-size:clamp(34px,4vw,54px);line-height:1.12;margin:16px 0 24px}h3{font-size:30px;line-height:1.2;margin:14px 0}p{margin:0 0 22px}a{color:var(--blue);text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #936700;outline-offset:5px}img{max-width:100%;height:auto;display:block}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:12px}.skip:focus{top:0}.review{background:#d9eafa;padding:7px 4vw;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#294d68;display:flex;justify-content:space-between}.header{background:#fff;border-bottom:1px solid var(--line);padding:20px 4vw;display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:clamp(30px,3.3vw,46px);font-weight:bold;line-height:1;color:var(--ink)}.brand small{display:block;font:11px Arial;letter-spacing:3px;margin-top:10px}.mark{border:2px solid var(--gold);width:48px;height:57px;display:grid;place-items:center;font-size:38px;border-radius:25px;color:var(--blue)}nav{display:flex;flex-wrap:wrap;gap:8px 17px}nav a{text-decoration:none;font-size:15px;color:var(--ink);padding:5px 0}nav a[aria-current]{border-bottom:3px solid var(--gold);font-weight:bold}.menu{display:none}.wrap{max-width:1280px;margin:auto;padding-left:40px;padding-right:40px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding-top:64px;padding-bottom:60px;align-items:center;background:radial-gradient(ellipse at 35% 35%,white 10%,#e7f2fa 78%)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.1px;color:#3a617d}.subhead{font-size:clamp(29px,3vw,43px);line-height:1.15;margin:24px 0}.lead{font-size:21px;max-width:680px;color:var(--muted);line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.button{display:inline-block;border:1px solid var(--blue);background:var(--blue);color:white;padding:13px 22px;text-decoration:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700}.button:hover{background:#124b79}.button.gold{color:#244358;background:var(--gold);border-color:var(--gold)}.small{font-size:14px;color:var(--muted)}.cover{display:block;max-width:410px;margin:auto;text-decoration:none;background:#fff;border:1px solid #bdcfdd;padding:10px;box-shadow:12px 14px 0 #d7e6f0}.cover span{display:block;font-size:11px;letter-spacing:1.6px;text-align:center;padding:12px 0 3px}.band{background:#cfe4f4;border-top:1px solid #b9d3e7;border-bottom:1px solid #b9d3e7}.band .wrap{padding-top:25px;padding-bottom:25px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.band strong{font-family:'Times New Roman';font-size:27px}.section{padding-top:60px;padding-bottom:60px}.sectionhead{margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{padding:30px;border-top:3px solid var(--gold);background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:4px}.textlink{font-size:16px;font-weight:700}.feature{margin-top:15px;margin-bottom:60px;padding-top:42px;padding-bottom:42px;background:var(--sky);display:grid;grid-template-columns:1.1fr 1fr;gap:65px;border-radius:6px}.quote{align-self:center;border-left:3px solid var(--gold);padding:20px 30px}.quote p,blockquote{font:30px/1.4 'Times New Roman';margin:0 0 20px}.quote span{font-size:12px;letter-spacing:2px}.intro{padding-top:60px;padding-bottom:35px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#edf6fc,white)}.intro h1{font-size:clamp(48px,6vw,82px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.panel,.notice{background:#eaf3f9;border:1px solid #bfd4e4;padding:28px;border-radius:6px}.notice{font-size:16px;border-left:4px solid #a87915}.songlist{display:grid;gap:20px;margin:30px 0}.song{padding:25px 30px;background:white;border:1px solid var(--line);border-left:4px solid var(--gold)}.song[hidden]{display:none}details{margin-top:20px;font-size:16px}summary{cursor:pointer;font-weight:700}details p{margin-top:15px}label{display:block;font-size:16px;font-weight:bold;margin:18px 0 8px}input,textarea{width:100%;background:white;border:1px solid #7998af;border-radius:4px;color:var(--ink);padding:12px;max-width:700px}textarea{resize:vertical}#song-count{font-size:14px;margin-top:12px}footer{background:#dfedf7;border-top:4px solid var(--gold);padding:42px 4vw}.footerbrand{font-size:36px;font-weight:bold}.footlinks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:22px 0}.footlinks a{font-size:15px}.tablewrap{overflow:auto}table{border-collapse:collapse;min-width:600px;width:100%;font-size:16px;margin:20px 0 32px}td,th{padding:16px;text-align:left;border-bottom:1px solid var(--line)}th{background:#dcecf7}caption{text-align:left;font-weight:bold;padding:10px}li{margin-bottom:8px}@media(max-width:1000px){.header{gap:18px}nav{gap:7px 15px}.hero{gap:40px}.brand{font-size:36px}.wrap{padding-left:28px;padding-right:28px}}@media(max-width:700px){body{font-size:17px}.review span{display:none}.header{padding:18px 20px}.brand{font-size:30px}.brand small{letter-spacing:2px}.mark{width:38px;height:48px;font-size:30px}.menu{display:block;background:var(--sky);border:1px solid #a9c4d9;padding:8px 12px;color:var(--ink);border-radius:4px;font-size:15px}nav{display:none;width:100%;grid-template-columns:1fr 1fr}nav.open{display:grid}nav a{padding:10px;font-size:16px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:35px;padding-top:38px;padding-bottom:40px}.hero h1{font-size:76px}.hero .cover{max-width:285px}.split,.feature,.grid{grid-template-columns:1fr;gap:25px}.section{padding-top:35px;padding-bottom:35px}.intro{padding-top:35px}.feature{margin:0 16px 35px;padding:25px}.quote{padding:15px 20px}.card{padding:24px}.panel{padding:22px}.brand small{font-size:9px}.lead{font-size:19px}h1{letter-spacing:-1px}.button{padding:12px 17px}.band strong{font-size:25px}}@media print{.header,.review,.menu,.footlinks,.button{display:none}body{font-size:12pt;background:white;color:black}.wrap{max-width:none;padding:12px}.hero,.split,.feature{display:block}.cover{max-width:200px;box-shadow:none}footer{background:white}}

/* Complete paired cards and a tighter homepage rhythm. */
.card{display:flex;flex-direction:column}.card .textlink{margin-top:auto;padding-top:8px}.homepage .hero{column-gap:48px;padding-top:40px;padding-bottom:40px}.homepage .hero .lead{margin-bottom:14px}.homepage .hero .actions{margin:20px 0}.homepage .section{padding-top:40px;padding-bottom:40px}.homepage .sectionhead{margin-bottom:22px}.homepage .feature{margin-top:0;margin-bottom:40px;gap:40px;padding-top:32px;padding-bottom:32px}.homepage .quote{padding:18px 26px}.homepage .quote h3{margin:12px 0 20px}.homepage .band .wrap{padding-top:20px;padding-bottom:20px}@media(max-width:700px){.homepage .hero{padding-top:30px;padding-bottom:32px;gap:28px}.homepage .section{padding-top:30px;padding-bottom:30px}.homepage .feature{padding:24px;gap:22px;margin-bottom:30px}.homepage .quote{padding:12px 20px}}

/* Official supplied logos: retain their original proportions. */
.header .brand-logo{width:280px;flex-shrink:0}.brand-logo img{width:100%;height:auto;object-fit:contain}.header nav{flex:1;justify-content:flex-end;max-width:840px}.footer-logo{display:block;width:150px;margin-bottom:16px}.footer-logo img{width:100%;height:auto}.about-logo{width:210px;max-width:70%;height:auto;margin:0 auto 24px}@media(max-width:1000px){.header .brand-logo{width:250px}.header nav{max-width:none}}@media(max-width:700px){.header .brand-logo{width:min(235px,calc(100% - 90px))}.header nav{flex:auto;justify-content:start}.footer-logo{width:135px}.about-logo{width:180px}}

/* Place the footer emblem beside its name to reduce vertical height. */
footer{padding-top:24px;padding-bottom:24px}.footer-identity{display:flex;align-items:center;gap:22px}.footer-identity .footer-logo{width:110px;flex:0 0 110px;margin:0}.footer-copy p{margin:6px 0 0}.footlinks{margin:16px 0}footer>.small{margin-bottom:0}@media(max-width:700px){.footer-identity{gap:14px}.footer-identity .footer-logo{width:78px;flex-basis:78px}.footer-copy{min-width:0}.footer-copy .footerbrand{font-size:clamp(22px,5vw,30px);line-height:1.15}.footer-copy p{font-size:14px;line-height:1.4}footer{padding-top:20px;padding-bottom:20px}}@media print{.footer-identity .footer-logo{display:none}}
/* Compact colored action boxes, with readable text and touch-sized targets. */
.button{padding:10px 17px;min-height:44px;font-size:15px;border-radius:5px;line-height:1.5}.card .textlink,.song>.textlink{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;max-width:100%;min-height:44px;padding:9px 15px;font-size:15px;line-height:1.5;text-decoration:none;border-radius:5px;border:1px solid #9dbed5;background:#dcecf8;color:#16486d}.card:nth-child(4n+2) .textlink{background:#f7e6b7;border-color:#d3b265;color:#594315}.card:nth-child(4n+3) .textlink{background:#dfefe3;border-color:#a2c1ab;color:#29543b}.card:nth-child(4n+4) .textlink{background:#ece4f4;border-color:#bfaed0;color:#574070}.card .textlink:hover,.song>.textlink:hover{filter:brightness(.96);text-decoration:underline}.button:hover{filter:brightness(.96)}
/* Main menu links use compact colored boxes on desktop and mobile. */
.header nav{gap:8px}.header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #9dbed5;border-radius:5px;background:#dcecf8;color:#16486d;font-size:14px;line-height:1.4;text-decoration:none}.header nav a:nth-child(4n+2){background:#f7e6b7;border-color:#d3b265;color:#594315}.header nav a:nth-child(4n+3){background:#dfefe3;border-color:#a2c1ab;color:#29543b}.header nav a:nth-child(4n+4){background:#ece4f4;border-color:#bfaed0;color:#574070}.header nav a[aria-current="page"]{font-weight:700;box-shadow:inset 0 -3px 0 currentColor}.header nav a:hover{text-decoration:underline;filter:brightness(.95)}@media(max-width:700px){.header nav.open{gap:8px}.header nav a{width:100%;font-size:15px;padding:9px 12px}}
/* Footer menus repeat the same compact color sequence. */
.footlinks{gap:8px}.footlinks a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:8px 13px;border:1px solid #9dbed5;border-radius:5px;background:#dcecf8;color:#16486d;font-size:14px;line-height:1.4;text-decoration:none}.footlinks a:nth-child(4n+2){background:#f7e6b7;border-color:#d3b265;color:#594315}.footlinks a:nth-child(4n+3){background:#dfefe3;border-color:#a2c1ab;color:#29543b}.footlinks a:nth-child(4n+4){background:#ece4f4;border-color:#bfaed0;color:#574070}.footlinks a[aria-current="page"]{font-weight:700;box-shadow:inset 0 -3px 0 currentColor}.footlinks a:hover{text-decoration:underline;filter:brightness(.95)}

/* THE SIGNAL: pair the masthead with a message and the cover with a welcome. */
.signal-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding-top:38px;padding-bottom:30px}.signal-intro h1{font-size:clamp(48px,6vw,82px)}.signal-message{padding:24px 28px;border-left:4px solid var(--gold);background:#e1edf6;border-radius:0 6px 6px 0}.signal-message>p{font:clamp(24px,2.5vw,32px)/1.3 'Times New Roman',Times,serif;margin:14px 0}.signal-body{padding-top:38px;gap:48px}.signal-left{min-width:0}.signal-left .cover{margin:0 auto 30px;max-width:375px}.signal-welcome{padding:26px 28px;background:#eef5fa;border-top:3px solid var(--gold);border-radius:5px}.signal-welcome h2{font-size:clamp(30px,3vw,40px);margin:14px 0 22px}.signal-welcome h3{font-size:25px}.signal-welcome p{font-size:17px;line-height:1.65;margin-bottom:18px}.signal-welcome .signal-signoff{font-family:'Times New Roman',Times,serif;font-size:24px;font-weight:bold;color:var(--ink)}@media(max-width:700px){.signal-intro{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:26px}.signal-intro .lead{margin-bottom:0}.signal-message{padding:20px}.signal-body{gap:28px;padding-top:28px}.signal-left .cover{max-width:300px;margin-bottom:26px}.signal-welcome{padding:22px}.signal-welcome p{font-size:17px}}

/* Page headers pair large Times New Roman titles with relevant visual content. */
.picture-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;align-items:center;padding-top:32px;padding-bottom:30px}.picture-intro h1{font-size:clamp(44px,5.1vw,70px);line-height:1.04}.picture-intro .lead{margin-bottom:0;font-size:20px}.header-picture{margin:0;min-width:0}.header-picture img{width:100%;height:250px;object-fit:cover;border:1px solid #bed4e4;border-radius:6px}.header-picture figcaption{font-size:11px;line-height:1.4;color:#4a6173;text-align:right;margin-top:5px}.header-emblem{display:flex;justify-content:center}.header-emblem img{width:245px;height:auto;max-width:80%}.signal-intro{gap:38px;padding-top:30px}.signal-header-right{min-width:0}.signal-header-right .header-picture img{height:200px}.signal-header-right .signal-message{margin-top:16px;padding:16px 22px}.signal-header-right .signal-message>p{font-size:25px;margin:10px 0}@media(max-width:700px){.picture-intro{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:25px}.picture-intro h1{font-size:clamp(42px,9vw,60px)}.header-picture img{height:auto;aspect-ratio:3/2;object-fit:contain}.header-emblem img{width:190px}.signal-header-right .header-picture img{height:auto;aspect-ratio:3/2}.signal-header-right .signal-message>p{font-size:24px}}

.header-picture img[src$="header-music.png"]{height:auto;aspect-ratio:3/2;object-fit:contain}.signal-intro>.signal-header-right .header-picture img{height:auto;aspect-ratio:3/2;object-fit:contain}.signal-intro>div>.signal-message{margin-top:20px;padding:16px 22px}.signal-intro>div>.signal-message>p{font-size:25px;margin:10px 0}.signal-intro h1{font-size:clamp(48px,6vw,76px)}

.footer-contact{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px;font-size:14px;line-height:1.4}.footer-contact a{overflow-wrap:anywhere}.contact-phone{margin-top:20px}
/* Centered footer with larger, readable lines. */
footer{text-align:center}footer .footer-identity{justify-content:center}footer .footer-copy{text-align:center}footer .footerbrand{font-size:42px;line-height:1.15}footer .footer-copy p{font-size:20px;line-height:1.5}footer .footer-contact{justify-content:center;font-size:18px;line-height:1.5}footer .footlinks{justify-content:center}footer .footlinks a{font-size:17px;padding:10px 16px}footer>.small{font-size:17px;line-height:1.6}@media(max-width:700px){footer .footer-identity{gap:12px}footer .footerbrand{font-size:28px}footer .footer-copy p{font-size:17px}footer .footer-contact{font-size:16px;gap:7px 14px}footer .footlinks a{font-size:16px;padding:9px 13px}footer>.small{font-size:16px}}