@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/chakra-600-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/chakra-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexthai-400-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexthai-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plexthai-700-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plexthai-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--frame:#173a2b;--frame-2:#2e5a45;--frame-ink:#f1efe6;--paper:#fbfaf6;--paper-2:#f0efe7;--note:#eef1ea;--ink:#1c2620;--ink-strong:#111a15;--muted:#535e56;--link:#1f5a3e;--madder:#b4532a;--turmeric:#e3b341;--thread:#ecebe2;--rule:#d8dad0;--rule-strong:#6b7268;--o-wf:#1f5a3e;--o-wh:#cfe3d3;--o-p:#e4e2d8;--o-lh:#f2d6c7;--o-lf:#a94b25;--head-font:'Chakra Petch',system-ui,-apple-system,'Segoe UI',sans-serif;--body-font:'IBM Plex Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif;--band:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2236%22 height=%2218%22%3E%3Crect width=%2218%22 height=%2218%22 fill=%22%23173a2b%22/%3E%3Crect x=%2218%22 width=%2218%22 height=%2218%22 fill=%22%232a5a45%22/%3E%3Crect y=%2214%22 width=%2236%22 height=%221.5%22 fill=%22%23ecebe2%22/%3E%3C/svg%3E");--band-mini:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2276%22 height=%2210%22%3E%3Crect y=%224%22 width=%2260%22 height=%222%22 fill=%22%232e5a45%22/%3E%3Ccircle cx=%2270%22 cy=%225%22 r=%223.5%22 fill=%22%23b4532a%22/%3E%3C/svg%3E");}/* NF article-site base. Tokens come from site.json (:root). Woven-band frame, plain reading column. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.7 var(--body-font);
  font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
@media (min-width:48em){body{font-size:1.125rem}}
::selection{background:var(--thread);color:var(--frame)}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--frame);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px;border-radius:2px}
html{scrollbar-color:var(--frame-2) var(--paper-2)}

.skip{position:absolute;left:-999px;top:0;background:var(--turmeric);color:var(--frame);padding:.6rem 1rem;z-index:9;font-weight:700}
.skip:focus{left:8px;top:8px}
.skip:hover{color:var(--frame)}

/* ---------- woven band (the only ornament) */
.band{height:22px;background-color:var(--frame);background-image:var(--band);background-size:44px 22px;background-repeat:repeat-x}
@media (max-width:30em){.band{height:18px;background-size:36px 18px}}

/* ---------- masthead */
.mast{background:var(--frame);color:var(--frame-ink)}
.mast-in{max-width:72rem;margin:0 auto;padding:.9rem 1rem .8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;justify-content:space-between}
.brand{font:600 1.25rem/1.25 var(--head-font);color:var(--frame-ink);text-decoration:none;margin:0;display:inline-flex;align-items:center;min-height:44px}
.mast .brand:hover{color:var(--thread)}
.mast nav ul{list-style:none;margin:0 -.6rem;padding:0;display:flex;flex-wrap:wrap}
.mast nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .6rem;color:var(--frame-ink);text-decoration:none;font-size:.95rem}
.mast nav a:hover{color:var(--thread);text-decoration:underline}
.mast nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--turmeric);text-decoration-thickness:2px}

/* ---------- page column */
.page{max-width:44rem;margin:0 auto;padding:0 1rem 3.5rem}
.crumbs ol{list-style:none;margin:0;padding:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem;font-size:.875rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin:0 .4rem 0 .15rem;color:var(--muted)}
.crumbs a{color:var(--muted)}
.art-h{padding:1.4rem 0 1.1rem}
h1,h2,h3,h4{font-family:var(--head-font);font-weight:600;color:var(--frame);text-wrap:balance}
h1{font-size:clamp(1.75rem,1.2rem + 2.4vw,2.5rem);line-height:1.25;margin:0 0 .75rem}
h2{font-size:clamp(1.375rem,1.15rem + 1vw,1.75rem);line-height:1.3;margin:3rem 0 .9rem;padding-top:1.1rem;position:relative}
h2::before{content:"";position:absolute;left:0;top:0;width:4.5rem;height:8px;background-image:var(--band-mini);background-size:18.67px 8px}
h3{font-size:1.2rem;line-height:1.35;margin:2rem 0 .5rem}
.meta{margin:0;color:var(--muted);font-size:.9rem}
.meta a{color:var(--muted)}
.prose{max-width:68ch}
.prose p,.prose ul,.prose ol{margin:0 0 1.05rem}
.prose ul,.prose ol{padding-left:1.4rem}
.prose li{margin:.3rem 0}
.prose li::marker{color:var(--frame-2)}
.prose > p:first-child{font-size:1.08em}
strong{font-weight:700;color:var(--ink-strong)}
code{font-size:.9em;background:var(--paper-2);padding:.05em .3em;border-radius:3px}

