* { box-sizing: border-box; }
:root { color-scheme: dark; background: #101511; color: #f3f5e9; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; } a { color: #d5fa78; text-underline-offset: .2em; } a:focus-visible { outline: 2px solid #d5fa78; outline-offset: 4px; }
.global-article { max-width: 960px; margin: 0 auto; padding: clamp(24px, 5vw, 64px) 24px; }
.global-brand { font-size: 1.5rem; letter-spacing: .05em; font-weight: 800; display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; }
.global-article h1 { font-size: clamp(2rem, 6vw, 3.75rem); line-height: 1.15; margin: 2.5rem 0 1.5rem; }
.global-intro { font-size: 1.15rem; line-height: 1.75; color: #d4dfce; }
.global-article section { margin-top: 2.5rem; border-top: 1px solid #364431; padding-top: 1.5rem; }
.global-article h2 { font-size: 1.3rem; line-height: 1.4; color: #d5fa78; }
.global-article p { line-height: 1.85; overflow-wrap: anywhere; }
.global-languages,.global-destinations,.global-footer { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1.5rem; }
.global-languages a,.global-destinations a { padding: .5rem 0; min-height: 40px; }.global-languages a[aria-current] { color: #fff; font-weight: 700; }
.global-keyart { display: block; width: 100%; height: auto; max-height: 440px; object-fit: cover; border-radius: 8px; margin: 1.5rem 0; }
.global-play { display: inline-block; background: #d5fa78; color: #14200c; font-weight: 800; text-decoration: none; padding: 1rem 1.5rem; border-radius: 4px; margin-top: 2rem; }
.global-footer { max-width: 960px; margin: 0 auto; padding: 2rem 24px; border-top: 1px solid #364431; font-size: .9rem; }
html { scrollbar-color: #779153 #101511; scrollbar-width: thin; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #101511; } ::-webkit-scrollbar-thumb { background: #779153; border-radius: 8px; }