/* Baslayout */
body
{
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f5f5f5;
    color: #222;
}

/* Meny på startsidan */
.menu
{
    /* byt grid mot flex-kolumn så barnen hamnar tätare */
    display: flex;
    flex-direction: column;
    align-items: center;      /* centrerar horisontellt  */
    justify-content: center;  /* centrerar vertikalt     */
    gap: 0.75rem;             /* avstånd rubrik-länkar   */
    height: 100vh;
    text-align: center;
}

.menu ul
{
    list-style: none;   /* ← tar bort punkterna */
    margin: 0;
    padding: 0;
}

.menu a
{
    font-size: 1.3rem;
    text-decoration: none;
    color: #0064bd;
}

.menu a:hover
{
    text-decoration: underline;
}

/* Galleri */
.gallery
{
    display: grid;
    /* exakt 160 px breda kolumner */
    grid-template-columns: repeat(auto-fill, 320px);
    gap: 0.75rem;
    padding: 1rem;
    justify-content: center;   /* centrerar rutnätet */
}

.gallery figure       { margin: 0; border: 1px solid #ddd; background: #fff; overflow: hidden; }
.gallery img          { width: 100%; height: auto; display: block; }
.gallery figcaption   { padding: 0.5rem; font-size: 0.9rem; text-align: center; background: #fafafa; border-top: 1px solid #eee; }

.gallery figure
{
    margin: 0;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
}

.gallery img
{
    width: 100%;
    height: auto;
    display: block;
}

.gallery figcaption
{
    padding: 0.5rem;
    font-size: 0.9rem;
    text-align: center;
    background: #fafafa;
    border-top: 1px solid #eee;
}