*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:#193655;background:#f3f8fe;line-height:1.65}header{background:#092d56;color:#fff;padding:17px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header a{color:#fff;text-decoration:none}header .brand{font-size:23px;font-weight:800}header small{display:block;font-size:11px;color:#9ccff9}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{font-size:14px}.wrap{max-width:1150px;margin:42px auto;padding:0 20px;min-height:68vh}h1{font-size:clamp(28px,4vw,43px);line-height:1.22;color:#0a3e70}h2{color:#115b99}.lead{font-size:18px;color:#52718c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #d9e6f2;border-radius:18px;padding:24px;box-shadow:0 8px 25px #154a7210}.card h2{font-size:21px}.tag{color:#0879d0;font-weight:800;font-size:12px;text-transform:uppercase}.btn,button{display:inline-block;background:#0879d0;color:white;border:0;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none}.btn.secondary{background:#e5f1fb;color:#155d9d}.hero{background:linear-gradient(125deg,#092b57,#0b7ed5);color:#fff;border-radius:22px;padding:42px;margin-bottom:30px}.hero h1{color:#fff}.hero p{color:#e2f4ff}input,textarea,select{width:100%;padding:12px;border:1px solid #c5d7e8;border-radius:9px;font:inherit;margin:5px 0 16px}textarea{min-height:160px}label{font-weight:700;display:block}article{max-width:820px;margin:auto}article p{font-size:17px;line-height:1.85}article h2{margin-top:36px}.muted{color:#607992}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.notice{background:#e7f3ff;border-left:4px solid #0879d0;padding:16px;margin:24px 0}.cover{height:170px;background:radial-gradient(circle at 82% 20%,#ffe493 0 34px,transparent 35px),linear-gradient(140deg,#a5e2fa,#137ac1);border-radius:12px;display:grid;place-items:center;color:white;font-size:60px}.cover.big{height:260px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:12px;border-bottom:1px solid #d8e6f1;text-align:left}footer{text-align:center;padding:30px;color:#657f98}.filters a{display:inline-block;margin:0 9px 16px 0;padding:8px 14px;border-radius:30px;background:#e3eff9;text-decoration:none;color:#12568e}.filters a.active{background:#0879d0;color:#fff}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}.wrap{margin:24px auto}header{padding:16px}nav{gap:10px}}

