:root{--color-primary: #39994b;--color-link: #56a2e8;--color-dark-green: #d3d3d3;--color-dark-green: #043b0c;--color-text: #445038;--color-cream: #ece4d0;--color-cream-dark: #ddd8c8;--max-width: 430px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Times New Roman,Times,serif;font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-cream-dark)}.page{max-width:var(--max-width);margin:0 auto;min-height:100vh;background:var(--color-cream);display:flex;flex-direction:column}main{flex:1;padding:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:2px solid var(--color-dark-green);position:relative;background:var(--color-cream)}.logo-link img{display:block;width:100px;height:auto;border-radius:4px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:8px;border:2px solid var(--color-dark-green);border-radius:4px;background:var(--color-cream);cursor:pointer}.nav-toggle span{display:block;width:100%;flex-shrink:0;height:2px;background:var(--color-dark-green);border-radius:1px}.nav-toggle[aria-expanded=true]{border-color:var(--color-primary)}.nav-toggle[aria-expanded=true] span{background:var(--color-primary)}.site-nav{position:absolute;top:100%;right:1rem;z-index:100;min-width:160px;padding:.5rem 0;background:var(--color-cream);border:2px solid var(--color-dark-green);border-radius:4px;box-shadow:0 4px 12px #0000001a}.site-nav[hidden]{display:none}.site-nav a{display:block;padding:.625rem 1rem;color:var(--color-text);text-decoration:none}.site-nav a:hover,.site-nav a:focus{background:var(--color-cream-dark);color:var(--color-primary)}.page-title{margin:0 0 1rem;font-size:1.75rem;font-weight:700;color:var(--color-text)}.section-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.card{border:2px solid var(--color-dark-green);border-radius:16px;padding:1rem;margin-bottom:1rem;background:var(--color-cream);box-shadow:0 4px 12px #0000001a}.card--accent{border-color:var(--color-primary)}.cover-banner{position:relative;margin:-1rem -1rem 1.5rem;width:calc(100% + 2rem);min-height:max(280px,55vh);overflow:hidden}.cover-banner__slides{position:absolute;top:0;right:0;bottom:0;left:0}.cover-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--fade-ms, .6s) ease-in-out}.cover-banner__slide--active{opacity:1}.cover-banner__title{position:absolute;bottom:1.25rem;left:0;right:auto;margin:0;padding:0 1rem;font-size:clamp(2.5rem,11vw,3.5rem);line-height:1.1;font-weight:700;text-align:left;color:var(--color-primary);text-shadow:0 1px 4px rgba(0,0,0,.45);z-index:2}.cover-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 30%);z-index:1;pointer-events:none}@media (prefers-reduced-motion: reduce){.cover-banner__slide{transition:none}}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 360px){.home-grid{grid-template-columns:1fr}}.song-list{list-style:none;margin:0;padding:0}.song-row{display:block;background-color:var(--color-cream-dark);padding:.875rem 1rem;border:2px solid var(--color-dark-green);box-shadow:0 4px 12px #0000001a;border-radius:16px;margin-bottom:.75rem;color:var(--color-text);text-decoration:none;transition:border-color .15s}.song-row:hover,.song-row:focus{border-color:var(--color-primary);color:var(--color-primary)}.song-row--placeholder{color:#999;cursor:default;pointer-events:none}.top-songs-list{list-style:none;margin:0;padding:0}.top-songs-list li{margin-bottom:.5rem}.top-songs-list a{color:var(--color-text);text-decoration:none}.top-songs-list a:hover{color:var(--color-link);text-decoration:underline}.more-songs-link{display:inline-block;margin-top:.5rem;color:var(--color-link);text-decoration:none}.more-songs-link:hover{text-decoration:underline}.filter-label{display:block;margin-bottom:.5rem;color:var(--color-link);font-weight:500}.filter-label--button{padding:0;border:none;background:none;font:inherit;text-align:left;cursor:pointer}.filter-label--button:hover,.filter-label--button:focus{text-decoration:underline}.keyword-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.keyword-chips[hidden]{display:none}.keyword-chip{padding:.375rem .75rem;border:2px solid var(--color-dark-green);border-radius:999px;background:var(--color-cream);font-size:.875rem;color:var(--color-text);cursor:pointer}.keyword-chip--selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.search-input{width:100%;padding:.625rem .75rem;border:2px solid var(--color-dark-green);border-radius:16px;font-size:1rem;margin-bottom:1rem}.search-input::placeholder{color:#999}.lyrics-title{margin:0 0 1.25rem;font-size:1.5rem;font-weight:700}.lyrics-block{margin-bottom:1.5rem}.lyrics-block-label{margin:0 0 .5rem;font-weight:600;color:var(--color-text)}.lyrics-block-text{margin:0;white-space:pre-line;line-height:1.6}.email-form{margin-bottom:1.5rem}.email-form label{display:block;margin-bottom:.5rem;font-weight:500}.email-form-row{display:flex;gap:.5rem;margin-bottom:.5rem}.email-form input[type=email]{flex:1;padding:.625rem .75rem;border:2px solid var(--color-dark-green);border-radius:4px;font-size:1rem}.email-form button{padding:.625rem 1rem;border:2px solid var(--color-primary);border-radius:4px;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.email-form button:hover{background:var(--color-dark-green);border-color:var(--color-dark-green)}.form-note{margin:0;font-size:.8rem;color:#888}.status-message{margin:0 0 .5rem;font-size:.875rem}.status-message--success{color:var(--color-primary)}.status-message--error{color:#c0392b}.site-footer{padding:1.25rem 1rem;border-top:2px solid var(--color-dark-green);text-align:center;background:var(--color-cream)}.social-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-bottom:.75rem}.social-links a{display:inline-flex;color:var(--color-link);text-decoration:none}.social-links a:hover,.social-links a:focus-visible{color:var(--color-primary)}.social-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}.social-links svg{display:block;width:1.5rem;height:1.5rem;fill:currentColor}.footer-credit{margin:0 0 .35rem;font-size:.8rem;color:#888}.footer-copy{margin:0;font-size:.8rem;color:#888}