@font-face{font-family:Gambarino;src:url('/assets/journal/gambarino.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/journal/general.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/journal/general-medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--bg:#dfdedb;--surface:#d3d2ce;--ink:#26251e;--muted:#5f5d55;--accent:#2456d6;--accent-ink:#fff;--paper:#f6f5f2;--margin:24px;--body:18px;--small:14px;--lead:24px;--head:48px;--display:clamp(56px,5.4vw,84px);--font:'General Sans',Arial,sans-serif;--serif:Gambarino,Georgia,serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--bg);font:400 var(--body)/1.55 var(--font)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--display)}h2{font-size:var(--head)}h3{font-size:32px}p{max-width:66ch;text-wrap:pretty}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.06em}a:hover{text-decoration-color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a,button,summary{touch-action:manipulation}img{display:block;width:100%;height:100%;object-fit:cover}figcaption,.small{font-size:var(--small)}figcaption{padding-top:10px;line-height:1.45;max-width:70ch}strong{font-weight:500}.lead{font-size:var(--lead);line-height:1.4}.preview{font-size:var(--small);padding:8px var(--margin);background:var(--ink);color:var(--paper)}.masthead{padding:24px var(--margin);display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-family:var(--serif);font-size:40px;text-decoration:none;letter-spacing:-.035em;line-height:1}.wordmark span{font:var(--small)/1.5 var(--font);letter-spacing:0;display:inline-block;margin-left:16px}.masthead nav{display:flex;gap:28px}.masthead nav a{font-size:16px;display:flex;align-items:center;min-height:44px;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-size:16px;transition:transform 140ms var(--ease),background-color 180ms ease}.button:hover{background:var(--ink)}.button:active{transform:scale(.98)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:var(--accent)}
.cover{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 var(--margin);align-items:stretch}.cover-sheet{background:var(--paper);padding:64px 44px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:600px}.cover h1{max-width:14ch}.cover .lead{max-width:34ch;margin:32px 0}.cover-bottom{margin-top:60px;display:flex;width:100%;justify-content:space-between;gap:18px;font-size:var(--small)}.cover-photo{display:grid;grid-template-rows:1fr auto;min-height:600px;overflow:clip}.cover-photo img{min-height:0;max-height:670px}.cover-photo figcaption{font-size:var(--small);padding:10px 0 0}.feature{margin:120px var(--margin);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}.feature>figure{display:flex;flex-direction:column}.feature-photo{aspect-ratio:1;height:auto;max-height:620px}.feature-copy{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:12px 24px 30px}.feature-nav{display:flex;justify-content:space-between;gap:20px;font-size:var(--small)}.feature h2{font-size:64px;margin-bottom:32px}.feature p{max-width:36ch}.feature-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.feature-actions>a:not(.button){font-size:16px;min-height:44px;display:flex;align-items:center}
.guide-index{padding:72px var(--margin);background:var(--paper)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:48px}.section-title p{max-width:36ch}.index-layout{display:grid;grid-template-columns:190px 1fr;gap:40px}.filters{display:flex;flex-direction:column;gap:8px;align-self:start}.filters a{display:flex;align-items:center;padding:16px;min-height:54px;background:var(--bg);text-decoration:none;font-size:16px}.filters a[aria-current=true]{background:var(--ink);color:var(--paper)}#filter-status{margin-bottom:14px}.story-row{display:grid;grid-template-columns:180px 1fr 95px;gap:26px;align-items:center;padding:24px;background:var(--bg);margin-top:8px}.story-row:nth-child(even){background:var(--surface)}.story-image{height:160px}.story-row h3{margin-bottom:12px;max-width:24ch}.story-row h3 a{text-decoration:none}.story-row p{font-size:16px}.story-row .small{font-size:var(--small);margin-top:14px}.read-link{font-size:16px;min-height:44px;display:flex;align-items:center;gap:8px}.promise{display:grid;grid-template-columns:1fr 2fr;gap:64px;margin:120px var(--margin)}.promise h2{margin-bottom:24px}.promise .statement{font-size:28px;line-height:1.4;margin-bottom:24px}.promise a{display:inline-block;margin-top:28px}.footer{background:var(--surface);padding:64px var(--margin) 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.footer h2{margin-bottom:24px}.footer-links{display:flex;flex-direction:column;gap:14px;align-items:start;padding-left:24px}.footer-links a{min-height:30px}.footer-links .small{margin-top:18px}.credits{grid-column:1/-1}.credits summary{cursor:pointer;min-height:44px;display:list-item;font-size:16px}.credits p{font-size:var(--small);max-width:100ch}.footer-bottom{grid-column:1/-1}
.category-intro{padding:64px var(--margin) 72px;background:var(--paper)}.category-intro .lead{margin:28px 0;max-width:40ch}.category-stories{padding:72px var(--margin) 100px}.category-stories>h2{margin-bottom:32px}.article-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:56px var(--margin);background:var(--paper);align-items:center}.article-head h1{font-size:64px;max-width:18ch}.article-head .lead{margin:28px 0}.article-head .small+.small{margin-top:20px}.article-head figure img{aspect-ratio:4/3;height:auto;max-height:480px}.reading-layout{display:grid;grid-template-columns:240px minmax(0,720px);justify-content:center;gap:72px;padding:72px var(--margin) 100px}.reading-layout aside{align-self:start;position:sticky;top:32px}.reading-layout aside nav{display:flex;flex-direction:column;gap:14px;margin-top:18px;font-size:16px}.reading-layout aside a{min-height:28px}.reading{min-width:0}.reading h2{font-size:36px;margin-bottom:22px}.reading section{margin-top:56px}.reading p+p{margin-top:20px}.reading ul{padding-left:24px}.reading li{margin-bottom:18px}.takeaway{background:var(--paper);padding:28px}.sources{background:var(--surface);padding:28px}.sources a{overflow-wrap:anywhere}.sources p{font-size:16px}.related{padding:64px var(--margin);background:var(--paper)}.related h2{margin-bottom:40px}.related>a{display:grid;grid-template-columns:200px 1fr 120px;gap:24px;align-items:center;text-decoration:none;padding:24px 0}.related strong{font:32px/1.15 var(--serif)}.related span{font-size:16px}.info{max-width:880px;margin:0 auto;padding:64px var(--margin) 100px}.info h1{font-size:64px;margin-bottom:48px}.info h2{font-size:36px;margin:44px 0 20px}.info .button{margin-top:40px}.skip{position:absolute;top:-100px;left:16px;padding:16px;background:var(--paper);z-index:20}.skip:focus{top:16px}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}
@media(max-width:1000px){:root{--display:60px;--head:40px;--lead:20px}.masthead nav{gap:20px}.cover-sheet{padding:48px 28px 24px;min-height:540px}.cover-photo{min-height:540px}.cover-bottom{flex-direction:column;gap:6px;margin-top:40px}.feature{gap:24px}.feature-copy{padding:0;gap:24px}.feature h2{font-size:48px}.index-layout{grid-template-columns:150px 1fr;gap:24px}.story-row{grid-template-columns:110px 1fr;gap:20px;padding:20px}.story-image{height:140px}.read-link{grid-column:2}.story-row h3{font-size:28px}.section-title{align-items:start}.promise{gap:32px}.article-head{gap:30px}.article-head h1{font-size:48px}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.related>a{grid-template-columns:150px 1fr}.related>a span:last-child{grid-column:2}}
@media(max-width:650px){:root{--margin:16px;--body:17px;--head:36px;--display:48px;--lead:19px}.preview{font-size:13px}.masthead{padding-block:20px;flex-wrap:wrap;gap:12px}.wordmark{font-size:36px}.masthead nav{width:100%;justify-content:space-between;gap:12px}.masthead nav a{font-size:14px;min-height:36px}.cover{grid-template-columns:1fr}.cover-sheet{min-height:380px;padding:36px 22px 24px}.cover .lead{margin:24px 0}.cover-bottom{margin-top:28px;flex-direction:row;font-size:13px;gap:12px}.cover-photo{min-height:0}.cover-photo img{height:330px}.cover-photo figcaption{font-size:13px}.feature{grid-template-columns:1fr;margin-block:72px;gap:24px}.feature-photo{max-height:380px}.feature-copy{gap:28px}.feature h2{font-size:44px;margin-bottom:24px}.feature h2 br{display:none}.feature-actions{gap:20px}.guide-index{padding-block:48px}.section-title{display:block;margin-bottom:28px}.section-title p{margin-top:20px}.section-title p br{display:none}.index-layout{grid-template-columns:1fr;gap:24px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.filters a{min-height:44px;padding:10px 14px;font-size:14px}.story-row{grid-template-columns:1fr;padding:18px;gap:20px;margin-top:12px}.story-image{height:210px}.read-link{grid-column:auto}.story-row h3{font-size:32px;max-width:none}.promise{grid-template-columns:1fr;margin-block:72px;gap:24px}.promise .statement{font-size:24px}.footer{grid-template-columns:1fr;padding-top:48px;gap:32px}.footer-links{padding-left:0}.credits,.footer-bottom{grid-column:auto}.category-intro{padding-block:40px}.category-intro h1{font-size:44px}.category-stories{padding-block:48px}.article-head{grid-template-columns:1fr;padding-block:36px;gap:32px}.article-head h1{font-size:42px;max-width:none}.article-head .lead{margin:24px 0}.article-head figure img{max-height:300px}.reading-layout{grid-template-columns:1fr;padding-top:36px;gap:36px}.reading-layout aside{position:static;background:var(--surface);padding:20px}.reading-layout aside nav{gap:8px}.reading h2{font-size:30px}.reading section{margin-top:44px}.takeaway,.sources{padding:22px}.related{padding-block:48px}.related>a{grid-template-columns:1fr;gap:12px}.related>a span:last-child{grid-column:auto}.related strong{font-size:30px}.info{padding-block:40px}.info h1{font-size:42px}.info h2{font-size:30px}}
/* One editorial scale, with readable long-form text and a separate display role. */
:root{--paper:#f2f2f0}.wordmark{font-size:var(--head)}.wordmark span{font-family:var(--serif)}.feature h2{font-size:var(--head)}.feature-copy{justify-content:center;gap:48px}.story-row h3{font-size:var(--lead)}.promise .statement{font-size:var(--lead);max-width:50ch}.credits p{max-width:66ch}.story-row p,.masthead nav a,.button,.filters a,.read-link,.feature-actions>a:not(.button){font-size:var(--body)}.story-row .small,.preview,figcaption{font-size:var(--small)}#filter-status{margin-top:20px;margin-bottom:0}.story-image img[src$="phone.jpg"],.article-head img[src$="phone.jpg"]{object-position:center 90%}
@media(min-width:651px) and (max-width:1000px){:root{--display:48px}.cover-sheet{padding-inline:18px}.promise .statement{font-size:var(--lead)}}
@media(max-width:650px){.story-row h3{font-size:var(--head)}.masthead nav a,.filters a{font-size:var(--small)}.feature h2 br{display:block}.preview{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.cover-photo img{animation:photo-arrive 1000ms var(--ease) both}.cover h1{animation:type-arrive 650ms var(--ease) both}.cover .lead{animation:type-arrive 800ms var(--ease) both}.cover .button{animation:type-arrive 900ms var(--ease) both}}
@keyframes photo-arrive{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes type-arrive{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The SG journal design, adapted to existing long-form content and local scripts. */
.skip{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;padding:16px;clip-path:none;overflow:visible}
@media(prefers-reduced-motion:no-preference){.text-in{animation:journal-text 850ms cubic-bezier(.16,1,.3,1) both}.photo-in{animation:journal-photo 1100ms cubic-bezier(.16,1,.3,1) both}.story-row p.text-in{animation-delay:75ms}}
@keyframes journal-text{from{opacity:.65;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes journal-photo{from{opacity:.7;clip-path:inset(0 0 8% 0)}to{opacity:1;clip-path:inset(0)}}
.document h1{font-size:clamp(32px,4.2vw,64px);line-height:1.2;max-width:25ch;margin:28px 0}.document h2{font-size:30px;line-height:1.3;margin:44px 0 18px}
.cover h1{max-width:none}.cover-bottom{justify-content:center}.cover-sheet{padding-inline:28px}.story-row h3{font-size:24px;max-width:none;line-height:1.25}.story-row p{max-width:60ch}.feature h2{max-width:18ch}.feature-copy{gap:32px}.story-image img{object-position:center}.story-row:not(:has(.story-image)){grid-template-columns:1fr 100px}.site-footer-copy{display:none}
.document{max-width:1100px;margin:auto;padding:56px var(--margin) 96px}.document>article>h1,.document>h1,.document .article-header h1{font-size:clamp(32px,4.2vw,64px);line-height:1.2;max-width:25ch;margin:28px 0}.document .prose,.document .article-body,.document .article-content{max-width:72ch;margin:48px auto 0}.document .prose h2,.document .article-body h2,.document .article-content h2,.document .sources h2{font-size:30px;line-height:1.3;margin:44px 0 18px}.document p{max-width:68ch;margin:18px 0}.document .lead{max-width:55ch}.document li{margin:12px 0}.document .meta,.document .article-meta{font-size:14px}.document .answer,.document .quick-answer,.document blockquote{background:var(--paper);padding:24px;margin:28px 0}.document a{overflow-wrap:anywhere}.document table{border-collapse:collapse;width:100%;font-size:16px;table-layout:fixed}.document th,.document td{padding:16px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.document th{background:var(--surface)}.document tbody tr:nth-child(even){background:var(--paper)}.document .table-wrap{overflow:auto}.document details{padding:20px;background:var(--paper);margin:12px 0}.document summary{cursor:pointer;font-weight:500}.document .sources{margin:40px 0}.document .article-hero,.document .art,.document .guide-art{display:none}.document .article-category{font-size:16px;margin:24px 0}.document .back{display:inline-block;margin-bottom:18px}.footer nav{display:flex;flex-wrap:wrap;gap:24px}.footer small,.footer .small{font-size:14px}.footer>p{grid-column:1/-1}.footer .credits p{font-size:14px}.footer a{overflow-wrap:anywhere}.search-box{display:flex;gap:12px;align-items:center;margin-bottom:24px}.search-box input{font:inherit;padding:12px;width:100%;border:0;background:var(--paper)}
html[lang=th]{--font:'Noto Sans Thai',Tahoma,sans-serif;--serif:'Noto Sans Thai',Tahoma,sans-serif}html[lang=th] h1,html[lang=th] h2{line-height:1.35;letter-spacing:0}html[lang=th] .cover h1{font-size:clamp(36px,4.3vw,64px)}html[lang=th] .wordmark{font-family:Gambarino,Georgia,serif}html[lang=vi-VN]{--serif:Georgia,'Times New Roman',serif}
@media(max-width:1000px){.story-row:not(:has(.story-image)){grid-template-columns:1fr}.cover h1{font-size:48px}.masthead nav{gap:16px}.feature h2{font-size:40px}}
@media(max-width:650px){.wordmark span{font-size:16px}.masthead nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 20px}.masthead nav a{font-size:16px}.cover h1{font-size:44px}.cover .lead{font-size:18px}.feature h2{font-size:34px}.section-title h2{font-size:32px}.story-row h3{font-size:26px}.document{padding-top:28px}.document>article>h1,.document>h1,.document .article-header h1{font-size:34px;max-width:none}.document .prose h2,.document .article-body h2,.document .article-content h2,.document .sources h2{font-size:26px}.document th,.document td{padding:10px}.footer h2{font-size:34px}.filters a{font-size:16px}.story-row:not(:has(.story-image)){grid-template-columns:1fr}.cover-sheet{min-height:370px}html[lang=th] .cover h1{font-size:40px}}

.document .toc{max-width:72ch;margin:32px auto;padding:20px;background:var(--paper)}.document .toc a{display:block;padding:8px 0;line-height:1.6}.document .toc p{margin-top:0}.document .breadcrumbs{display:flex;flex-wrap:wrap;gap:6px}