/* iPad mini atlas: cool silver, deep ocean blue and generous rounded panels. */
:root{--paper:#f8fafc;--sheet:#ffffff;--ink:#0f172a;--soft:#475569;--rule:#cbd5e1;--accent:#1d4ed8;--accent-ink:#1e40af;--tint:#eff6ff;--sans:"IBM Plex Sans Thai","Leelawadee UI",Tahoma,sans-serif;--mono:ui-monospace,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.8 var(--sans)}a{color:var(--accent-ink);text-underline-offset:.2em}a:hover{color:var(--ink)}:focus-visible{outline:3px solid #1d4ed8;outline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-weight:600;line-height:1.4;margin:0;text-wrap:balance}h1{font-size:clamp(1.9rem,4.1vw,3.5rem);letter-spacing:-.025em}h2{font-size:clamp(1.3rem,2.2vw,1.8rem)}h3{font-size:1.1rem}p{margin:0 0 1em}ul,ol{padding:0;margin:0;list-style:none}button,select{font:inherit}main,section,article,aside,div{min-width:0}.wrap{width:min(100% - 2.5rem,68rem);margin:auto}.wrap--wide{width:min(100% - 2.5rem,76rem)}main>section,main>article{margin-block:3.8rem}main>section>h2,.sec-head h2,.split h2{margin-bottom:1.4rem}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:white;z-index:10;padding:1rem}.skip:focus{left:0}.top{background:#fff;border-bottom:1px solid var(--rule)}.top__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1rem}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:600;text-decoration:none}.brand__mark{background:var(--ink);color:#fff;border-radius:.6rem;padding:.6rem .5rem;font:600 .8rem var(--mono)}.nav{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.9rem}.nav a{text-decoration:none;color:var(--ink)}.kicker,.meta,.note{color:var(--soft);font-size:.875rem}.kicker{margin-bottom:.7rem}.no{font-family:var(--mono);margin-right:.4rem;color:var(--accent)}.meta--row{display:flex;gap:.4rem 1rem;flex-wrap:wrap}.hero{display:grid;gap:2rem;align-items:center}.hero__tag{font-size:1.3rem;line-height:1.65;margin:1.3rem 0;color:var(--accent-ink)}.hero__text>p{max-width:65ch}.spec{background:var(--ink);color:white;border-radius:1.5rem;padding:1.6rem}.spec h2{font-size:1.15rem;margin-bottom:1rem}.spec dl{margin:0}.spec__row{padding:.8rem 0;border-top:1px solid #4d6170}.spec dt{font-size:.85rem;color:#c3d5e1}.spec dd{margin:0;font-size:1.1rem;font-weight:600}.spec .refs,.spec .refs a,.spec__note{color:#d4e4ee}.spec__note{font-size:.8rem;margin:1rem 0 0}.refs{display:block;font-size:.8rem;font-weight:400;margin-top:.3rem}.refs a{margin-right:.3rem}.picks{display:grid;gap:1rem;counter-reset:pick}.pick{background:var(--sheet);border:1px solid var(--rule);border-radius:1rem;padding:1.3rem;counter-increment:pick}.pick:before{content:counter(pick,decimal-leading-zero);font:600 .9rem var(--mono);color:var(--accent)}.pick__for{font-size:.85rem;color:var(--soft);margin:.7rem 0 .2rem}.pick__title{font-size:1.15rem;font-weight:600;margin:0 0 .6rem}.pick__title a{color:var(--ink)}.pick__why{font-size:.9rem;margin:0}.pick .meta{display:block;margin-top:.5rem}.sec-head{display:grid;gap:1rem;margin-bottom:1.4rem}.tools{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.tools[hidden]{display:none}.tools__g,.toc{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid var(--rule);color:var(--ink);background:white;border-radius:2rem;padding:.45rem .9rem;cursor:pointer;text-decoration:none;font-size:.85rem}.chip.is-on,.chip:hover{color:white;background:var(--accent);border-color:var(--accent)}.tools__sort{font-size:.85rem;display:flex;align-items:center;gap:.5rem}.tools select{background:#fff;color:var(--ink);border:1px solid var(--rule);padding:.4rem;border-radius:.5rem}.clips{display:grid;gap:1.2rem}.clip{display:grid;gap:1rem;padding:1rem;background:white;border:1px solid var(--rule);border-radius:1rem;align-content:start}.clip[hidden]{display:none}.clip__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tint);border-radius:.6rem}.clip__thumb img{width:100%;height:100%;object-fit:cover}.clip__dur{position:absolute;right:.4rem;bottom:.4rem;background:#162b3e;color:#fff;font:.75rem var(--mono);padding:.3rem;border-radius:.3rem}.clip__body>*{margin:0}.clip .kicker{font-size:.8rem;margin-bottom:.35rem}.clip__title{font-size:1.1rem}.clip__title a{color:var(--ink);text-decoration:none}.clip__title a:hover{text-decoration:underline}.clip__lede{font-size:.9rem;margin-top:.6rem;color:var(--soft)}.clip .meta{font-size:.8rem;margin-top:.8rem}.split{display:grid;gap:2rem}.points li{padding:1rem 0;border-bottom:1px solid var(--rule)}.points--alt li{border-left:3px solid var(--accent);padding-left:1rem}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--rule);border-radius:1rem}.rank{border-collapse:collapse;width:100%;min-width:40rem;font-size:.9rem}.rank th,.rank td{text-align:left;padding:1rem;border-bottom:1px solid var(--rule);vertical-align:top}.rank thead{background:var(--tint)}.rank tbody th{font-weight:400}.rank .meta{display:block}.rank .n{font: .8rem/1.7 var(--mono);text-align:right;white-space:nowrap}.bar{display:block;height:3px;width:var(--w);background:var(--accent);margin:0 0 .3rem auto}.tl{display:grid;gap:2rem}.tl__m h3{margin-bottom:1rem;color:var(--soft)}.tl__m ol{border-left:2px solid var(--rule)}.tl__m li{padding:0 0 1.1rem 1rem}.tl__m time,.tl__m .meta{display:block;font-size:.8rem}.tl__m time{color:var(--accent);font-family:var(--mono)}.faq details{border-bottom:1px solid var(--rule);padding:1rem 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{margin:1rem 0 0;max-width:70ch}.chlist li{padding:.8rem 0;border-bottom:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:.3rem 1rem;justify-content:space-between}.callout{background:var(--tint);padding:1.5rem;border-radius:1.5rem}.btn{display:inline-block;background:var(--accent);color:#fff;border-radius:2rem;padding:.7rem 1.2rem;text-decoration:none}.btn:hover{color:white;background:var(--ink)}.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem;margin-top:1.5rem;color:var(--soft)}.pagehead{margin-top:2rem;max-width:58rem}.pagehead h1{margin-bottom:1rem}.toc{margin-block:1rem}.video{margin-top:1.8rem!important}.video__head{max-width:60rem;margin-bottom:1.6rem}.orig{color:var(--soft);font-size:.9rem;margin-top:1rem}.player{aspect-ratio:16/9;background:var(--ink);border-radius:1rem;overflow:hidden}.player__link{display:block;position:relative;height:100%}.player img,.player iframe{width:100%;height:100%;object-fit:cover;border:0}.player__btn{position:absolute;left:calc(50% - 2rem);top:calc(50% - 2rem);height:4rem;width:4rem;border-radius:50%;background:var(--accent)}.player__btn:after{content:'';position:absolute;left:1.65rem;top:1.25rem;border-style:solid;border-width:.75rem 0 .75rem 1rem;border-color:transparent transparent transparent white}.cols{display:grid;gap:2rem;margin-top:2rem}.cols__main>*+*{margin-top:2rem}.cols__main h2{margin-bottom:1rem}.lede{font-size:1.2rem;line-height:1.8}.take{background:var(--tint);padding:1.5rem;border-radius:1rem}.take ul{list-style:disc;padding-left:1.2rem}.take li{margin:.6rem 0}.prose h3{margin:1.6rem 0 .6rem}.prose p,.verdict p{max-width:70ch}.verdict{border-top:2px solid var(--accent);padding-top:1rem}.cols__side{display:grid;gap:1rem;align-content:start}.box{padding:1.3rem;background:#fff;border:1px solid var(--rule);border-radius:1rem}.box h2{font-size:1.1rem;margin-bottom:1rem}.box p{font-size:.9rem}.chapters a{display:grid;grid-template-columns:3.6rem 1fr;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--rule);font-size:.9rem;text-decoration:none}.t{font-family:var(--mono)}.kv{margin:0}.kv>div{border-bottom:1px solid var(--rule);padding:.6rem 0}.kv dt{font-size:.8rem;color:var(--soft)}.kv dd{margin:0;font-weight:600}.reslist li{padding:1rem 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.reslist .meta{display:block}.prose--page{max-width:70ch;margin:2rem 0 4rem}.prose--page h2{margin:2rem 0 .6rem}.prose--page ul{list-style:disc;padding-left:1.2rem}.note--flag{border-left:3px solid var(--accent);padding-left:1rem}.foot{margin-top:4rem;background:#e6edf2;border-top:1px solid var(--rule);padding:2rem 0;font-size:.85rem;color:var(--soft)}.foot__nav{display:flex;gap:.7rem 1.3rem;flex-wrap:wrap;margin-bottom:1rem}.foot p{max-width:95ch}.fresh{padding:1.5rem;border-radius:1rem;background:var(--tint)}.fresh__list li{padding:.7rem 0}.fresh__list .meta{display:block}
@media(min-width:44rem){.picks{grid-template-columns:1fr 1fr}.clips{grid-template-columns:1fr 1fr}.tl{grid-template-columns:repeat(2,minmax(0,1fr))}.reslist--cols{columns:2;column-gap:2rem}.reslist--cols li{break-inside:avoid}}
@media(min-width:64rem){.hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3.5rem}.split{grid-template-columns:1fr 1fr}.cols{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}.clips:not(.clips--compact){grid-template-columns:repeat(3,minmax(0,1fr))}.clips--compact{grid-template-columns:1fr 1fr}.clips--compact .clip{grid-template-columns:9rem 1fr}}
@media(max-width:27rem){.wrap,.wrap--wide{width:calc(100% - 2rem)}.nav{font-size:.85rem;gap:1rem}h1{font-size:1.9rem}.spec{padding:1.25rem}main>section{margin-block:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:#fff}.top,.tools,.foot__nav{display:none}}