/* ---------- contents */
.toc,.next{margin:1.6rem 0 1.4rem;padding:1rem 1.1rem 1.1rem;background:var(--paper-2);border-radius:6px}
.toc-h{font:600 1rem/1.3 var(--head-font);color:var(--frame);margin:0 0 .5rem}
.toc ol,.next ul{margin:0;padding-left:1.3rem}
.toc li,.next li{margin:.15rem 0}
.toc a,.next a{display:block;padding:.6rem 0;line-height:1.5}
.next{margin-top:3rem}

/* ---------- tables */
.tbl{overflow-x:auto;padding:0;margin:1.25rem 0 1.5rem;-webkit-overflow-scrolling:touch;border-radius:6px;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5;font-variant-numeric:tabular-nums}
thead th{background:var(--frame);color:var(--frame-ink);font:600 .95rem/1.35 var(--head-font);text-align:left;padding:.7rem .8rem;border-bottom:3px solid var(--madder);vertical-align:bottom}
td{padding:.6rem .8rem;border-top:1px solid var(--rule);vertical-align:top}
tbody tr:nth-child(even) td{background:var(--paper-2)}
td.n{white-space:nowrap}
.tbl td:first-child,.tbl th:first-child{min-width:7em}
.tbl td.src{font-size:.85rem;white-space:nowrap}
.nw{white-space:nowrap}

/* ---------- source-disagreement note */
.note{margin:1.25rem 0 1.5rem;padding:.9rem 1.1rem;background:var(--note);border-radius:6px;outline:1px dashed var(--frame-2);outline-offset:-5px}
.note p{margin:0}

/* ---------- figures */
figure{margin:1.5rem 0 1.75rem}
figure img{border-radius:6px;background:var(--paper-2)}
figcaption{margin-top:.55rem;font-size:.875rem;line-height:1.55;color:var(--muted)}
figcaption a{color:var(--muted)}

/* number-cut grid (digits on a visible cell grid) */
.cut{margin:1.5rem 0 1.75rem;padding:1rem;background:var(--paper-2);border-radius:6px}
.cut-row{display:grid;grid-template-columns:5.5rem repeat(6,minmax(0,1fr));gap:4px;align-items:center;margin:4px 0}
.cut-row .lab{font-size:.85rem;line-height:1.3;color:var(--ink)}
.cell{height:2.6rem;display:grid;place-items:center;font:600 1.25rem/1 var(--head-font);border:1px solid var(--rule);background:var(--paper);color:var(--rule-strong);border-radius:3px}
.cell.on{background:var(--frame);color:var(--frame-ink);border-color:var(--frame)}
.cell.on.m{background:var(--madder);border-color:var(--madder)}
.cut figcaption{margin-top:.75rem}
@media (max-width:30em){.cut-row{grid-template-columns:4.2rem repeat(6,minmax(0,1fr))}.cell{height:2.3rem;font-size:1.05rem}}

/* bar chart figure */
.bars{margin:1.5rem 0 1.75rem;padding:1rem 1rem .9rem;background:var(--paper-2);border-radius:6px}
.bar{display:grid;grid-template-columns:6.5rem 1fr;gap:.6rem;align-items:center;margin:.45rem 0;font-size:.9rem}
.bar .track{position:relative;height:1.6rem;background:var(--paper);border-radius:3px;overflow:hidden}
.bar .fill{position:absolute;inset:0 auto 0 0;background:var(--frame)}
.bar .fill.alt{background:var(--madder)}
.bar .v{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--ink)}
.bars .ref{border-left:2px dashed var(--madder)}
.key{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem;margin:0 0 .4rem;color:var(--muted)}
.key i{display:inline-block;width:.8rem;height:.8rem;border-radius:2px;margin-right:.35rem;vertical-align:-1px;background:var(--frame)}
.key i.alt{background:var(--madder)}

/* ---------- home hub */
.home .lede{padding:2rem 0 .5rem}
.home .lede p{max-width:60ch;font-size:1.08em}
.hub{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1rem}
.hub li{padding:1.1rem 1.2rem;background:var(--paper-2);border-radius:6px}
.hub a{font:600 1.2rem/1.4 var(--head-font);color:var(--frame);text-decoration:none}
.hub a:hover .t{text-decoration:underline;text-decoration-color:var(--frame-2)}
.hub p{margin:.4rem 0 0;color:var(--ink);font-size:.95rem;line-height:1.6}
.facts{margin:2.5rem 0 0}

