:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#21324a;background:#f4f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0;line-height:1.55}.wrap{max-width:1060px;margin:auto;padding:0 20px}.site-head{background:linear-gradient(115deg,#142b48,#245279);color:#fff;padding:32px 0}.site-head h1{font-size:clamp(2rem,5vw,3rem);margin:.45rem 0 0}.site-head p{margin:0;color:#d8e8f5}.head-flex{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.home,.admin-link{color:#fff}.admin-link{white-space:nowrap;margin-top:8px}.search-panel{background:#fff;margin:30px 0;padding:24px;border-radius:16px;box-shadow:0 4px 22px #15294210}.search-panel label{display:block;font-weight:700;margin-bottom:9px}.search-panel input{width:100%;font-size:1.1rem;padding:14px;border:1px solid #9cb1c4;border-radius:10px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.filters button{padding:9px 17px;border:1px solid #b9cadd;background:#f6f9fc;color:#253a52;border-radius:30px;cursor:pointer}.filters button.active,.filters button:hover{background:#184b78;color:white;border-color:#184b78}.subtle{color:#687687;margin-bottom:0}.song-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:17px}.song-card{background:white;border-radius:14px;padding:23px;box-shadow:0 3px 15px #15294210;min-width:0}.song-card h2{font-size:1.3rem;margin:8px 0 2px}.song-card p{color:#506275}.song-card .artist{margin-top:0}.genre{display:inline-block;background:#e6eff7;color:#194d74;padding:4px 11px;border-radius:20px;font-size:.85rem}.song-card audio{display:block;width:100%;margin-top:20px}.song-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;margin-top:12px}.play-link{display:inline-block;background:#194d74;color:white;text-decoration:none;padding:10px 16px;border-radius:9px}.footer{padding-top:45px;padding-bottom:36px;color:#718096}.admin-main{padding-top:25px;padding-bottom:70px;max-width:800px}.admin-form{display:grid;gap:15px;background:white;padding:24px;border-radius:14px;margin:15px 0 35px}.admin-form label{font-weight:600;display:grid;gap:5px}.admin-form input,.admin-form textarea{font:inherit;border:1px solid #a6b4c4;border-radius:8px;padding:11px;width:100%;min-width:0}.admin-form button,.logout button{justify-self:start;border:0;background:#194d74;color:#fff;padding:11px 20px;border-radius:8px;cursor:pointer;font:inherit}.logout{float:right}.logout .secondary{background:#526779}.admin-list article{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #d2dce6}.admin-list p{margin:3px 0 0}.actions{display:flex;align-items:center;gap:15px}.actions .delete{border:0;background:none;color:#a31b31;font:inherit;text-decoration:underline;cursor:pointer}.notice{background:#e9f6ed;padding:13px;border-radius:8px}.notice.error{background:#ffe8e8}details{margin-top:40px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f4a93a;outline-offset:3px}@media(max-width:550px){.head-flex{display:block}.admin-list article{align-items:start;flex-direction:column}.search-panel{padding:18px}}

/* Omslagsbilder på sangkort og i administrasjonen */
.song-card{overflow:hidden;padding-top:0}
.song-cover{display:block;width:calc(100% + 46px);max-width:none;height:190px;object-fit:cover;margin:0 -23px 18px -23px;background:#dce7f1}
.song-cover.placeholder{display:grid;place-items:center;background:linear-gradient(125deg,#193653,#537a96);color:white;font-size:5rem}
.current-image img{display:block;width:220px;max-width:100%;height:130px;object-fit:cover;border-radius:9px}
.current-image .remove-image{display:flex;align-items:center;gap:8px;margin-top:10px}
.current-image .remove-image input{width:auto}
.current-image p{font-weight:400;color:#617184;font-size:.9rem}
