/*
Theme Name: F168 WP-B2C3C0ED8121 Preview
Theme URI: https://f168.energy/
Author: Editorial deployment
Description: Independent Vietnamese editorial theme derived for package WP-B2C3C0ED8121.
Version: 2026.11.13
Requires at least: 6.4
*/
:root{--p:9,132,164;--s:4,33,48;--a:255,177,57;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:rgb(var(--s));background:#f6f7fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit}img{max-width:100%;height:auto}.site-shell{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;z-index:50;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(var(--s),.12);backdrop-filter:blur(12px)}
.header-row{min-height:84px;display:flex;align-items:center;gap:24px}.brand-logo{width:184px;height:auto;display:block}.main-nav{display:flex;gap:18px;align-items:center;margin-left:auto;font-weight:750;font-size:14px}.main-nav a{text-decoration:none}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:850;border:1px solid rgb(var(--p))}.btn-primary{background:rgb(var(--p));color:white}.btn-secondary{background:white;color:rgb(var(--p))}
.hero{background:linear-gradient(125deg,rgba(var(--s),.96),rgba(var(--p),.86));color:white;padding:58px 0 44px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.hero-copy{}.eyebrow{color:rgb(var(--a));font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(38px,5vw,70px);line-height:1.04;letter-spacing:-.045em;margin:.28em 0}.hero p{font-size:19px;max-width:760px}.hero-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;box-shadow:0 26px 70px rgba(0,0,0,.26)}
.section{padding:72px 0}.section-title{max-width:780px;margin-bottom:28px}.section-title h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:.2em 0}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.category-card{background:white;border:1px solid rgba(var(--s),.1);border-radius:22px;padding:25px;min-height:260px;display:flex;flex-direction:column;box-shadow:0 14px 38px rgba(10,20,40,.08)}.category-card .icon{font-size:34px}.category-card h3{font-size:22px;line-height:1.18;margin:18px 0 10px}.category-card p{font-size:15px;color:rgba(var(--s),.72)}.category-card a{margin-top:auto;color:rgb(var(--p));font-weight:900}
.steps{background:rgb(var(--s));color:white}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.06)}.step-card .icon{font-size:34px}.step-card h3{font-size:23px;margin:12px 0}
.pd10-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pd10-article-card{background:#fff;border:1px solid rgba(var(--s),.1);border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(15,25,45,.07)}.pd10-article-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.pd10-article-body{padding:22px}.pd10-card-meta{font-size:13px;color:rgba(var(--s),.62)}.pd10-article-body h2{font-size:23px;line-height:1.2}.pd10-article-body h2 a{text-decoration:none}.pd10-read-more{font-weight:850;color:rgb(var(--p))}
.content-wrap{max-width:920px;margin:auto;background:white;padding:clamp(24px,5vw,64px);border-radius:24px;box-shadow:0 18px 55px rgba(15,25,45,.08)}.content-wrap h1{font-size:clamp(34px,5vw,60px);color:rgb(var(--s))}.content-wrap h2{font-size:30px;line-height:1.25;margin-top:1.7em}.content-wrap p,.content-wrap li{font-size:18px}.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin:20px 0 35px}.utility-note{padding:18px;border-left:5px solid rgb(var(--a));background:rgba(var(--a),.14)}
.site-footer{background:rgb(var(--s));color:white;padding:55px 0 115px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:8px 0}.footer-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.footer-tags span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 10px;font-size:13px}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(2,1fr)}.main-nav{display:none}.hero-grid{grid-template-columns:1fr}}
@media(max-width:680px){.site-shell{padding:0 16px}.header-row{min-height:72px;flex-wrap:wrap;padding:10px 0}.brand-logo{width:142px}.header-actions{margin-left:auto}.header-actions .btn{padding:9px 11px;font-size:12px}h1{font-size:clamp(34px,11vw,48px);overflow-wrap:anywhere}.hero{padding:38px 0 32px}.hero p{font-size:17px}.category-grid,.step-grid,.pd10-article-grid,.footer-grid{grid-template-columns:1fr}.category-card{min-height:auto}.section{padding:50px 0}.content-wrap{border-radius:0;padding:24px 18px}.content-wrap h2{font-size:26px}.content-wrap p,.content-wrap li{font-size:17px}.site-footer{padding-bottom:110px}}