:root{
  --paper:#f7f3eb;
  --card:#fffdf8;
  --ink:#263a31;
  --muted:#65736a;
  --green:#22513f;
  --pale:#e5ece3;
  --gold:#d7a747;
  --clay:#b56d51;
  --line:#ded8cc;
  --serif:"Noto Serif Thai","Leelawadee UI",Georgia,serif;
  --sans:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;min-width:320px;line-height:1.8;color:var(--ink);background:var(--paper);font-family:var(--sans)}
.wrap{width:min(860px,calc(100% - 56px));margin:auto}
.hero{padding:42px 0 48px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr .85fr;gap:38px;align-items:center}
.cover{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;box-shadow:0 12px 32px #263a3116}
.eyebrow{margin:0 0 10px;color:var(--clay);font-size:11px;font-weight:800;letter-spacing:.1em}
h1,h2{font-family:var(--serif);line-height:1.42}
h1{margin:0;font-size:clamp(32px,3.8vw,46px);letter-spacing:-.02em}
.story{padding:28px 0 24px}
.story-body{width:100%;font:18.5px/1.95 var(--serif)}
.story-body p{margin:0 0 24px}
.story-lead{font-size:20.5px;line-height:1.85;color:var(--green);margin:0 0 30px;font-weight:600}
.episode-highlights{margin:0 0 42px;padding:24px 28px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:14px;background:var(--card);box-shadow:0 6px 20px #263a310a}
.highlights-title{margin:0 0 14px;font-family:var(--sans);font-size:15px;font-weight:800;letter-spacing:.05em;color:var(--green);display:flex;align-items:center;gap:8px}
.highlights-list{margin:0;padding-left:22px;font-family:var(--sans);font-size:16.5px;line-height:1.8;color:var(--ink)}
.highlights-list li{margin-bottom:9px}.highlights-list li:last-child{margin-bottom:0}
.story-body h2{margin:48px 0 18px;font-family:var(--serif);font-size:clamp(22px,2.5vw,26px);color:var(--green);line-height:1.4;letter-spacing:-.01em}
.key-thought{margin:36px 0;padding:20px 24px;border-left:3px solid var(--clay);border-radius:0 12px 12px 0;background:#fbf7f0;box-shadow:0 4px 16px #263a3108}
.key-thought p{margin:0;font-family:var(--serif);font-size:1.05em;line-height:1.85;color:#3a4b41;font-style:italic;font-weight:600}
.takeaway-box{margin:52px 0 0;padding:26px 28px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:var(--card);box-shadow:0 10px 28px #263a310f}
.takeaway-title{margin:0 0 10px;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--clay)}
.takeaway-content{margin:0;font-family:var(--serif);font-size:1.05em;line-height:1.9;color:var(--green);font-weight:600}
.scorecard-wrap{margin:0 0 24px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 6px 20px #263a310a}
.scorecard{width:100%;min-width:600px;border-collapse:collapse;font-family:var(--sans);font-size:15px;line-height:1.75}
.scorecard caption{display:none}
.scorecard th,.scorecard td{padding:14px 16px;text-align:left;vertical-align:top}
.scorecard thead th{background:#f1f4ec;color:var(--green);font-size:12.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.scorecard tbody th{width:30%;font-size:14.5px;line-height:1.55;color:var(--ink)}
.scorecard tbody td{color:var(--muted)}
.scorecard tbody tr+tr th,.scorecard tbody tr+tr td{border-top:1px solid #eee9df}
.scorecard-sub{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:var(--muted)}
.scorecard .scorecard-score{width:11%;white-space:nowrap;font-size:13.5px;font-weight:800;color:var(--clay)}
.scorecard code{padding:1px 5px;border-radius:5px;background:#f1f4ec;font-size:.92em}
.episode-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0 26px;border-top:1px solid var(--line)}
.episode-link{padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.episode-link:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 8px 22px #263a3114}
.episode-link span{display:block;color:var(--clay);font-size:11px;font-weight:800;letter-spacing:.06em}
.episode-link strong{display:block;margin-top:4px;font:700 15.5px/1.5 var(--serif)}
.episode-link.next{text-align:right}
.episode-link.has-art{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center}
.episode-link.has-art.next{grid-template-columns:minmax(0,1fr) 84px}
.episode-link-art{display:block;width:84px;aspect-ratio:3/2;object-fit:cover;border-radius:9px}
.episode-link-copy{display:flex;flex-direction:column}
@media(max-width:820px){.wrap{width:calc(100% - 44px)}.hero{padding:36px 0 40px}.hero-grid{grid-template-columns:1fr;gap:24px}.cover{max-width:580px;margin:0 auto;aspect-ratio:16/10}.story{padding:24px 0 22px}.story-body{font-size:17.5px;line-height:1.92}.story-lead{font-size:19.5px;line-height:1.82;margin-bottom:26px}.episode-highlights{padding:22px 24px;margin-bottom:36px}.highlights-list{font-size:16px}.story-body h2{margin:42px 0 16px;font-size:23px}.takeaway-box{padding:22px 26px;margin-top:44px}.scorecard-wrap{overflow-x:auto}.episode-nav{gap:12px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.hero{padding:28px 0 32px}.hero-grid{gap:20px}.eyebrow{font-size:10px;margin-bottom:8px}h1{font-size:clamp(26px,7vw,32px);line-height:1.34}.cover{border-radius:12px;aspect-ratio:16/10}.story{padding:20px 0 18px}.story-body{font-size:16px;line-height:1.88}.story-body p{margin-bottom:20px}.story-lead{font-size:17.5px;line-height:1.78;margin-bottom:24px}.episode-highlights{padding:18px 20px;margin-bottom:32px}.highlights-title{font-size:13px;margin-bottom:12px}.highlights-list{padding-left:20px;font-size:15.5px;line-height:1.7}.highlights-list li{margin-bottom:8px}.story-body h2{margin:34px 0 14px;font-size:20px}.key-thought{margin:28px 0;padding:16px 18px}.key-thought p{font-size:15.5px;line-height:1.75}.takeaway-box{padding:18px 20px;margin-top:36px}.takeaway-title{font-size:10.5px;margin-bottom:8px}.takeaway-content{font-size:15px;line-height:1.8}
.scorecard-wrap{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.scorecard,.scorecard tbody,.scorecard tbody tr,.scorecard tbody th,.scorecard tbody td{display:block;width:auto;min-width:0}
.scorecard thead{display:none}
.scorecard caption{display:none}
.scorecard tbody tr{margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.scorecard tbody tr:last-child{margin-bottom:0}
.scorecard tbody th,.scorecard tbody td{padding:12px 14px}
.scorecard tbody tr+tr th,.scorecard tbody tr+tr td{border-top:0}
.scorecard tbody th{width:auto;border-bottom:1px solid #eee9df;font-size:15px}
.scorecard tbody td{color:var(--ink);font-size:14.5px;line-height:1.72}
.scorecard tbody td::before{content:attr(data-label);display:block;margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--clay)}
.scorecard .scorecard-score{width:auto}
.episode-nav{grid-template-columns:1fr;gap:12px;padding:20px 0 22px}.episode-link{padding:14px 16px;border-radius:12px}.episode-link strong{font-size:14.5px}.episode-link.has-art,.episode-link.has-art.next{grid-template-columns:64px minmax(0,1fr);text-align:left}.episode-link.has-art.next .episode-link-copy{order:2}.episode-link.has-art.next .episode-link-art{order:1}.episode-link-art{width:64px;border-radius:8px}}
@media(max-width:400px){.wrap{width:calc(100% - 24px)}.hero{padding:24px 0 28px}h1{font-size:24px}.story-body{font-size:15.5px;line-height:1.85}.story-lead{font-size:16.5px}.cover{aspect-ratio:3/2}.episode-highlights{padding:15px 16px}.highlights-title{font-size:12.5px}.highlights-list{padding-left:18px;font-size:14.5px;line-height:1.65}.key-thought{padding:14px 15px}.key-thought p{font-size:14.5px}.takeaway-box{padding:16px}.takeaway-content{font-size:14.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}