:root{color-scheme:light;--paper:#f1f4f1;--ink:#242220;--seal:#b3261e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper) url('/assets/suong-nui-thuy-mac.webp') center top/100% auto no-repeat fixed;font-family:var(--font-reading);line-height:1.7}header,footer{padding:1.4rem max(5vw,1rem);display:flex;justify-content:space-between;background:#f1f4f1ee;border-bottom:1px solid #24222030}a{color:var(--seal)}header>a{font-size:1.4rem;font-weight:bold;text-decoration:none}nav{display:flex;gap:1.5rem}main{max-width:1100px;margin:3rem auto;padding:2rem 3rem;background:#faf6eef5;box-shadow:0 16px 36px #28241e24;border-top:3px solid var(--seal)}h1{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.3}.chronicle-item{border-bottom:1px solid #24222030}.chronicle-link{display:flex;gap:2rem;align-items:center;padding:1.2rem 0;text-decoration:none;color:inherit}.chronicle-number{min-width:110px;color:var(--seal)}small{display:block;font-size:.7rem}.chronicle-summary{flex:1}.chronicle-summary h3{margin:0}.chronicle-summary p{color:#68635a;font-size:.95rem}article img,article table,article iframe{max-width:100%;height:auto}article{overflow-wrap:anywhere;overflow-x:auto}form{max-width:480px}label{display:block;margin:1rem 0}input,button{font:inherit;padding:.7rem;width:100%;border:1px solid #aba396;background:#fffdf8}button{background:var(--seal);color:white;cursor:pointer}footer{justify-content:center}.pagination{display:flex;gap:1rem;margin-top:2rem}@media(max-width:650px){main{margin:1rem;padding:1.2rem}.chronicle-link{gap:.8rem;align-items:flex-start;flex-direction:column}header{flex-direction:column;gap:.7rem}}
:root {
    --scroll-gold: #9b7841;
    --scroll-muted: #74684f;
}

/* News reads as a warm scroll against the misty mountain background. */
main.page-news-detail {
    position: relative;
    isolation: isolate;
    padding: clamp(1.4rem, 5vw, 3.5rem);
    background: linear-gradient(135deg, #e4e8dff5, #eee2c9fa 48%, #ddd3bdf5);
    border: 1px solid #ad96745c;
    border-top: 4px solid var(--seal);
    border-radius: 4px 4px 12px 12px;
    box-shadow: 0 24px 64px #29382c26, inset 0 0 0 7px #f7eedc73;
}

.page-news-detail::before {
    content: "";
    position: absolute;
    inset: 12px;
    pointer-events: none;
    border: 1px solid #a28c642e;
    border-radius: 2px 2px 7px 7px;
    z-index: -1;
}

.article-breadcrumb {
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 2rem;
    font-size: .8rem;
    color: var(--scroll-muted);
}

.article-breadcrumb a { color: #5a6655; text-decoration: none; }
.article-breadcrumb a:hover { color: var(--seal); text-decoration: underline; }
.article-kicker {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: var(--scroll-muted);
    font-size: .7rem;
    font-weight: bold;
    letter-spacing: .17em;
}

.article-kicker span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 38px;
    border: 1px solid var(--seal);
    border-radius: 2px;
    color: var(--seal);
    font-size: 1.45rem;
    letter-spacing: 0;
    transform: rotate(-5deg);
}

.page-news-detail > h1 { max-width: 24ch; margin: 1.1rem 0; color: #343c30; }
.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    padding-bottom: 1.6rem;
    margin-bottom: 1.7rem;
    border-bottom: 1px solid #9b784145;
    font-size: .82rem;
    color: var(--scroll-muted);
}
.article-meta time { color: #805e34; font-weight: bold; }

.news-article-body {
    padding: clamp(1.1rem, 3.5vw, 2.6rem);
    background: linear-gradient(180deg, #f8efdcbf, #eee4cdb3);
    border: 1px solid #a38b5c40;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 #fff8e9b3;
    color: #3d372e;
    font-size: 1.05rem;
    line-height: 1.95;
}
.news-article-body > :first-child { margin-top: 0; }
.news-article-body > :last-child { margin-bottom: 0; }
.news-article-body h2,.news-article-body h3 { color: #49533e; line-height: 1.45; }
.news-article-body a { color: #9b3027; text-underline-offset: 3px; }
.news-article-body img { border-radius: 4px; }
.news-article-body blockquote {
    margin: 1.5rem 0;
    padding: .8rem 1.2rem;
    border-left: 3px solid var(--scroll-gold);
    background: #b49b6221;
    color: #645132;
}
.news-article-body table { border-collapse: collapse; }
.news-article-body th,.news-article-body td { padding: .65rem; border: 1px solid #aa93614d; }
.news-article-body th { background: #b49b6226; }
.article-end {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 1.8rem;
    color: var(--scroll-gold);
    font-size: .85rem;
}
.article-end a { text-decoration: none; }

.registration-notice { max-width: 600px; margin: 1.8rem auto; text-align: center; }
.notice-seal {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 2px solid var(--seal);
    color: var(--seal);
    font-size: 2.5rem;
    transform: rotate(-6deg);
}
.notice-account { margin-top: 1.7rem; overflow-wrap: anywhere; }
.notice-account strong { color: var(--seal); }
.notice-link { display: inline-block; margin-top: 1rem; font-weight: bold; }
@media (max-width: 650px) {
    main.page-news-detail { margin: 1rem .65rem; padding: 1.5rem 1.1rem; }
    .article-breadcrumb { margin-bottom: 1.5rem; font-size: .75rem; }
    .news-article-body { font-size: 1rem; padding: 1rem; }
}