:root {
                --card-bg: #ffffff;
                --muted: #6b7280;
                --accent: #3a7bd5;
                --accent-light: rgba(58, 123, 213, 0.14);
                --accent-strong: #dd8615;
                --shadow: rgba(29, 35, 51, 0.08);
                --border:#c18b4a30;
            }
            *, *::before, *::after {
                box-sizing: border-box;
            }
            article header {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                margin-bottom: 40px;
            }
            h1 {
                margin: 20px 0 12px;
                letter-spacing: 0.12em;
                color: #1d1e1e;
                line-height:1.2;
            }
            .subtitle {
                margin: 0;
                color: var(--muted);
                font-size: 16px;
            }
            section {
                margin-bottom: 52px;
                line-height:1.7;
            }
            .year-label {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                gap: 16px;
                font-size: 18px;
                font-weight: 600;
                letter-spacing: 0.24em;
                margin-bottom: 20px;
                text-align: center;
            }
            .year-label::before {
                content: '';
                height: 1px;
                background: var(--border);
                width: 50%;
                justify-self: flex-end;
            }
            .year-label::after {
                content: '';
                height: 1px;
                background: var(--border);
                width: 50%;
                justify-self: flex-start;
            }
            .award-list {
                display: flex;
                flex-direction: column;
                gap: 24px;
            }
            article {
                background: var(--card-bg);
                border-radius: 18px;
                padding: 24px;
                box-shadow: 0 20px 48px var(--shadow);
                border: 1px solid #e3e3e3;
            }
            article header {
                align-items: flex-start;
                text-align: left;
                margin: 0 0 16px;
            }
            article h2 {
                margin: 0;
                text-align: left;
                font-weight:  400;
            }
            .award-items {
                display: flex;
                flex-direction: column;
                gap: 16px;
            }
            .award-item {
                display: grid;
                grid-template-columns: 400px 1fr;
                gap: 20px;
                align-items: center;
            }
            .award-item figure {
                margin: 0;
                border-radius: 10px;
                overflow: hidden;
                border: 1px solid var(--border);
                background: #e9eef8;
                position: relative;
            }
            .award-item figure img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.4s ease;
            }
            .award-item figure a {
                display: block;
            }
            .award-item figure a:hover img,
            .award-item figure a:focus img {
                transform: scale(1.04);
            }
            .award-content {
                display: flex;
                flex-direction: column;
                gap: 6px;
            }
            .category {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-weight: 600;
                color: #543d2c;
                background: #d99b4c4f;
                padding: 4px 10px;
                border-radius: 999px;
                text-decoration: none;
                width: fit-content;
                font-size: 1rem;
            }
            .award-content a {
                color: inherit;
                text-decoration: none;
            }
            .award-content a:hover,
            .award-content a:focus {
                color: var(--accent-strong);
                text-decoration: none;
            }
            .authors {
                color: var(--muted);
            }
            @media (max-width: 640px) {
                h1 {
                    margin-top: 28px;
                    font-size: 28px;
                }
                article {
                    padding: 20px;
                }
                .award-item {
                    grid-template-columns: 1fr;
                }
                .award-item figure {
                    height: 200px;
                }
            }