@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy:#0f2240;--navy-2:#173563;--steel-50:#f2f4f7;--steel-100:#e4e8ee;--steel-300:#c3cad5;--steel-500:#7d889a;--text:#1a2433;--text-soft:#46516a;--white:#fff;--lume:#c9eeb0;--gmt:#d7263d;--buy:#0e7a4d;--buy-hover:#0a5f3c;--font:"Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wide:125%;--semi:112%;--max:1180px;--prose:700px;--r-lg:18px;--r-md:12px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--steel-50);color:var(--text);font-family:var(--font);margin:0;font-size:1.0625rem;font-stretch:100%;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--navy-2);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--gmt)}:focus-visible{outline:3px solid var(--gmt);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font);color:var(--text);margin:0;line-height:1.12}h1{font-size:clamp(2.3rem,5.2vw,4.1rem);font-weight:800;font-stretch:var(--wide);letter-spacing:-.025em}h2{font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:750;font-stretch:var(--semi);letter-spacing:-.015em}h3{font-size:1.22rem;font-weight:700;font-stretch:var(--semi)}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.5rem}.skip{position:absolute;left:-999px}.skip:focus{background:var(--white);z-index:50;padding:.5rem 1rem;top:1rem;left:1rem}.site-header{z-index:20;backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--steel-100);background:#ffffffdb;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:66px;display:flex}.logo{white-space:nowrap;color:var(--navy);font-weight:800;font-stretch:var(--wide);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.15rem;text-decoration:none;display:inline-flex}.logo svg{width:30px;height:30px}.nav{gap:.25rem;display:flex}.nav a{color:var(--text-soft);border-radius:999px;padding:.45rem .85rem;font-size:.97rem;font-weight:550;text-decoration:none}.nav a:hover{color:var(--navy);background:var(--steel-50)}.nav a[aria-current=page]{color:var(--white);background:var(--navy)}.btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.3rem;font-size:.98rem;font-weight:650;text-decoration:none;display:inline-flex}.btn-light{background:var(--white);color:var(--navy)}.btn-light:hover{background:var(--lume);color:var(--navy)}.btn-ghost{color:var(--white);box-shadow:inset 0 0 0 1.5px #fff6}.btn-ghost:hover{color:var(--white);box-shadow:inset 0 0 0 1.5px var(--white)}.btn-buy{background:var(--buy);color:var(--white);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.97rem;font-weight:650;text-decoration:none;display:inline-flex}.btn-buy:hover{background:var(--buy-hover);color:var(--white)}.hero{background:radial-gradient(1200px 500px at 85% 40%, #2a4f8f8c, transparent 60%), var(--navy);color:var(--white);overflow:hidden}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;padding-top:4.5rem;padding-bottom:4.5rem;display:grid}.hero h1{color:var(--white);max-width:13ch}.hero .lede{color:#c7d3e8;max-width:46ch;margin:1.5rem 0 2rem;font-size:1.18rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-dial{justify-content:center;display:flex}.types{background:var(--white);border-bottom:1px solid var(--steel-100)}.types .wrap{flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:1.25rem;padding-bottom:1.25rem;display:flex}.types p{color:var(--text-soft);margin:0 .5rem 0 0;font-weight:650}.chip-link{color:var(--navy);background:var(--steel-50);border:1px solid var(--steel-100);border-radius:999px;padding:.45rem .95rem;font-size:.93rem;font-weight:550;text-decoration:none}.chip-link:hover{border-color:var(--navy);color:var(--navy)}.section{padding:4rem 0 0}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head p{color:var(--text-soft);margin:.4rem 0 0}.feature{background:var(--white);border-radius:var(--r-lg);color:inherit;border:1px solid var(--steel-100);grid-template-columns:1fr 1fr;text-decoration:none;display:grid;overflow:hidden}.feature:hover{color:inherit;border-color:var(--steel-300)}.feature-body{flex-direction:column;gap:1rem;padding:2.5rem;display:flex}.feature-body h3{font-size:clamp(1.5rem,2.4vw,2rem);font-stretch:var(--wide);letter-spacing:-.02em;font-weight:800}.feature-body p{color:var(--text-soft);margin:0}.feature-meta{color:var(--steel-500);font-size:.88rem;margin-top:auto!important}.feature-tag{background:var(--lume);color:var(--navy);border-radius:999px;align-self:start;padding:.3rem .75rem;font-size:.82rem;font-weight:700}.feature-grid{background:var(--steel-100);grid-template-columns:1fr 1fr;gap:1px;display:grid}.feature-grid div{background:var(--white);aspect-ratio:1;place-items:center;padding:1.25rem;display:grid}.feature-grid img{object-fit:contain;max-height:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.post-card{background:var(--white);border:1px solid var(--steel-100);border-radius:var(--r-md);color:inherit;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;display:flex}.post-card:hover{border-color:var(--navy);color:inherit}.post-card .kind{color:var(--gmt);font-size:.82rem;font-weight:650}.post-card h3{font-size:1.15rem}.post-card p{color:var(--text-soft);margin:0;font-size:.95rem}.post-card .meta{color:var(--steel-500);margin-top:auto;padding-top:.5rem;font-size:.82rem}.empty{background:var(--white);border:1px dashed var(--steel-300);border-radius:var(--r-md);color:var(--text-soft);text-align:center;padding:2rem}.author-strip{background:var(--white);border-top:1px solid var(--steel-100);border-bottom:1px solid var(--steel-100);margin-top:4rem}.author-strip .wrap{align-items:center;gap:1.5rem;padding-top:2.5rem;padding-bottom:2.5rem;display:flex}.author-strip p{max-width:70ch;color:var(--text-soft);margin:0}.author-strip strong{color:var(--text)}.mono{background:var(--navy);width:56px;height:56px;color:var(--white);font-weight:800;font-stretch:var(--wide);border-radius:50%;flex:none;place-items:center;display:grid}.site-footer{background:var(--navy);color:#9fb3d6;margin-top:5rem;padding:3rem 0;font-size:.9rem}.author-strip+.site-footer{margin-top:0}.site-footer .wrap{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;display:grid}.site-footer .logo{color:var(--white)}.site-footer nav{flex-wrap:wrap;gap:1.25rem;display:flex}.site-footer a{color:#dbe4f3}.site-footer p{margin:.4rem 0 0}.page-head{background:var(--navy);color:var(--white);padding:3.5rem 0 3rem}.page-head h1{color:var(--white);max-width:20ch;font-size:clamp(2rem,4.4vw,3.3rem)}.page-head .lede{color:#c7d3e8;max-width:60ch;margin:1rem 0 0;font-size:1.15rem}.crumbs{margin:0 0 1.25rem;font-size:.9rem}.crumbs a{color:var(--lume);text-decoration:none}.byline{color:#9fb3d6;flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem;font-size:.92rem;display:flex}.byline a{color:var(--white)}.draft-flag{background:var(--gmt);color:var(--white);border-radius:6px;padding:.1rem .55rem;font-weight:650}.article-grid{grid-template-columns:minmax(0, var(--prose)) 320px;justify-content:space-between;gap:3rem;padding-top:2.5rem;display:grid}.article-grid.single{grid-template-columns:minmax(0, var(--prose));justify-content:center}.article-aside{position:relative}.article-aside .sticky{position:sticky;top:90px}.article-body>p:first-child{color:var(--text);font-size:1.15rem}.article-body h2{margin:3rem 0 1rem}.article-body h3{margin:2rem 0 .5rem}.article-body p,.article-body li{color:var(--text-soft)}.article-body strong{color:var(--text)}.article-body ul,.article-body ol{padding-left:1.2rem}.article-body table{border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid var(--steel-100);border-radius:var(--r-md);width:100%;margin:1.5rem 0;font-size:.93rem;overflow:hidden}.article-body th,.article-body td{text-align:left;border-bottom:1px solid var(--steel-100);vertical-align:top;padding:.75rem .9rem}.article-body tr:last-child td{border-bottom:0}.article-body th{background:var(--navy);color:var(--white);font-size:.85rem;font-weight:650}.article-body td:first-child{color:var(--text);font-weight:650}.disclosure{border-top:1px solid var(--steel-100);color:var(--steel-500);margin-top:2.5rem;padding-top:1.25rem;font-size:.88rem;font-style:italic}.author-box{background:var(--white);border:1px solid var(--steel-100);border-radius:var(--r-md);color:var(--text-soft);align-items:flex-start;gap:1rem;margin-top:3rem;padding:1.25rem 1.4rem;font-size:.95rem;display:flex}.author-box .mono{width:46px;height:46px;font-size:.9rem}.author-box p{margin:.2rem 0 0}.related{margin-top:3rem}.related h2{margin-bottom:1rem;font-size:1.3rem}.product{background:var(--white);border:1px solid var(--steel-100);border-radius:var(--r-lg);grid-template-columns:200px 1fr;gap:1.5rem;margin:1.5rem 0;padding:1.25rem;scroll-margin-top:90px;display:grid}.product.no-image{grid-template-columns:1fr}.product-img{background:var(--white);border-radius:var(--r-md);border:1px solid var(--steel-100);aspect-ratio:1;place-items:center;padding:.75rem;display:grid}.product-img img{object-fit:contain;width:100%;height:100%}.product-main{flex-direction:column;gap:.6rem;min-width:0;display:flex}.product .badge{color:var(--navy);background:var(--lume);border-radius:999px;align-self:start;padding:.25rem .7rem;font-size:.8rem;font-weight:700}.product h3{margin:0;font-size:1.3rem}.specs{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.specs li{color:var(--navy-2);background:var(--steel-50);border:1px solid var(--steel-100);border-radius:6px;padding:.2rem .6rem;font-size:.82rem;font-weight:600}.tier{color:var(--text-soft);margin:0;font-size:.9rem}.tier b{letter-spacing:.06em;color:var(--buy);font-weight:800}.tier .off{color:var(--steel-300)}.product .body p{color:var(--text-soft);margin:.4rem 0}.product .actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.top-picks{background:var(--white);border:1px solid var(--steel-100);border-radius:var(--r-lg);padding:1.25rem}.top-picks h2{margin:0 0 .75rem;font-size:1.1rem}.top-picks ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.top-picks li{border-top:1px solid var(--steel-100);grid-template-columns:56px 1fr;align-items:center;gap:.75rem;padding:.6rem 0;display:grid}.top-picks li:first-child{border-top:0}.top-picks .thumb{border:1px solid var(--steel-100);background:var(--white);border-radius:10px;place-items:center;width:56px;height:56px;padding:4px;display:grid}.top-picks .thumb img{object-fit:contain;max-height:100%}.top-picks .label{color:var(--gmt);font-size:.78rem;font-weight:650;display:block}.top-picks .name{color:var(--text);font-weight:650;line-height:1.3;text-decoration:none;display:block}.top-picks .name:hover{color:var(--navy-2);text-decoration:underline}.top-picks .btn-buy{grid-column:1/-1;padding:.55rem .9rem;font-size:.88rem}.mobile-picks{display:none}@media (width<=1000px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-aside{display:none}.mobile-picks{margin-bottom:1.5rem;display:block}.hero .wrap{grid-template-columns:1fr;padding-top:3rem;padding-bottom:3rem}.hero-dial{justify-content:start}.feature{grid-template-columns:1fr}}@media (width<=640px){body{font-size:1rem}.wrap{padding:0 1.1rem}.nav a{padding:.4rem .6rem;font-size:.9rem}.logo span{display:none}.product{grid-template-columns:1fr}.product-img{width:100%;max-width:220px;margin:0 auto}.feature-body{padding:1.5rem}.author-strip .wrap{align-items:flex-start}.site-footer .wrap{grid-template-columns:1fr}.article-body table{display:block;overflow-x:auto}}.article-body .specs{padding-left:0}.article-body td:nth-child(n+6){white-space:nowrap}.article-body td:nth-child(2){white-space:nowrap;color:var(--buy);letter-spacing:.05em;font-weight:700}.feature{grid-template-columns:1.05fr .95fr}.feature-grid div{aspect-ratio:4/3;padding:1rem}.top-picks li{padding:.7rem 0}.top-picks .btn-buy{margin-top:.15rem}@media (width<=1000px){.top-picks li{grid-template-columns:48px 1fr auto}.top-picks .thumb{width:48px;height:48px}.top-picks .btn-buy{grid-column:auto;margin:0;padding:.5rem .8rem}.top-picks .long{display:none}}@media (width<=640px){.logo span{font-size:1rem;display:inline}.logo svg{width:26px;height:26px}.nav a{padding:.35rem .5rem;font-size:.88rem}}@media (width<=360px){.logo span{display:none}}.faq details{background:var(--white);border:1px solid var(--steel-100);border-radius:var(--r-md);margin:.6rem 0;padding:.9rem 1.2rem}.faq summary{cursor:pointer;color:var(--text);font-weight:650;list-style-position:outside}.faq details[open] summary{margin-bottom:.4rem}.faq details p{margin:0}.article-body td .amazon-link{font-weight:600}
