/* Alapbeállítások resetelése */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Tradicionális sumi-e (tus) alapok, Shoji-papír rácsstruktúrával */
body {
    background-color: #141412; 
    
    /* Modern rács helyett tradícionális papír/fa rost textúra hatás */
    background-image: 
        linear-gradient(rgba(140, 125, 100, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(140, 125, 100, 0.08) 1px, transparent 1px);
    background-size: 30px 30px; 
    background-attachment: fixed; 
    
    color: #d4ceb8; /* Patinás, antikolt papír-fehér */
    font-family: 'Courier New', Courier, monospace; /* Megmarad a nyers, gépelt jelleg */
    line-height: 1.6; /* Kicsit szellősebb a meditatív hangulathoz */
    min-height: 100vh; 
    
    /* ÚJRA AKTIVÁLVA: A Flex elrendezés most már tökéletesen működik, mert a navbar nincs kiemelve */
    display: flex;
}

/* Bekezdések tiszta elválasztása */
p {
    margin-bottom: 14px; 
    color: #a8a28e; /* Halványabb, koptatott tintaszín */
}

/* Felső navigációs sáv helyett BAL OLDALI navigációs sáv */
.navbar {
    /* MÓDOSÍTVA: Kivettem a position: fixed-et, hogy ne lebegjen, hanem valódi helyet foglaljon a Flexboxban */
    position: sticky; /* Sticky-vel a helyén marad görgetéskor is, de nem rombolja le az elrendezést */
    top: 0;
    left: 0;
    width: 200px; /* Fix szélesség a bal oldalon */
    height: 100vh; /* Teljes magasság */
    background-color: #141412; 
    border-right: 1px solid #38352e; /* Koptatott faág-barna elválasztó jobb oldalon */
    display: flex;
    flex-direction: column; /* Függőleges elrendezés */
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 20px;
    z-index: 1000;
    flex-shrink: 0; /* Biztosítja, hogy a menü sose nyomódjon össze */
}

/* Prompt a bal oldalon - Nyers tus-fekete/fehér kontraszt */
.logo {
    color: #f4efe1; 
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 30px; /* Távolság a logó és a linkek között */
}

/* Navigációs linkek */
.nav-links {
    display: flex;
    flex-direction: column; /* Függőleges elrendezés a linkeknek is */
    gap: 15px; /* Távolság a linkek között */
}

.nav-links a {
    color: #706a5b; /* Moha-szürke */
    text-decoration: none;
    margin-left: 0; /* Vízszintes margó nullázva */
    transition: color 0.2s ease;
    border-bottom: none;
}

.nav-links a:hover,
.nav-links a.active {
    color: #a83232; /* A szamuráj kardja / Mély vörös */
}

/* Fő tartalom szilárd, faszén-szürke háttérrel */
.content {
    /* ÚJ: A megmaradt jobb oldali területen belül tökéletesen középre igazítja önmagát */
    max-width: 1000px; 
    width: 100%; /* Biztosítja a reszponzivitást kisebb képernyőkön */
    
    /* MÓDOSÍTVA: Felül-alul 40px, a két oldalon auto. Mivel a navbar elfoglalta a bal oldalt, 
       az 'auto' margók a maradék üres tér mértani közepére lövik be a szövegtömböt. */
    margin: 40px auto; 
    padding: 30px;      
    
    background-color: #1e1d1a; /* Szilárd, földes, nehéz sötét tónus */
    border: 1px solid #2e2b25;  /* Finom, sötétbarna keret */
    border-radius: 2px;        /* Minimális, szinte észrevehetetlen kerekítés */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6); 
}

/* Listaelemek struktúrája */
.raw-list {
    margin-top: 20px; 
}

.raw-item {
    display: flex;
    align-items: baseline;
    margin-bottom: 8px; 
    padding-bottom: 8px; 
    /* Tompa, elszáradt bambusz-zöld vonal */
    border-bottom: 1px solid #2d3329; 
}

/* Fix szélesség a dátumnak - Kő-szürke */
.date {
    color: #5c574c; 
    width: 120px;
    flex-shrink: 0;
}

/* Általános Linkek (Tompa, természetes zöldes-barna) */
a {
    color: #8c9684; 
    text-decoration: none;
    border-bottom: 1px solid #3a3f35; 
    transition: all 0.15s ease;
}

/* A lista-címek */
.title {
    color: #e6dfcc; 
    border-bottom: none; 
}

/* Hover effekt: Ha rálépsz az útra, bevillan a vörös tónus */
a:hover, 
.title:hover {
    color: #a83232; /* Alvadt vérvörös / Pecséttinta szín */
    border-bottom: 1px solid #a83232; 
    cursor: pointer;
}