@font-face{font-family:Literata;src:url("/fonts/literata-normal-latin.woff2") format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:Literata;src:url("/fonts/literata-normal-vietnamese.woff2") format("woff2");font-display:swap;font-weight:400 700;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-normal-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-normal-vietnamese.woff2') format('woff2');font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
:root{--bg:#f8f6f0;--fg:#25362d;--muted:#626c62;--line:#d8dbd1;--card:#fffef8;--accent:#fe4500;--logo:#273b33;--serif:Literata,Georgia,serif}html[data-theme=dark]{--bg:#141d19;--fg:#f1eee4;--muted:#b0b9af;--line:#38453b;--card:#1c2922;--logo:#ffcc00}*{box-sizing:border-box}body.seo{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Plex,system-ui,sans-serif}.seo a{color:inherit;text-underline-offset:5px}.seo header,.seo main,.seo footer{max-width:1280px;margin:auto;padding:24px 48px}.seo header,.seo footer{display:flex;justify-content:space-between;align-items:center;gap:24px}.seo header{border-bottom:1px solid var(--line)}.seo .logo{font:bold 42px/1 Plex,sans-serif;text-decoration:none;letter-spacing:-3px;color:var(--logo)}.seo .logo span{color:var(--accent)}.seo .eyebrow{font-size:12px;letter-spacing:2px;margin:40px 0 16px}.seo .hero{display:flex;justify-content:space-between;align-items:start;gap:24px}.seo h1{font:400 clamp(40px,6vw,76px)/1.06 var(--serif);letter-spacing:-2px;max-width:780px;margin:0}.seo .language{white-space:nowrap;font-size:14px}.seo .intro{font-size:19px;max-width:760px;color:var(--muted);margin:26px 0 40px}.seo .tabs{display:flex;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.seo .tabs a{text-decoration:none}.seo .tabs [aria-current]{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:16px;margin-bottom:-18px}.seo .directory{padding:32px 0}.seo .section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.seo h2{font:400 28px/1.2 var(--serif);margin:0 0 16px}.seo .section-heading span{color:var(--accent);white-space:nowrap}.seo form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin:28px 0}.seo label{font-size:13px}.seo select{display:block;width:100%;font:inherit;background:var(--card);color:var(--fg);padding:13px;border:1px solid var(--line);border-radius:4px;margin-top:6px;min-height:48px}.seo button{background:var(--accent);color:#fff;font:inherit;padding:12px 24px;border:0;border-radius:4px;cursor:pointer;align-self:end;min-height:48px}.seo .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo article{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px;display:flex;flex-direction:column}.seo .meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:26px}.seo article h2{font-size:25px;margin-bottom:0}.seo article p{font-size:14px;color:var(--muted);margin:12px 0 24px;flex:1}.seo article strong{font-size:20px;font-weight:500}.seo .original{margin:22px 0;color:var(--accent);font-size:14px}.seo article small{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.seo .pagination{display:flex;justify-content:space-between;gap:24px;margin:32px 0}.seo .pagination a{padding:8px 16px;border:1px solid var(--line);border-radius:4px;text-decoration:none}.seo .note{font-size:13px;color:var(--muted);max-width:900px}.seo .guide{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding:40px 0}.seo .guide span{color:var(--accent);display:block;margin-bottom:20px}.seo .guide p{color:var(--muted);font-size:14px}.seo .owner{padding:32px;background:var(--card);border:1px solid var(--line);border-radius:6px;margin:12px 0 40px}.seo .owner a{color:var(--accent)}.seo footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.seo :focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:960px){.seo .cards{grid-template-columns:repeat(2,1fr)}.seo header,.seo main,.seo footer{padding:24px}.seo .guide{gap:20px}}@media(max-width:600px){.seo .cards,.seo .guide{grid-template-columns:1fr}.seo form{grid-template-columns:1fr}.seo .hero{display:block}.seo .language{display:inline-block;margin-top:24px}.seo h1{font-size:46px}.seo .section-heading{align-items:start}.seo .section-heading h2{font-size:27px}.seo .section-heading span{font-size:13px}.seo footer{align-items:start}.seo .eyebrow{margin-top:12px}}

.seo .header-actions{display:flex;align-items:center;gap:20px}.seo button.theme-toggle{background:transparent;color:var(--fg);border:1px solid var(--line);padding:8px 12px;min-height:40px;font-size:13px}@media(max-width:600px){.seo .header-actions{gap:12px}.seo header a:not(.logo){font-size:12px}.seo button.theme-toggle{font-size:12px;padding:6px}}