@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/bricolage-grotesque-vietnamese-700-normal.BLYPkJbo.woff2)format("woff2"),url(/_astro/bricolage-grotesque-vietnamese-700-normal.CHrFuVHU.woff)format("woff");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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/bricolage-grotesque-latin-ext-700-normal.fBkt-7fi.woff2)format("woff2"),url(/_astro/bricolage-grotesque-latin-ext-700-normal.BXpPFNFj.woff)format("woff");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:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/bricolage-grotesque-latin-700-normal.gtcctNPv.woff2)format("woff2"),url(/_astro/bricolage-grotesque-latin-700-normal.DvJDmrLu.woff)format("woff");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}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-sans-latin-ext-400-normal.Q_nF8v4l.woff2)format("woff2"),url(/_astro/instrument-sans-latin-ext-400-normal.r32jotim.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-sans-latin-400-normal.DRC__1Mx.woff2)format("woff2"),url(/_astro/instrument-sans-latin-400-normal.D1W7dsQl.woff)format("woff");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}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/instrument-sans-latin-ext-600-normal.BsaQcF38.woff2)format("woff2"),url(/_astro/instrument-sans-latin-ext-600-normal.DMks36a2.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/instrument-sans-latin-600-normal.B7fBEWYG.woff2)format("woff2"),url(/_astro/instrument-sans-latin-600-normal.B9e8oLYv.woff)format("woff");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{--brand:#4a2a82;--brand-ink:#361d63;--brand-soft:#ece6f7;--on-brand:#fff;--accent:#a34a0b;--text:#1c1826;--text-2:#4a4458;--text-3:#5f586e;--bg:#f7f4ee;--surface:#fff;--surface-2:#f0ebe2;--border:#ded7cb;--ok:#14663a;--ok-soft:#e0f2e7;--warn-soft:#fbeedd;--r:14px;--shadow:0 1px 2px #1c18260f,0 6px 20px #1c18260d;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#c4aef5;--brand-ink:#daccfa;--brand-soft:#2b2340;--on-brand:#1a1326;--accent:#f2a765;--text:#f2eff7;--text-2:#cfc9db;--text-3:#b2abc0;--bg:#14111c;--surface:#1f1a2b;--surface-2:#282237;--border:#3a3349;--ok:#7fd6a3;--ok-soft:#1b3327;--warn-soft:#3a2a18;color-scheme:dark}}:root[data-theme=dark]{--brand:#c4aef5;--brand-ink:#daccfa;--brand-soft:#2b2340;--on-brand:#1a1326;--accent:#f2a765;--text:#f2eff7;--text-2:#cfc9db;--text-3:#b2abc0;--bg:#14111c;--surface:#1f1a2b;--surface-2:#282237;--border:#3a3349;--ok:#7fd6a3;--ok-soft:#1b3327;--warn-soft:#3a2a18;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);margin:0;padding-bottom:72px;font:400 16px/1.6 Instrument Sans,system-ui,sans-serif}h1,h2,h3,.logo{letter-spacing:-.015em;font-family:Bricolage Grotesque,Instrument Sans,sans-serif;font-weight:700;line-height:1.15}h1{margin:0 0 12px;font-size:clamp(30px,5vw,46px)}h2{margin:0 0 12px;font-size:clamp(23px,3vw,29px)}h3{margin:0 0 6px;font-size:18px}a{color:var(--brand)}a:hover{color:var(--brand-ink)}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:1160px;margin-inline:auto;padding-inline:16px}.skip{background:var(--surface);z-index:30;padding:10px;position:absolute;top:0;left:-999px}.skip:focus{top:8px;left:8px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ico{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.top{z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.top .wrap{align-items:center;gap:12px;min-height:62px;display:flex}.logo{color:var(--text);align-items:center;gap:9px;min-height:44px;font-size:20px;text-decoration:none;display:inline-flex}.tld{color:var(--accent)}.mark{display:block}.tnav{gap:2px;margin-left:12px;display:none}.tright{align-items:center;gap:4px;margin-left:auto;display:flex}.tbtn{min-height:44px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font:600 15px Instrument Sans,sans-serif;text-decoration:none;display:inline-flex}.tbtn:hover,.tbtn[aria-current=page]{background:var(--brand-soft);color:var(--brand)}.icon-btn{min-width:44px;padding:0 8px}.cnt{color:var(--accent);font-size:13px}.i-sun{display:none}:root[data-theme=dark] .i-sun{display:block}:root[data-theme=dark] .i-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:block}:root:not([data-theme=light]) .i-moon{display:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font:600 16px Instrument Sans,sans-serif;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-ink);color:var(--on-brand)}.btn-ghost{background:var(--surface);color:var(--brand);border-color:var(--border)}.top-cta{display:none}.bnav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.bnav .wrap{grid-template-columns:repeat(5,1fr);padding-inline:0;display:grid}.bnav a{min-height:58px;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;text-decoration:none;display:flex}@media (width>=900px){.tnav{display:flex}.top-cta{display:inline-flex}.bnav{display:none}body{padding-bottom:0}}main{display:block}.sec{margin-block:38px}.pg-head{padding-block:26px 8px}.lead{color:var(--text-2);max-width:68ch;margin:0 0 14px;font-size:18px}.note{color:var(--text-3);font-size:15px}.kicker{color:var(--accent);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.bc{color:var(--text-3);margin-bottom:12px;font-size:14px}.bc a{margin-block:-12px;padding-block:12px;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;display:grid}.tool-card{flex-direction:column;gap:10px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.tool-card:hover{transform:translateY(-2px)}.tc-top{align-items:center;gap:11px;display:flex}.tc-top>div{flex:1;min-width:0}.tc-name{margin:0;font-size:18px}.tc-name a{color:var(--text);min-height:24px;text-decoration:none;display:inline-block}.tc-name a:hover{color:var(--brand);text-decoration:underline}.tc-use{color:var(--text-3);margin:0;font-size:14px}.mono{background:var(--brand-soft);width:46px;height:46px;color:var(--brand);border-radius:12px;flex:none;place-items:center;font:700 17px Bricolage Grotesque,sans-serif;display:grid}.mono-lg{border-radius:16px;width:68px;height:68px;font-size:25px}.tc-sum{color:var(--text-2);flex:1;margin:0;font-size:15px}.chips{flex-wrap:wrap;gap:6px;margin:0;display:flex}.chip{background:var(--surface-2);color:var(--text-2);border-radius:99px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.chip-b{background:var(--brand-soft);color:var(--brand)}.chip-ok{background:var(--ok-soft);color:var(--ok)}.save{width:44px;height:44px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.save:hover{background:var(--brand-soft)}.save[aria-pressed=true]{color:var(--accent)}.save[aria-pressed=true] .ico{fill:currentColor}.hero{padding-block:30px 10px}.hero p.lead{margin-bottom:18px}.picker{margin-top:6px;padding:16px}.pick-row{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=700px){.pick-row{grid-template-columns:2fr 1fr 1fr 1fr}}label.f{color:var(--text-2);font-size:14px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--text-3);background:var(--surface);width:100%;min-height:46px;color:var(--text);border-radius:10px;margin-top:4px;padding:9px 12px;font:400 16px Instrument Sans,sans-serif;display:block}.count{margin:14px 0 10px;font-weight:600}.empty{text-align:center;padding:26px}.uses{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;display:grid}.use{color:var(--text);align-items:center;gap:12px;min-height:64px;padding:12px;text-decoration:none;display:flex}.use:hover{border-color:var(--brand)}.use b{line-height:1.25;display:block}.use small{color:var(--text-3);font-size:14px}.use .ico{color:var(--accent);width:24px;height:24px}.hero-img{border-radius:var(--r);background:var(--surface-2);object-fit:cover;width:100%;margin-block:14px;display:block}.answer{background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:0 var(--r) var(--r) 0;margin-block:14px;padding:14px 18px}.answer-q{letter-spacing:0;color:var(--brand);margin:0 0 4px;font:600 15px Instrument Sans,sans-serif}.answer-a{color:var(--text);margin:0 0 6px;font-size:17px}.answer-meta{color:var(--text-2);margin:0;font-size:14px}.prose{max-width:720px}.prose h2{margin-top:32px}.prose h3{margin-top:22px}.prose li{margin-bottom:6px}.prose p,.prose ul,.prose ol{color:var(--text)}.tbl-wrap{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);overflow-x:auto}.tbl{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:11px 13px}.tbl thead th{background:var(--surface-2);font-size:14px}.tbl tbody tr:last-child>*{border-bottom:0}.tbl tbody th{background:var(--surface);font-weight:600;position:sticky;left:0}.prof{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.prof h1{margin:0}.actions{flex-wrap:wrap;gap:10px;margin-block:14px;display:flex}.two{gap:14px;display:grid}@media (width>=800px){.two{grid-template-columns:1fr 1fr}}.pad{padding:18px}.pad h2{font-size:21px}.pad ul{margin:0;padding-left:20px}.pad li{margin-bottom:5px}.watch{background:var(--warn-soft);border-radius:var(--r);margin-block:14px;padding:13px 16px}.src{color:var(--text-2);font-size:15px}.src a{word-break:break-word;padding-block:6px;display:inline-block}.ladder ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.ladder a{border:1px solid var(--border);background:var(--surface);height:100%;color:var(--text);border-radius:12px;padding:12px;text-decoration:none;display:block}.ladder b{display:block}.ladder small{color:var(--text-2);font-size:14px}.ln{color:var(--accent);margin-right:6px;font-weight:700}.cform{gap:12px;margin-block:16px;padding:18px;display:grid}.cform label{font-size:15px;font-weight:600}.hp{position:absolute;left:-9999px}.res{color:var(--brand);font:700 34px Bricolage Grotesque,sans-serif}.calc-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.calc-row label{flex:1;align-items:center;gap:10px;min-height:44px;display:flex}.calc-row input[type=checkbox]{flex:none;width:22px;height:22px;min-height:0;margin:0}.ad-slot{min-height:280px;margin-block:26px;display:block}.ad-label{color:var(--text-3);text-align:center;margin-bottom:4px;font-size:13px;display:block}.trust{color:var(--text-3);margin-block:28px 18px;font-size:14px}.trust a{padding-block:8px;display:inline-block}footer{border-top:1px solid var(--border);background:var(--surface);padding-block:30px;font-size:15px}.f-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:22px;display:grid}.f-note{color:var(--text-2);max-width:38ch;margin:8px 0 0}.fh{letter-spacing:0;margin:0 0 6px;font:700 15px Instrument Sans,sans-serif}footer ul{margin:0;padding:0;list-style:none}footer li a{color:var(--text-2);padding-block:9px;display:inline-block}@media print{.top,.bnav,footer,.noprint,.ad-slot{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.btn.save-btn{background:var(--surface);width:auto;height:auto;min-height:46px;color:var(--brand);border-radius:12px;display:inline-flex}.tbl a{margin-block:-6px;padding-block:6px;display:inline-block}.sl h3{margin-bottom:8px}.sl h3 a{color:var(--text)}.sl li a{padding-block:3px;display:inline-block}