/* V1.6 – giao diện đồng bộ với trang chủ SolarTech Premium */
:root{--navy:#092d56;--blue:#0879d0;--cyan:#00bce7;--line:#dce8f3}body{background:#f5f9fe;color:#173958}a{transition:color .2s,background .2s,transform .2s}a:hover{color:#0879d0}.site-header{position:sticky;top:0;z-index:50;background:#fff;color:#12395e;padding:0 22px;box-shadow:0 5px 24px #082d5712}.nav-inner{max-width:1400px;width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0a3159!important;white-space:nowrap}.brand-sun{font-size:36px;color:#078bd8}.site-brand strong{font-size:26px;font-weight:900;line-height:1;display:block;letter-spacing:-.6px}.site-brand small{font-size:11px;color:#5b7c97;display:block;margin-top:5px}.site-nav{display:flex;align-items:center;gap:25px}.site-nav a{color:#183e60;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.site-nav a:hover{color:#0075c9}.site-nav .hotline{background:#ed1d38;color:#fff!important;padding:13px 18px;border-radius:9px;font-weight:800}.site-nav .hotline:hover{background:#cf1230}.mobile-toggle{display:none}.wrap{max-width:1400px;margin:34px auto 65px;padding:0 22px;min-height:60vh}.knowledge-hero{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;background:linear-gradient(115deg,#08264b 10%,#075da5 73%,#008cc6);padding:44px 55px;border-radius:24px;position:relative}.hero-copy{max-width:730px;z-index:1}.hero-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.12;margin:17px 0 19px}.hero-copy h1 em{font-style:normal;color:#66e3ff}.hero-copy p{font-size:17px;max-width:620px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#8ce6ff}.eyebrow.blue{color:#0780cc}.hero-action{background:#ed1d38;margin-top:12px}.hero-visual{width:34%;min-width:280px;position:relative}.hero-visual img{display:block;width:100%;height:250px;object-fit:cover;border-radius:20px;box-shadow:0 12px 35px #001e3e66;transform:rotate(3deg)}.knowledge-section{padding:30px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:30px;color:#07365f;margin:5px 0}.section-heading p{color:#5e7a93;margin:0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.filters a{margin:0;padding:10px 19px;border:1px solid #d8e8f5;background:#e9f3fc;color:#155b92;font-weight:700}.filters a.active{background:#0879d0;color:#fff;border-color:#0879d0}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{padding:0;overflow:hidden;border-radius:17px;box-shadow:0 8px 25px #103b6510;display:flex;flex-direction:column}.card-image{display:block;overflow:hidden}.card-image img{display:block;width:100%;height:225px;object-fit:cover;transition:transform .35s}.article-card:hover .card-image img{transform:scale(1.05)}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.category-label{color:#0879d0;font-size:12px;font-weight:900;text-transform:uppercase}.card-body h3{font-size:21px;line-height:1.35;color:#103e67;margin:10px 0}.card-body h3 a{text-decoration:none;color:inherit}.card-body p{color:#617c94;margin:0 0 18px;line-height:1.65}.read-more{margin-top:auto;color:#006dc3;font-weight:800;text-decoration:none}.read-more span{padding-left:5px}.empty-state{padding:35px;background:white;border-radius:16px}.consult-banner{background:linear-gradient(110deg,#082e56,#086fb5);border-radius:20px;padding:32px 38px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.consult-banner h2{color:#fff;margin:9px 0;font-size:25px}.consult-banner p{color:#d4eafa;margin:0}.consult-banner .btn{background:#ed1d38;white-space:nowrap}.site-footer{background:#082c51;color:#d2e7f6;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:38px max(22px,calc((100vw - 1356px)/2));text-align:left}.site-footer strong{font-size:23px;color:#fff}.site-footer a{color:#d2e7f6;text-decoration:none}.site-footer small{grid-column:1/-1;color:#95b6cd}.floating-contact{position:fixed;right:17px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:9px}.floating-contact a{width:51px;height:51px;display:grid;place-items:center;border-radius:50%;background:#e91c3b;color:#fff;text-decoration:none;font-size:16px;font-weight:900;box-shadow:0 6px 20px #173e6544}.floating-contact a:last-child{background:#087bd3;font-size:13px}article:not(.article-card){background:#fff;padding:35px;border:1px solid var(--line);border-radius:20px}article:not(.article-card) .cover.big{background:linear-gradient(120deg,#b7e6fa,#0878c7)}
@media(max-width:1100px){.site-nav{gap:13px}.site-nav a{font-size:12px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{padding:0 15px}.nav-inner{min-height:69px}.site-brand strong{font-size:21px}.mobile-toggle{display:block;background:#e8f3fc;color:#0a568e;border:0;padding:7px 12px;font-size:24px}.site-nav{display:none;position:absolute;left:0;right:0;top:69px;background:#fff;padding:17px 20px 23px;box-shadow:0 15px 25px #0a345a26;flex-direction:column;align-items:stretch;gap:17px}.site-nav.open{display:flex}.site-nav a{font-size:15px}.site-nav .hotline{text-align:center}.wrap{padding:0 15px;margin:22px auto 45px}.knowledge-hero{padding:30px 24px;min-height:unset}.hero-visual{display:none}.hero-copy h1{font-size:35px}.section-heading{display:block}.article-grid{grid-template-columns:1fr}.card-image img{height:220px}.consult-banner{flex-direction:column;align-items:flex-start;padding:27px}.site-footer{grid-template-columns:1fr;padding:30px 20px}.site-footer small{grid-column:auto}}

.custom-brand-logo{max-width:160px;max-height:49px;object-fit:contain}.brand-symbol{font-size:35px;color:#09b5e5}.site-brand{display:flex;gap:12px;align-items:center}.site-brand small{display:block}