:root{--bg:#0b0d0f;--surface:#141719;--line:#303538;--text:#f2f0eb;--muted:#a4aaa9;--gold:#d0ad73;--shell:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans","Noto Sans Thai",sans-serif;line-height:1.8}a{color:var(--gold);text-decoration:none}.shell{width:min(calc(100% - 48px),var(--shell));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(11,13,15,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.brand{color:var(--text);font-weight:700;letter-spacing:.14em}.brand b{color:var(--gold);font-weight:500}
.hero{padding:90px 0 0;background:radial-gradient(circle at 80% 20%,#2a2b25,#0b0d0f 55%)}.kicker,.label{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--gold)}h1{font-size:clamp(58px,10vw,126px);line-height:.9;letter-spacing:-.075em;margin:18px 0 28px}h1 span,h2 span{color:var(--gold)}.dek{max-width:820px;font-size:clamp(19px,2.5vw,27px);line-height:1.55;color:#c9cecb;margin-bottom:46px}.hero-img{display:block;width:100%;height:auto;border:1px solid #3b3f40;background:#121516}.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.facts div{padding:22px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts b{display:block;color:var(--gold);font-size:20px}.facts small{color:var(--muted)}
.article{max-width:900px;padding-top:80px}.article section{padding:0 0 76px;margin-bottom:76px;border-bottom:1px solid var(--line)}h2{font-size:clamp(32px,5vw,52px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 24px}.article p{font-size:18px;color:#c8cecb;margin:0 0 22px}.article aside{margin:34px 0 0;padding:22px 25px;border-left:3px solid var(--gold);background:var(--surface);color:#c9cecb}.article aside strong{display:block;color:var(--gold);margin-bottom:6px}
.diagram,.chain{margin:32px 0;padding:25px;border:1px solid var(--line);background:#111416;display:flex;align-items:center;justify-content:center;gap:20px;text-align:center}.diagram span{padding:12px 17px;border:1px solid #4a4f50}.diagram i,.chain b{color:var(--gold);font-style:normal}.measure{background:#111416;margin-inline:-32px!important;padding:40px 32px!important;border:1px solid #3c403d!important}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.meters div{padding:25px;background:#191d1e;border:1px solid var(--line)}.meters strong{display:block;font-size:34px;color:var(--gold)}.meters small{color:var(--muted)}.article .fine{font-size:14px;color:var(--muted)}
.sources{display:grid;gap:10px;margin-top:34px;padding-top:25px;border-top:1px solid var(--line)}.sources strong{margin-bottom:4px}footer{border-top:1px solid var(--line);padding:28px 0 45px;color:var(--muted)}footer .shell{display:flex;justify-content:space-between;gap:20px}
@media(max-width:700px){.shell{width:min(calc(100% - 30px),var(--shell))}.hero{padding-top:60px}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.article{padding-top:60px}.article section{padding-bottom:55px;margin-bottom:55px}.article p{font-size:16px}.meters{grid-template-columns:1fr}.measure{margin-inline:0!important;padding:28px 20px!important}.diagram,.chain{flex-direction:column}.nav>a:last-child{font-size:11px}footer .shell{flex-direction:column}}
.photo-credit{margin:10px 0 0!important;font-size:12px!important;color:var(--muted)!important;text-align:right}.article-media{margin:38px 0 0}.article-media img{display:block;width:min(100%,720px);height:auto;margin:auto;border:1px solid var(--line);background:#090b0c}.article-media figcaption{max-width:720px;margin:10px auto 0;color:var(--muted);font-size:13px;line-height:1.55}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-pair img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f4f4f2}.product-pair figcaption{grid-column:1/-1;width:100%}.media-wide img{width:100%}@media(max-width:700px){.product-pair{grid-template-columns:1fr}.product-pair figcaption{grid-column:1}.article-media{margin-top:28px}.article-media figcaption{font-size:12px}}

/* Tablet standard: 701–1023px */
@media (min-width:701px) and (max-width:1023px){.shell{width:min(calc(100% - 48px),var(--shell))}.hero{padding-top:72px}.hero h1{font-size:clamp(76px,12vw,108px)}.dek{font-size:22px;margin-bottom:36px}.hero-img{max-height:720px;object-fit:contain}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.article{max-width:820px;padding-top:70px}.article section{padding-bottom:64px;margin-bottom:64px}.article-media img{max-height:760px;object-fit:contain}.product-pair{grid-template-columns:1fr 1fr}.meters{grid-template-columns:repeat(3,1fr)}.meters div{padding:20px}.meters strong{font-size:30px}.diagram,.chain{gap:14px;flex-wrap:wrap}.measure{margin-inline:-20px!important;padding:34px 20px!important}}