/* === HYBRID TECHNO PORTAL STYLE (2002-2004) === */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #8fa3b5;
    background-image: radial-gradient(#6d8296 20%, transparent 20%);
    background-size: 5px 5px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 14px; /* Было: 11px */
    color: #111111;
    padding: 15px 5px;
}

/* Сброс стилей для ретро-списка */
ul.retro-list {
    list-style: none !important; /* Убираем стандартные маркеры (точки) */
    margin: 0 !important;        /* Убираем внешние отступы */
    padding: 0 !important;       /* Убираем внутренний отступ слева */
}

ul.retro-list li {
    list-style: none !important;
}

a {
    color: #003399;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #d60000;
    background-color: #e2eaf2;
    text-decoration: underline;
}

/* Контейнер-сетка на 3 колонки + футер снизу */
.wrapper {
    max-width: 1245px; /* Было: 980px (пропорционально увеличено) */
    margin: 0 auto;
    display: grid;
    grid-template-columns: 290px 1fr 220px; /* Было: 230px 1fr 175px */
    gap: 10px;
    align-items: start;
    background: #cdd7e2;
    padding: 9px;
    border: 2px double #334d66;
    box-shadow: 0 0 0 2px #a2b2c2, 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.col-left {
    grid-column: 1;
}

.col-main {
    grid-column: 2;
    min-width: 0;
}

.col-right {
    grid-column: 3;
}

/* Картинка постера */
.col-left img,
.window-body img {
    max-width: 127px;
    height: auto;
    border: 1px solid #003366;
    padding: 2px;
    background: #ffffff;
    display: block;
    margin: 0 auto 6px auto;
}

.movie-info {
    line-height: 1.4;
    font-size: 14px; /* Было: 11px */
}

/* Модульные окна */
.window {
    background: #ffffff;
    border: 1px solid #1c3b5e;
    margin-bottom: 8px;
    box-shadow: 2px 2px 0px #8fa0b2;
}

.window-header {
    background: #003366 linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 4px 4px;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px; /* Было: 10px */
    padding: 5px 8px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #001f3f;
}

/* Оранжевый маркер */
.window-header::before {
    content: "■ ";
    color: #ff9900;
}

/* Название в шапке окна занимает все свободное место */
.window-header > span {
    flex-grow: 1;
}

/* Убираем конфликтную микро-иконку [+] если есть ссылка или убираем перекрытие */
.window-header::after {
    content: "";
}

.btn-back {
    color: #8bb5e0;
    font-size: 13px; /* Было: 10px */
    font-weight: normal;
    white-space: nowrap;
    margin-left: auto;
}
.btn-back:hover {
    color: #ffffff;
    background: transparent;
}

.window-body {
    padding: 8px;
}

/* === СТИЛИ КАРТОЧЕК РЕЦЕНЗИЙ (УСИЛЕННЫЙ РЕТРО-БЛОК 2000-х) === */
.review-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px;
    margin-bottom: 12px;

    /* Визуальное разделение карточек */
    background: #f0f4f8;                            /* Контрастный фон-подложка */
    border: 2px groove #a3b8cc;                      /* Объёмная рамка (Windows 98/2000 style) */
    border-left: 4px solid #ff9900;                  /* Оранжевая акцентная полоса слева */
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);    /* Жёсткая пиксельная тень */
}

/* Картинка постера внутри блока рецензии */
.review-card img {
    margin: 0;
    flex-shrink: 0;
    width: 127px; /* Было: 100px (пропорционально увеличено) */
    height: auto;
    border: 1px solid #003366;
    background: #ffffff;
    padding: 2px;
}

/* Заголовок фильма */
.review-card h3 {
    font-size: 15px; /* Было: 12px */
    margin-bottom: 6px;
    border-bottom: 1px dotted #003366;              /* Точечное подчёркивание заголовка */
    padding-bottom: 3px;
}

/* Настройки текста внутри блока */
.review-card p {
    line-height: 1.35;
    color: #222222;
}

.review-card:last-child {
    margin-bottom: 0;                               /* Убираем отступ у последней карточки */
}

/* Меню-вкладки */
.nav-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
    flex-wrap: wrap;
    background: #aabccf;
    padding: 4px;
    border: 1px solid #4a6680;
}

.tab-btn {
    background: #ffffff;
    border: 1px solid #003366;
    padding: 4px 10px;
    font-size: 13px; /* Было: 10px */
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    color: #003366;
}

.tab-btn::before {
    content: "// ";
    color: #6184a8;
}

.tab-btn:hover, .tab-btn.active {
    background: #003366;
    color: #ffffff;
    border-color: #001122;
}

.tab-btn:hover::before, .tab-btn.active::before {
    color: #ffaa00;
}

/* Оформление статьи */
.article-body h2 {
    font-size: 17px; /* Было: 13px */
    margin: 8px 0 5px 0;
    color: #002244;
}

.meta-info {
    font-size: 11px; /* Было: 9px */
    color: #555;
    margin-bottom: 6px;
}

.article-body p {
    margin-bottom: 8px;
    line-height: 1.4;
}

blockquote {
    background: #eef3f8;
    border-left: 3px solid #003366;
    margin: 8px 0;
    padding: 8px;
    font-style: italic;
}

.breadcrumbs {
    font-size: 11px; /* Было: 9px */
    margin-bottom: 8px;
    color: #444;
}

.verdict {
    background: #e2eaf2;
    border: 1px dashed #003366;
    padding: 8px;
    margin-top: 10px;
}

.verdict h3 {
    font-size: 14px; /* Было: 11px */
    color: #003366;
}

/* Формы */
.comment-form input,
.comment-form textarea {
    width: 100%;
    font-family: Verdana, sans-serif;
    font-size: 13px; /* Было: 10px */
    border: 1px solid #4a6680;
    padding: 5px;
    margin-bottom: 6px;
}

.comment-form button {
    background: #003366;
    color: #ffffff;
    border: 1px solid #001122;
    padding: 4px 10px;
    font-size: 13px; /* Было: 10px */
    font-weight: bold;
    cursor: pointer;
}

.comment-form button:hover {
    background: #ff9900;
    color: #000;
}

/* Рейтинг */
.rating {
    background: #003366;
    color: #00ffcc;
    padding: 2px 6px;
    font-weight: bold;
    display: inline-block;
    font-size: 13px; /* Было: 10px */
    border: 1px solid #001122;
    font-family: 'Courier New', monospace;
    margin-top: 4px;
}

/* Бэджи (жанры и прочее) */
.badge {
    font-size: 13px; /* Было: 10px */
    color: #333333;
}

/* Футер строго снизу во всю ширину */
.footer {
    grid-column: 1 / -1; /* Растягивается на все 3 колонки */
    background: #002244;
    color: #a1b8d0;
    padding: 8px;
    text-align: center;
    font-size: 13px; /* Было: 10px */
    margin-top: 4px;
    border-top: 2px solid #ff9900;
}

/* Мобильная адаптивность */
@media (max-width: 768px) {
    .wrapper {
        grid-template-columns: 1fr;
    }
    .col-left, .col-main, .col-right {
        grid-column: 1;
    }
}