/* Gemensam stil för alla sidor (Matchcenter 2A) */
:root{--bg:#eef1f5;--kort:#fff;--text:#18202d;--dim:#677184;--linje:#e3e7ee;--bla:#2456d6;--bla2:#e9efff;--live:#e11d48;--gron:#15803d;--gron2:#e7f6ec}
@media (prefers-color-scheme:dark){:root{--bg:#0c1016;--kort:#151a22;--text:#e7ebf1;--dim:#8a94a6;--linje:#222935;--bla:#7aa2ff;--bla2:#1a2540;--live:#ff4d6d;--gron:#4ade80;--gron2:#12291c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 Barlow,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.in{max-width:1240px;margin:0 auto;padding:0 16px}
.topp{background:var(--kort);border-bottom:1px solid var(--linje);position:sticky;top:0;z-index:5}
.topp .in{display:flex;align-items:center;gap:20px;height:58px}
.logga{font:700 21px "Barlow Semi Condensed";display:flex;align-items:center;gap:8px}
.logga img{width:26px;height:26px;display:block}
.flikar{display:flex;gap:4px;margin-left:8px}
.flikar a{padding:6px 12px;border-radius:8px;font-weight:600;color:var(--dim)}
.flikar a[aria-current]{background:var(--bla2);color:var(--bla)}
.sok{margin-left:auto;border:1px solid var(--linje);background:var(--bg);border-radius:8px;padding:8px 12px;width:240px;font:inherit;color:var(--text);outline:none}
.sok:focus{border-color:var(--bla)}
.ruta{background:var(--kort);border-radius:12px;border:1px solid var(--linje);overflow:hidden}
.ruta h3{margin:0;padding:12px 14px;font:700 13px "Barlow Semi Condensed";text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-bottom:1px solid var(--linje)}
[hidden]{display:none!important}
.tom{padding:28px;text-align:center;color:var(--dim)}
.fot{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;color:var(--dim);font-size:13px;padding:8px 0 40px}
.fot a{color:var(--bla)}
.sidhuvud{padding:22px 0 14px}
.sidhuvud h1{margin:0;font:700 30px/1.1 "Barlow Semi Condensed"}
.sidhuvud p{margin:6px 0 0;color:var(--dim);max-width:640px}
.knapp{display:inline-flex;align-items:center;gap:8px;background:var(--bla);color:#fff;border-radius:8px;padding:9px 16px;font-weight:700}
.knapp:hover{filter:brightness(1.08)}
.knapp.tunn{background:var(--kort);color:var(--text);border:1px solid var(--linje)}
.knapp.rod{background:none;color:var(--live);border:1px solid var(--live)}
.knapp.rod.saker{background:var(--live);color:#fff}
.knapp:disabled{opacity:.5}
.falt{display:grid;gap:6px;font-weight:600;font-size:13px;color:var(--dim)}
.falt input,.falt textarea{border:1px solid var(--linje);background:var(--bg);border-radius:8px;padding:10px 12px;font:inherit;font-size:15px;color:var(--text);outline:none}
.falt input:focus,.falt textarea:focus{border-color:var(--bla)}
.falt textarea{resize:vertical;min-height:80px}
.av{flex:none;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font:700 9px Barlow;color:#fff;font-style:normal}
@media (max-width:760px){.flikar a{padding:6px 8px}.sok{display:none}}
.logga,.flikar a{white-space:nowrap}
@media (max-width:440px){.topp .in{gap:8px}.flikar{margin-left:auto}.flikar a:last-child{display:none}}