/* ---------- footer */
.foot{background:var(--frame);color:var(--frame-ink);margin-top:2rem}
.foot-in{max-width:72rem;margin:0 auto;padding:1.5rem 1rem 4.5rem;font-size:.92rem}
.foot-in p{margin:.3rem 0;max-width:60ch}
.foot .brand{font-size:1.1rem}
.foot ul{list-style:none;margin:.8rem -.5rem;padding:0;display:flex;flex-wrap:wrap}
.foot a{color:var(--frame-ink);display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem}
.foot a:hover{color:var(--thread)}
.small{font-size:.85rem;opacity:.85}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.mast nav,.toc,.next,.foot ul,.band{display:none}body{background:#fff}}
/* permutation chips */
.perm{display:grid;grid-template-columns:7rem 1fr;gap:.6rem;align-items:center;margin:.5rem 0}
.perm .lab{font-size:.85rem;line-height:1.3}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{min-width:3.4rem;height:2.4rem;display:grid;place-items:center;padding:0 .5rem;font:600 1.1rem/1 var(--head-font);background:var(--frame);color:var(--frame-ink);border-radius:3px;font-variant-numeric:tabular-nums}
@media (max-width:30em){.perm{grid-template-columns:1fr}}
/* outcome scale marks (site.json cell_tags) */
.o{display:inline-block;padding:.05em .45em;border-radius:3px;white-space:nowrap;font-weight:700;background:var(--o-p,#e6e4dc);color:var(--ink)}
.o-wf{background:var(--o-wf,#1f5a3e);color:#fff}.o-wh{background:var(--o-wh,#cfe3d3)}
.o-lh{background:var(--o-lh,#f2d6c7)}.o-lf{background:var(--o-lf,#a94b25);color:#fff}
/* split-stake figure: one stake cut into two halves */
.split{margin:1.5rem 0 1.75rem;padding:1rem;background:var(--paper-2);border-radius:6px}
.split-row{display:grid;grid-template-columns:7.5rem 1fr 6.5rem;gap:.5rem;align-items:center;margin:.55rem 0}
.split-row .lab{font-size:.88rem;line-height:1.35}
.halves{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.half{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:3.1rem;padding:.3rem .4rem;border-radius:3px;font-size:.82rem;line-height:1.3;text-align:center;background:var(--paper);border:1px solid var(--rule)}
.half b{font:600 1rem/1.2 var(--head-font);font-variant-numeric:tabular-nums}
.half.o-wf,.half.o-lf{border-color:transparent}
.half.o-wf{background:var(--o-wf,#1f5a3e)}.half.o-wh{background:var(--o-wh,#cfe3d3)}.half.o-lh{background:var(--o-lh,#f2d6c7)}.half.o-lf{background:var(--o-lf,#a94b25)}.half.o-p{background:var(--o-p,#e6e4dc)}
.split-row .res{text-align:center}
.split figcaption{margin-top:.75rem}
@media (max-width:30em){.split-row{grid-template-columns:1fr 5.6rem}.split-row .lab{grid-column:1/-1}}
/* byline / meta link: comfortable tap area without moving the line */
.meta a{display:inline-block;padding:.65rem 0;margin:-.65rem 0}
.o-p{background:var(--o-p,#e6e4dc)}
/* คู่มืออ่านราคาบอล: chalked pitch */
h2::before{width:76px;height:10px;background:var(--band-mini) no-repeat;background-size:76px 10px}
.band{background-size:36px 18px;height:18px}
@media (max-width:30em){.band{height:18px;background-size:36px 18px}}
:focus-visible{outline-color:var(--madder)}
.mast :focus-visible,.foot :focus-visible{outline-color:var(--thread)}
h1,h2,h3,.brand,.toc-h{letter-spacing:-.005em}
thead th{font-family:var(--body-font);font-weight:700}
td.n{font-family:var(--head-font);font-weight:600}
.scale{display:flex;flex-wrap:wrap;gap:.35rem .4rem;margin:.2rem 0 1rem;padding:0;list-style:none;font-size:.9rem}
.scale li{margin:0}
@property --fade{syntax:'<length>';inherits:false;initial-value:1.75rem}
@media (max-width:40em){
.tbl table{font-size:.875rem}
.tbl th,.tbl td{padding:.55rem .45rem}
.tbl .o{padding:.05em .3em}
.tbl th:first-child,.tbl td:first-child{min-width:4.5em;position:sticky;left:0;z-index:1;background:var(--paper);box-shadow:inset -1px 0 0 var(--rule)}
.tbl thead th:first-child{background:var(--frame);z-index:2}
.tbl tbody tr:nth-child(even) td:first-child{background:var(--paper-2)}
.tbl.wide{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent);animation:tbl-end linear both;animation-timeline:scroll(self inline)}
}
@keyframes tbl-end{to{--fade:0px}}
@media (pointer:fine){.toc a{padding:.2rem 0}}
.hub{gap:0;border-top:1px solid var(--rule)}
.hub li{position:relative;background:none;border-radius:0;padding:1.1rem 0;border-bottom:1px solid var(--rule)}
.hub a{text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:4px}
.hub a::after{content:"";position:absolute;inset:0}
.hub li:hover{background:var(--paper-2)}
.hub a:focus-visible{outline:0}
.hub li:has(a:focus-visible){outline:3px solid var(--madder);outline-offset:2px}
.crumbs a{display:inline-block;padding:.7rem 0;margin:-.7rem 0}
@media (max-width:30em){.mast-in{padding:.4rem 1rem .2rem;gap:0}.mast nav a{padding:0 .4rem;font-size:.9rem}}
.foot-in{padding-bottom:2rem}