:root {
    --win-gray: #2d313d; /* Тёмный тон как на наброске */
    --win-light: #5a6170;
    --win-dark: #1a1e26;
    --win-blue: #000080;
    --win-text: #ffffff;
}

body {
    background-color: #1a1e26;
    color: var(--win-text);
    font-family: "MS Sans Serif", "Tahoma", sans-serif;
    margin: 0; padding: 0;
}

/* ТАСКБАР */
.win-taskbar {
    position: fixed; top: 0; left: 0; right: 0;
    height: 35px; background: var(--win-gray);
    border-bottom: 2px solid var(--win-dark);
    display: flex; align-items: center; padding: 0 5px; z-index: 1000;
}

.start-btn {
    height: 25px; background: var(--win-gray);
    border: 2px solid; border-color: var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);
    display: flex; align-items: center; gap: 5px; padding: 0 8px; cursor: pointer; color: white;
}

.app-tab {
    height: 25px; min-width: 80px; background: #222;
    border: 2px solid; border-color: var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);
    color: white; font-size: 11px; text-decoration: none;
    display: flex; align-items: center; justify-content: center; margin-left: 5px;
}

.system-tray { margin-left: auto; display: flex; align-items: center; gap: 5px; }

.tray-clock {
    background: #000; border: 2px solid; border-color: var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);
    color: #00ff00; padding: 2px 10px; font-family: monospace; text-decoration: none;
}

/* СЕТКА ROZETKED */
.desktop { padding: 50px 20px 100px; }

.post-feed {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 колонки */
    gap: 20px;
    max-width: 1200px; margin: 0 auto;
}

/* Ломаем сетку как на Rozetked/наброске */
.post-card:nth-child(1) { grid-column: span 2; grid-row: span 2; } /* Первый большой */
.post-card:nth-child(4) { grid-column: span 2; } /* Четвертый широкий */

/* ОКНО СТАТЬИ */
.post-card {
    background: var(--win-gray);
    border: 2px solid; border-color: var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);
    padding: 3px; text-decoration: none; color: white; display: flex; flex-direction: column;
}

.win-title-bar {
    background: var(--win-blue); height: 18px;
    display: flex; justify-content: space-between; padding: 0 5px; font-size: 11px; font-weight: bold;
}

.post-img { 
    width: 100%; height: 180px; object-fit: cover; 
    border: 2px solid var(--win-dark); margin-top: 3px;
}
.post-card:first-child .post-img { height: 400px; }

/* ФУТЕР */
.win-footer {
    background: var(--win-gray); border-top: 2px solid var(--win-light);
    padding: 20px; display: flex; justify-content: space-between; align-items: flex-end;
}

.footer-left a { display: block; color: #aaa; text-decoration: none; font-size: 12px; margin-bottom: 5px; }
.footer-right { text-align: right; }
.kernel-credit { display: block; font-size: 10px; color: #666; margin-top: 5px; }

/* ПУСК */
.start-popup {
    position: fixed; top: 35px; left: 5px; background: var(--win-gray);
    border: 2px solid; border-color: var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);
    z-index: 2000; display: flex;
}
.start-side { background: linear-gradient(0deg, #000080, #1084d0); writing-mode: vertical-lr; transform: rotate(180deg); padding: 10px 5px; }
.start-links { list-style: none; margin: 0; padding: 5px; min-width: 180px; }
.start-links li a { display: block; padding: 8px; color: white; text-decoration: none; }
.start-links li a:hover { background: var(--win-blue); }