:root{--ink:#1b1d21;--muted:#5d636e;--line:#e3e5e8;--paper:#fff;--tint:#f5f6f8;--accent:#1f4e8c;--accent-ink:#fff;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--ink:#e8e9eb;--muted:#a1a6af;--line:#2f3238;--paper:#15171a;--tint:#1d2024;--accent:#8fb4ec;--accent-ink:#10131a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);margin:0}a{color:var(--accent)}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2}h1{margin:.4em 0 .3em;font-size:clamp(1.9rem,4vw,2.6rem)}h2{margin:2em 0 .5em;font-size:1.5rem}h3{margin:1.4em 0 .4em;font-size:1.15rem}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.skip{position:absolute;left:-999px}.skip:focus{background:var(--paper);padding:8px;top:8px;left:16px}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;display:flex}.brand{font-family:var(--serif);color:var(--ink);font-size:1.3rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.site-header nav{flex-wrap:wrap;gap:18px;display:flex}.site-header nav a{color:var(--ink);font-size:.95rem;text-decoration:none}.site-header nav a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:64px;padding:24px 0 40px;font-size:.9rem}.site-footer p{margin:.4em 0}.breadcrumb{color:var(--muted);margin-top:24px;font-size:.85rem}.breadcrumb a{color:var(--muted)}.lead{max-width:46em;font-size:1.15rem}.anthem-head{align-items:center;gap:18px;display:flex}.flag{border:1px solid var(--line);object-fit:cover;border-radius:4px;flex:none;width:72px;height:54px}.flag.small{border-radius:2px;width:32px;height:24px}.layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}.layout aside{order:-1}}.facts{border:1px solid var(--line);background:var(--tint);border-radius:8px;padding:4px 16px 12px;font-size:.92rem;position:sticky;top:16px}.facts table{border-collapse:collapse;width:100%}.facts caption{text-align:left;font-family:var(--serif);padding:12px 0 6px;font-size:1.05rem;font-weight:600}.facts th,.facts td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:6px 0}.facts th{color:var(--muted);width:42%;padding-right:10px;font-weight:500}.badge{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 10px;font-size:.78rem;display:inline-block}.badge.verified{color:#2e7d4f;border-color:#2e7d4f}.lyrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;display:grid}.verse-label{font-family:var(--sans);color:var(--muted);font-size:.8rem;font-style:italic;display:block}.video{aspect-ratio:16/9;background:var(--tint);border-radius:8px;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.verse{margin:0 0 1.1em}.lyrics h3{font-family:var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.85rem}.prose{max-width:42em}.notice{border-left:3px solid var(--accent);background:var(--tint);border-radius:0 6px 6px 0;padding:10px 14px;font-size:.95rem}.faq dt{margin-top:1em;font-weight:600}.faq dd{margin:.2em 0 0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.card:hover{border-color:var(--accent)}.card small{color:var(--muted);font-size:.82rem;display:block}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px 8px 0}.table-scroll{overflow-x:auto}.hero{padding:40px 0 8px}.hero h1{max-width:16em;font-size:clamp(2.2rem,5vw,3.2rem)}.search-box input{border:1px solid var(--line);background:var(--paper);width:100%;max-width:520px;color:var(--ink);border-radius:8px;padding:12px 14px;font-size:1rem}.button{background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}
