body {font-family:'Segoe UI',Arial,sans-serif;margin:0;background:linear-gradient(to bottom,#e3f2fd,#ffffff);color:#222;}
header{background:linear-gradient(90deg,#004aad,#c8102e);color:white;text-align:center;padding:20px;}
header h1{margin:0;font-size:2em;}
nav{background:#002b5b;display:flex;justify-content:center;gap:20px;padding:10px;}
nav a{color:white;text-decoration:none;font-weight:bold;}
nav a:hover{text-decoration:underline;}
main{max-width:900px;margin:30px auto;background:white;padding:25px;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,0.1);}
section{margin-bottom:40px;}
.card{background:#f2f7ff;border-left:5px solid #004aad;padding:15px;margin-top:10px;border-radius:6px;}
input,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px;}
input[type="submit"],button{background:#004aad;color:white;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;font-weight:bold;}
input[type="submit"]:hover,button:hover{background:#c8102e;}
footer{background:#002b5b;color:#eee;text-align:center;padding:15px;font-size:0.9em;}
.news-item{background:#f2f7ff;border-left:5px solid #c8102e;padding:10px;margin-bottom:10px;border-radius:5px;}
nav a.active {
    background-color: #c8102e; /* röd bakgrund för aktiv länk */
    color: white;              /* vit text */
    padding: 5px 10px;
    border-radius: 5px;
}
.edit-btn {
    display: inline-block;
    padding: 8px 16px;
    margin-top: 10px;
    background-color: #0044cc; /* blå färg */
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    border: 2px solid #cc0000; /* röd kant för accent */
    transition: all 0.3s ease;
}

.edit-btn:hover {
    background-color: #cc0000; /* byter till röd vid hover */
    border-color: #0044cc;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}