/* ==========================================================================
   AWE 2026 — đồ án học viên: trang danh sách và trang từng đồ án.
   Nạp sau awe.css, dùng chung tokens và thẻ .awe-post với dải đồ án ở trang chủ.
   ========================================================================== */

/* .awe-phero (đầu trang trong) đã chuyển sang awe.css — trang liên hệ dùng chung. */

/* --------------------------------------------------------------- bộ lọc */
/* Nút lọc là <a> chứ không phải <span> như ở trang chủ: mỗi ngành có URL riêng
   (?nganh=) nên lọc chạy cả khi tắt JavaScript và chia sẻ được đường dẫn. */
.awe-chips--filter .awe-chip {
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease;
}
.awe-chips--filter .awe-chip:hover { border-color: var(--awe-primary); color: var(--awe-primary); }
.awe-chips--filter .awe-chip--on:hover { color: #fff; }
.awe-chips--filter .awe-chip b { font-variant-numeric: tabular-nums; }

/* ------------------------------------------------------- một đồ án */
.awe-proj { padding-top: 24px; }

.awe-proj__head { max-width: 60ch; }
.awe-proj__title {
    font-weight: 800;
    font-size: 38px;
    line-height: 1.1;
    letter-spacing: -.03em;
    color: var(--awe-primary);
    margin: 10px 0 0;
    text-wrap: balance;
}
.awe-proj__by {
    font-size: 15px;
    color: var(--awe-muted);
    margin: 12px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
}
.awe-proj__by strong { color: var(--awe-ink); font-weight: 600; }
.awe-proj__date { color: var(--awe-muted-2); font-variant-numeric: tabular-nums; }

.awe-proj__media {
    max-width: var(--awe-wrap);
    margin: 28px auto 0;
    padding: 0 24px;
}
.awe-proj__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--awe-radius);
}

.awe-proj__body { padding-top: 28px; padding-bottom: 8px; }
.awe-proj__body .awe-prose { max-width: 68ch; }
.awe-proj__back { margin: 24px 0 0; }

@media (max-width: 900px) {
    .awe-proj__title { font-size: 26px; }
    .awe-proj__media { margin-top: 20px; }
}