body { 
    margin:0; 
    font-family:Arial,sans-serif; 
    background-color:#ccc; 
}

/* 🔥 změna tady */
.container { 
    width: 100%;              /* místo 80% */
    max-width: 1200px;        /* limit na velkých obrazovkách */
    margin: 30px auto; 
    background-color:white; 
    box-shadow:0 0 20px rgba(0,0,0,0.3); 
}

header { width:100%; }

.header-top { 
    background-color: #FFF;
    padding: 15px 20px 2px 20px; 
    display: flex;              /* 🔥 klíčové */
    justify-content: space-between;  /* vlevo + vpravo */
    align-items: center;        /* svislé zarovnání */
}

.header-top h1 { 
    margin:0; 
    color:#000; 
}

.header-subtitle {
    color: #ccc;        /* světle šedá */
    font-style: italic; /* kurzíva */
    font-size: 14px;
}

.header-image { 
    margin:0 2%; 
    background-size:cover; 
    background-position:center; 
    height:250px; 
}

.header-line {
    width: 96%;
    height: 4px;
    background-color: black;
    margin: 2px auto;
    margin-bottom: 5px;
}

.text-italic {
    font-size: 16px;
    font-style: italic;
    text-align: justify;
    line-height: 1.6;  /* větší mezery mezi řádky */
}

.link-list li {
    margin-bottom: 10px;  /* mezera mezi řádky odkazů */
}

/* 🔥 hlavní oprava */
.paper {
    width: 90%;              /* reaguje na velikost obrazovky */
    max-width: 800px;        /* horní limit */
    aspect-ratio: 4 / 3;
    background-color: white;
    border: 1px solid black;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
}

nav { 
    background-color:#000; 
    margin:0 2%; 
  /*  text-align: left; /* zarovnání vlevo */
}

nav ul { 
    list-style:none; 
    margin:0; 
    padding:0; 
    display:flex; 
    flex-wrap: wrap;   /* 🔥 důležité pro menší obrazovky */
 /*   justify-content: flex-start; /* zarovnání vlevo */
}

nav ul li { 
    position:relative; 
    flex:1; 
  /*  margin-right: 20px; /* mezery mezi položkami */
}

nav ul li a { 
    display:block; 
    color:white; 
    text-align:center; 
    padding:14px; 
    text-decoration:none; 
    cursor:pointer; 
    background-color: #000;  /* přidat, aby byl i link černý */ 	
}

nav ul li a:hover { 
    background-color:#333; 
}

nav ul li ul { 
    display:none; 
    position:absolute; 
    top:100%; 
    left:0; 
    background-color:#444; 
    width:100%; 
}

nav ul li ul li a { 
    padding:10px; 
    text-align:left; 
}


nav ul li:hover ul { 
    display:block; 
}

main { 
    padding:20px; 
    margin:0 2%; 
    min-height:300px; 
}

footer { 
    background-color:#ddd; 
    text-align:center; 
    padding:10px; 
    margin:0 2%; 
}