.article-page{padding-block:clamp(20px,3vw,36px) clamp(72px,9vw,120px)}.article-page .crumbs{color:var(--fg-3);margin-bottom:clamp(24px,4vw,48px);font-size:13px}.article-page .crumbs a:hover{color:var(--fg)}.article{margin-inline:auto;gap:28px;max-width:68ch;margin-bottom:40px;display:grid}.article header{gap:14px;display:grid}.article h1{font-size:clamp(34px,4.6vw,56px);line-height:1.12}html[lang=th] .article h1{line-height:1.35}.article .dek{color:var(--fg-2);font-size:18px;font-weight:400}.article .meta{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:13px}.prose{color:color-mix(in oklab, var(--fg) 88%, var(--fg-2));font-size:17px;line-height:1.8}html[lang=th] .prose{line-height:1.9}.prose>*+*{margin-top:1.1em}.prose h2{font-family:var(--body);color:var(--fg);margin-top:2em;font-size:24px;font-weight:600;line-height:1.4}.prose h3{font-family:var(--body);color:var(--fg);margin-top:1.6em;font-size:19px;font-weight:600}.prose p,.prose li{font-weight:400}.prose strong{color:var(--fg);font-weight:600}.prose ul,.prose ol{gap:.45em;padding-left:1.3em;display:grid}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li::marker{color:var(--glow)}.prose a{color:var(--glow);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--glow) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--glow) 40%, transparent)}.prose a:hover{-webkit-text-decoration-color:var(--glow);text-decoration-color:var(--glow)}.prose blockquote{border-left:2px solid var(--mid);color:var(--fg-2);margin:0;padding:4px 0 4px 18px}.prose table{border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:8px 12px}.prose hr{border:0;border-top:1px solid var(--line)}.sources{border-top:1px solid var(--line);gap:10px;padding-top:20px;display:grid}.sources h2{font-family:var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.sources ul{color:var(--fg-3);word-break:break-all;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.sources a:hover{color:var(--fg)}.prose li:has(>input[type=checkbox]){gap:10px;margin-left:-1.3em;list-style:none;display:flex}.prose input[type=checkbox]{appearance:none;border:1.5px solid var(--glow);border-radius:4px;flex:none;width:16px;height:16px;margin-top:.45em}
