/*
Theme Name: BLU Xã Phường
Author: BLU
Description: Giao diện độc lập cho cổng thông tin xã/phường blu.vn.
Version: 1.0.0
Requires PHP: 7.4
*/
:root{--blue:#0867a9;--green:#17854b;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172b3a;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1110px,calc(100% - 32px));margin:auto}.site-header{background:white;border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{font-weight:850;font-size:27px;color:var(--blue)}.brand small{display:block;font-size:12px;font-weight:500;color:#65758a;line-height:1}.nav{display:flex;gap:24px}.hero{background:linear-gradient(125deg,#0873af,#12a17e);padding:64px 0;color:white;text-align:center}.hero h1{font-size:clamp(30px,5vw,50px);margin:0 0 6px}.hero p{margin:0 0 22px}.search{display:flex;max-width:690px;margin:auto;background:white;border-radius:10px;padding:6px;box-shadow:0 12px 40px #00456333}.search input{flex:1;min-width:0;border:0;padding:14px;font:inherit;outline:none}.search button{border:0;background:#f0a12a;color:#142333;font-weight:750;padding:12px 24px;border-radius:7px;cursor:pointer}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;margin:25px 0;box-shadow:0 2px 8px #182d3c08}.panel h2{margin:0 0 18px;font-size:24px}.province-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.province-grid a{display:block;border:1px solid var(--line);border-radius:8px;padding:13px 15px;background:#fbfdff}.province-grid a:hover{border-color:var(--blue);background:#eef7ff}.breadcrumbs{font-size:14px;margin:22px 0;color:#677}.profile h1{font-size:34px;margin:0 0 8px}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.meta-grid div{padding:14px;background:#f7fafc;border-radius:8px}.meta-grid strong{display:block;font-size:13px;color:#667}.ad-cover{background:linear-gradient(115deg,#1677bd,#164d8b);color:white;text-align:center;padding:32px 18px;border-radius:12px;margin:0 0 24px}.ad-cover b{display:block;font-size:26px}.ad-cover small{display:block}.blu-map-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.blu-map-links a{padding:12px;border:1px solid var(--line);border-radius:8px;text-align:center}.commune-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commune-list a{padding:12px 14px;border:1px solid var(--line);border-radius:8px}.site-footer{margin-top:50px;background:#12374e;color:#d9e9f2;padding:32px 0}.site-footer a{color:white}@media(max-width:750px){.province-grid,.blu-map-links{grid-template-columns:repeat(2,1fr)}.commune-list,.meta-grid{grid-template-columns:1fr}.nav{gap:12px;font-size:13px}.head{flex-wrap:wrap}.hero{padding:42px 0}}