/*
Theme Name: Moban 8-10-3
Theme URI: https://example.com/moban-8-10-3
Author: Moban Team
Description: Giao diện tạp chí biên tập hiện đại với hai hàng điều hướng, ảnh bìa hero lớn, lưới đặc sắc ba cột và đám mây thẻ tag. Thiết kế góc cạnh, tông màu thép xám và hổ phách mạnh mẽ.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moban-8-10-3
Tags: magazine, editorial, two-columns, custom-menu, custom-logo
*/

/* ====== Base reset ====== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #2b333c;
    background-color: #ECEFF2;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    border: 0;
}

a { color: #5A6B7B; text-decoration: none; transition: color .2s ease; }
a:hover { color: #E8A13A; }

ul, ol { list-style-position: inside; }

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.screen-reader-text {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* WordPress core alignment classes */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 1em auto; }
.wp-caption { max-width: 100%; }

/* Main layout & components: see assets/css/main.css */
/* Responsive rules: see assets/css/responsive.css */