:root{--accent: #c8102e;--accent-dark: #8f0b20;--accent-soft: #fdecef;--blue: #002868;--gold: #f0b429;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 232, 236, 244;--gray-dark: 34, 41, 57;--bg: #ffffff;--bg-soft: #f7f8fb;--border: #e4e8f0;--radius: 14px;--box-shadow: 0 2px 6px rgba(var(--gray), 12%), 0 8px 24px rgba(var(--gray), 14%);--container: 1120px}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{font-family:Atkinson,system-ui,-apple-system,Segoe UI,Noto Sans Lao,Noto Sans Thai,Microsoft YaHei,PingFang SC,sans-serif;margin:0;padding:0;background:var(--bg);color:rgb(var(--gray-dark));font-size:18px;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word}main{display:block}.container{width:var(--container);max-width:calc(100% - 2rem);margin-inline:auto}.prose-container{width:760px;max-width:calc(100% - 2rem);margin-inline:auto}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.25;font-weight:700}h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark);text-decoration:underline}p{margin:0 0 1em}img{max-width:100%;height:auto;border-radius:10px}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}code{padding:2px 6px;background-color:var(--bg-soft);border:1px solid var(--border);border-radius:6px;font-size:.9em}pre{padding:1.25em;border-radius:var(--radius);overflow-x:auto}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);padding:.5em 1.25em;margin:1.5em 0;border-radius:0 8px 8px 0}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border);padding:.5em .75em;text-align:left}th{background:var(--bg-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.4em;border-radius:999px;font-weight:700;font-size:.95rem;border:2px solid transparent;cursor:pointer;transition:.15s ease;text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-ghost:hover{background:var(--accent);color:#fff}.btn-light{background:#fff;color:rgb(var(--black))}.badge{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;background:var(--accent-soft);color:var(--accent);text-transform:uppercase}.badge-blue{background:#e7edf8;color:var(--blue)}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.18s ease;height:100%}.card:hover{box-shadow:var(--box-shadow);transform:translateY(-3px);border-color:transparent}.card-cover{aspect-ratio:16 / 9;width:100%;object-fit:cover;border-radius:0;background:var(--bg-soft)}.card-cover.placeholder{background:radial-gradient(circle at 30% 30%,rgba(200,16,46,.18),transparent 55%),radial-gradient(circle at 75% 70%,rgba(0,40,104,.18),transparent 55%),var(--bg-soft)}.card-body{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-body h3{font-size:1.2rem;margin:0}.card-body h3 a{color:rgb(var(--black))}.card-body h3 a:hover{color:var(--accent)}.card-meta{color:rgb(var(--gray));font-size:.85rem;display:flex;gap:.6rem;flex-wrap:wrap}.card-desc{margin:0;font-size:.95rem;color:rgb(var(--gray-dark));opacity:.85}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section{padding:3.5rem 0}.section-soft{background:var(--bg-soft)}.section-head{margin-bottom:2rem}.section-head h2{font-size:1.9rem;margin-bottom:.25rem}.section-head p{color:rgb(var(--gray));margin:0}.prose{font-size:1.05rem}.prose h2{margin-top:2rem;padding-top:.5rem}.prose h3{margin-top:1.5rem}.prose ul,.prose ol{padding-left:1.4rem}.prose img{margin:1.5rem 0}.empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft);color:rgb(var(--gray))}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.text-center{text-align:center}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){body{font-size:17px}h1{font-size:2rem}h2{font-size:1.6rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:2.5rem 0}}