/*
Theme Name: VN ASEAN
Theme URI: https://vn-asean.com
Author: vn-asean.com
Author URI: https://vn-asean.com
Description: Chuyên trang bóng đá CẤP CÂU LẠC BỘ Đông Nam Á — V.League 1/2, Cúp Quốc gia, Thai League 1/2, Liga 1 Indonesia, Malaysia Super League, Singapore Premier League, ASEAN Club Championship và AFC Champions League. Bảng xếp hạng có cột điểm trung bình mỗi trận, trang so sánh vua phá lưới toàn khu vực. Chạy trên API-Football v3, không có Key thì hiển thị trạng thái rỗng trung thực. Không đưa nội dung đội tuyển quốc gia.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vnasean
Tags: sports, football, responsive, custom-colors, translation-ready
*/

:root{
  --v-bg:#f5f7f6;
  --v-card:#ffffff;
  --v-ink:#16211e;
  --v-dim:#697873;
  --v-line:#e2e8e5;
  --v-em:#0e3b33;
  --v-em2:#14584c;
  --v-lime:#4fb477;
  --v-amber:#e0a01e;
  --v-rose:#c94b3f;
  --v-r:10px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
body{
  background:var(--v-bg);color:var(--v-ink);
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:70px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-weight:700;line-height:1.3}
.vas-in{max-width:1180px;margin:0 auto;padding:0 14px}
.vas-main{padding-top:18px}
.vas-skip{position:absolute;left:-9999px}
.vas-skip:focus{left:8px;top:8px;z-index:200;background:var(--v-em);color:#fff;padding:8px 14px;border-radius:6px}
.vas-blink{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4d4f;animation:vblink 1.2s infinite}
@keyframes vblink{0%,100%{opacity:1}50%{opacity:.25}}

/* ===== header ===== */
.vas-hd{background:var(--v-em);position:sticky;top:0;z-index:60}
.vas-hd-row{display:flex;align-items:center;gap:12px;height:58px}
.vas-mb{width:32px;height:28px;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;flex:none}
.vas-mb span{display:block;height:2px;background:#fff;border-radius:2px}
.vas-lg{display:flex;align-items:center;gap:5px;color:#fff;white-space:nowrap}
.vas-lg-a{font-size:21px;font-weight:800;letter-spacing:-.5px}
.vas-lg-b{font-size:21px;font-weight:800;color:var(--v-lime);letter-spacing:-.5px}
.vas-lg em{font-style:normal;font-size:11px;color:rgba(255,255,255,.55);margin-left:8px;font-weight:500}
.vas-lg img{max-height:32px;width:auto}
.vas-q{flex:1;max-width:290px;min-width:0;position:relative;margin-left:auto}
.vas-q input{width:100%;height:34px;border:0;border-radius:17px;background:rgba(255,255,255,.12);color:#fff;padding:0 36px 0 15px;font-size:13.5px;font-family:inherit}
.vas-q input::placeholder{color:rgba(255,255,255,.5)}
.vas-q input:focus{outline:none;background:rgba(255,255,255,.2)}
.vas-q button{position:absolute;right:5px;top:5px;width:24px;height:24px;border:0;background:none;cursor:pointer;padding:0}
.vas-q svg{width:15px;height:15px;fill:rgba(255,255,255,.65)}
.vas-cta{display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:16px;background:var(--v-lime);color:#08251f;font-size:13.5px;font-weight:700;flex:none;font-family:inherit;border:0;cursor:pointer}
.vas-cta:hover{background:#43a468}

.vas-hd-nav{background:var(--v-em2)}
.vas-hd-nav .vas-in{display:flex;overflow-x:auto;scrollbar-width:none}
.vas-hd-nav .vas-in::-webkit-scrollbar{display:none}
.vas-hd-nav a{display:inline-flex;align-items:center;height:38px;padding:0 15px;color:rgba(255,255,255,.7);font-size:13.5px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.vas-hd-nav a:hover{color:#fff}
.vas-hd-nav a.vas-on{color:#fff;border-bottom-color:var(--v-lime)}

/* off-canvas giải đấu */
.vas-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;opacity:0;transition:.24s}
.vas-mask.vas-open{opacity:1}
.vas-side{position:fixed;top:0;left:0;bottom:0;width:265px;max-width:83vw;background:var(--v-em);z-index:95;transform:translateX(-100%);transition:transform .24s;overflow-y:auto}
.vas-side.vas-open{transform:translateX(0)}
.vas-side-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.vas-side-hd button{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.vas-side-g{padding:13px 16px 5px;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--v-lime)}
.vas-side a{display:block;padding:10px 16px;color:rgba(255,255,255,.82);font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}
.vas-side a.vas-on{background:rgba(79,180,119,.18);color:#fff;font-weight:700}
.vas-side-f{padding:14px 16px}
body.vas-lock{overflow:hidden}

/* ===== lead ===== */
.vas-lead{background:linear-gradient(120deg,var(--v-em),var(--v-em2));color:#fff;border-radius:var(--v-r);padding:24px 22px;margin-bottom:20px}
.vas-lead h1{font-size:24px;font-weight:800;margin-bottom:6px}
.vas-lead p{font-size:13.5px;color:rgba(255,255,255,.78);max-width:640px}

/* ===== section ===== */
.vas-sec{margin-top:24px}
.vas-sh{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.vas-sh h2{font-size:17px;font-weight:800;display:flex;align-items:center;gap:7px}
.vas-sh a{margin-left:auto;font-size:12.5px;color:var(--v-em2);font-weight:600}
.vas-sh a:hover{text-decoration:underline}
.vas-h3{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--v-em)}
.vas-gh{font-size:14px;font-weight:700;color:var(--v-em2);margin:14px 0 7px}
.vas-link{display:inline-block;margin-top:9px;font-size:12.5px;color:var(--v-em2);font-weight:600}
.vas-bc{font-size:12.5px;color:var(--v-dim);margin-bottom:10px}
.vas-bc a:hover{color:var(--v-em2)}
.vas-ph{margin-bottom:16px}
.vas-ph h1{font-size:23px;font-weight:800}
.vas-ph p{color:var(--v-dim);font-size:13px;margin-top:3px}
.vas-day{font-size:13px;font-weight:700;color:var(--v-dim);margin:18px 0 9px;padding-left:11px;border-left:3px solid var(--v-lime)}

/* ===== league switcher ===== */
.vas-sw{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}
.vas-sw::-webkit-scrollbar{display:none}
.vas-sw a{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:112px;padding:11px 14px;background:var(--v-card);border:2px solid var(--v-line);border-radius:var(--v-r);cursor:pointer;transition:.15s}
.vas-sw a:hover{border-color:var(--v-lime)}
.vas-sw a.vas-on{background:var(--v-em);border-color:var(--v-em);color:#fff}
.vas-sw a i{font-style:normal;font-size:19px;margin-bottom:3px}
.vas-sw a b{font-size:13px;font-weight:700;white-space:nowrap}
.vas-sw a em{font-style:normal;font-size:10.5px;color:var(--v-dim);margin-top:1px}
.vas-sw a.vas-on em{color:rgba(255,255,255,.6)}
.vas-sw-sm a{min-width:auto;flex-direction:row;gap:6px;padding:8px 14px}
.vas-sw-sm a i{margin-bottom:0;font-size:15px}
.vas-pane{margin-bottom:6px}

/* ===== dashboard 3 cột ===== */
.vas-grid3{display:grid;grid-template-columns:1.35fr 1fr .9fr;gap:16px;align-items:start}
.vas-col-a,.vas-col-b,.vas-col-c{min-width:0}

/* ===== ô trận đấu (lưới) ===== */
.vas-fxg{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:11px}
.vas-fxg-1{grid-template-columns:1fr}
.vas-fx{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:11px 12px;transition:.15s;display:block}
.vas-fx:hover{border-color:var(--v-lime);box-shadow:0 3px 10px rgba(14,59,51,.07)}
.vas-fx-top{display:block;font-size:11px;color:var(--v-dim);margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vas-fx-mid{display:flex;align-items:flex-start;gap:6px}
.vas-fx-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.vas-fx-side img{width:32px;height:32px;object-fit:contain}
.vas-fx-side b{font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vas-fx-side.vas-w b{color:var(--v-em);font-weight:800}
.vas-noimg{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:17px}
.vas-fx-sc{flex:0 0 62px;text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:23px;font-weight:700;line-height:32px}
.vas-fx-sc em{font-style:normal;opacity:.28;margin:0 3px;font-size:18px}
.vas-fx-vs{font-size:12.5px;font-weight:500;color:var(--v-dim);font-family:inherit}
.vas-fx-bot{display:block;text-align:center;margin-top:9px;padding-top:8px;border-top:1px dashed var(--v-line)}
.vas-fx-bot i{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:5px}
.vas-fx-live{background:#ffe9e8;color:#c0392b}
.vas-fx-live b{width:6px;height:6px;border-radius:50%;background:#c0392b;display:inline-block;animation:vblink 1.2s infinite}
.vas-fx-ft{background:#eef1f0;color:var(--v-dim)}
.vas-fx-up{background:#e8f5ee;color:var(--v-em2)}

/* ===== bảng ===== */
.vas-tw{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);overflow-x:auto}
.vas-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:460px}
.vas-tb th{background:#eef3f1;color:var(--v-em);font-weight:700;font-size:11px;padding:9px 5px;text-align:center;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.vas-tb td{padding:8px 5px;text-align:center;border-bottom:1px solid #f2f5f4}
.vas-tb tr:last-child td{border-bottom:0}
.vas-tb tbody tr:hover{background:#f8faf9}
.vas-no{width:34px}
.vas-no span{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#eef1f0;font-size:11.5px;font-weight:700}
.vas-no span.vas-r1{background:var(--v-lime);color:#08251f}
th.vas-clb,td.vas-clb{text-align:left;padding-left:9px}
td.vas-clb{font-weight:600;white-space:nowrap}
td.vas-clb img{width:18px;height:18px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:7px}
.vas-pts{font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:15px}
.vas-ppg{font-family:"Roboto Condensed",sans-serif;color:var(--v-em2);font-weight:700}
.vas-form{display:inline-flex;gap:2px}
.vas-fm{font-style:normal;width:16px;height:16px;line-height:16px;border-radius:3px;font-size:10px;font-weight:700;color:#fff;text-align:center}
.vas-fm-W{background:var(--v-lime)}
.vas-fm-D{background:#a3b0ab}
.vas-fm-L{background:var(--v-rose)}
.vas-legend{font-size:11.5px;color:var(--v-dim);margin-top:9px}

/* ===== filter ===== */
.vas-fl{display:flex;gap:7px;overflow-x:auto;padding-bottom:11px;scrollbar-width:none}
.vas-fl::-webkit-scrollbar{display:none}
.vas-f{flex:none;padding:5px 14px;border-radius:16px;background:var(--v-card);border:1px solid var(--v-line);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;user-select:none}
.vas-f:hover{border-color:var(--v-lime)}
.vas-f.vas-on{background:var(--v-em);border-color:var(--v-em);color:#fff}

/* ===== nhận định ===== */
.vas-pvg{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:12px}
.vas-pv{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:14px}
.vas-pv-hd{display:flex;font-size:11.5px;color:var(--v-dim);margin-bottom:9px}
.vas-pv-hd span{font-weight:700;color:var(--v-em2)}
.vas-pv-hd em{font-style:normal;margin-left:auto}
.vas-pv-tm{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:11px}
.vas-pv-tm span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vas-pv-tm span:last-child{text-align:right}
.vas-pv-tm i{font-style:normal;color:var(--v-dim);font-weight:400}
.vas-pv-nums{display:flex;gap:7px}
.vas-pv-nums span{flex:1;text-align:center;padding:9px 4px;border-radius:8px;font-family:"Roboto Condensed",sans-serif;font-size:19px;font-weight:700;color:#fff}
.vas-pv-nums em{display:block;font-style:normal;font-family:"Montserrat",sans-serif;font-size:10.5px;font-weight:600;opacity:.85;margin-top:1px}
.vas-n1{background:var(--v-em)}
.vas-n2{background:#8d9a95}
.vas-n3{background:var(--v-lime);color:#08251f!important}
.vas-pv-big span{font-size:26px;padding:14px 6px}
.vas-pv-sc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}
.vas-pv-lab{font-size:11.5px;color:var(--v-dim)}
.vas-pv-sc b{font-family:"Roboto Condensed",sans-serif;font-size:13.5px;padding:2px 10px;border-radius:10px;background:#fdf3e0;color:#8a6100}
.vas-pv-note{font-size:12.5px;color:#48544f;margin-top:10px;line-height:1.65}
.vas-pv-ft{font-size:11px;color:var(--v-dim);margin-top:9px;padding-top:8px;border-top:1px solid var(--v-line)}
.vas-dis{font-size:12px;color:var(--v-dim);line-height:1.75;margin:16px 0;padding:12px 14px;background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r)}

/* ===== vua phá lưới ===== */
.vas-lead-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px}
.vas-lead-c{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:14px}
.vas-lead-l{font-size:11.5px;color:var(--v-dim);margin-bottom:6px}
.vas-lead-n{font-size:16px;font-weight:800;line-height:1.25}
.vas-lead-t{font-size:12px;color:var(--v-dim);margin-bottom:9px}
.vas-lead-b{height:7px;background:#eef1f0;border-radius:4px;overflow:hidden}
.vas-lead-b i{display:block;height:100%;background:linear-gradient(90deg,var(--v-em),var(--v-lime));border-radius:4px}
.vas-lead-v{font-size:12px;color:var(--v-dim);margin-top:6px}
.vas-lead-v b{font-family:"Roboto Condensed",sans-serif;font-size:17px;color:var(--v-em);font-weight:700}

/* ===== match hero ===== */
.vas-mh{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);overflow:hidden;margin-bottom:16px}
.vas-mh-top{display:flex;align-items:center;gap:7px;background:var(--v-em);color:#fff;font-size:12px;font-weight:700;padding:9px 15px;letter-spacing:.4px}
.vas-mh-top span{margin-left:auto;font-weight:400;opacity:.8}
.vas-mh-mid{display:flex;align-items:center;padding:22px 14px}
.vas-mh-t{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.vas-mh-t img{width:56px;height:56px;object-fit:contain}
.vas-mh-t b{font-size:14.5px;font-weight:700;text-align:center}
.vas-mh-s{flex:0 0 124px;text-align:center}
.vas-mh-n{font-family:"Roboto Condensed",sans-serif;font-size:34px;font-weight:700;line-height:1}
.vas-mh-k{font-family:"Roboto Condensed",sans-serif;font-size:29px;font-weight:700;line-height:1;color:var(--v-em2)}
.vas-mh-s em{display:block;font-style:normal;font-size:12px;color:var(--v-dim);margin-top:5px}
.vas-cd{display:block;font-style:normal;font-size:11.5px;color:var(--v-em2);font-weight:700;margin-top:3px;min-height:16px}
.vas-mh-bot{padding:10px 15px;border-top:1px solid var(--v-line);background:#fafbfb;font-size:12px;color:var(--v-dim)}
.vas-box{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:16px;margin-top:16px}
.vas-box h2{font-size:16px;font-weight:800;margin-bottom:12px}
.vas-stat{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:13px}
.vas-stat span{font-family:"Roboto Condensed",sans-serif;font-weight:700;flex:0 0 48px}
.vas-stat span:last-child{text-align:right}
.vas-stat em{font-style:normal;color:var(--v-dim);font-size:12px}
.vas-statb{height:6px;background:var(--v-lime);border-radius:3px;overflow:hidden;margin-top:4px}
.vas-statb i{display:block;height:100%;background:var(--v-em)}

/* ===== tin ===== */
.vas-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:12px}
.vas-na{display:flex;gap:11px;background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:11px;transition:.15s}
.vas-na:hover{border-color:var(--v-lime)}
.vas-na-i{flex:0 0 78px;height:60px;border-radius:7px;overflow:hidden;background:#eef1f0;display:flex;align-items:center;justify-content:center}
.vas-na-i img{width:100%;height:100%;object-fit:cover}
.vas-na-i b{font-size:21px;opacity:.5}
.vas-na-t{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.vas-na-t strong{font-size:13.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vas-na-t em{font-style:normal;font-size:11px;color:var(--v-dim);margin-top:4px}

/* ===== bài viết ===== */
.vas-art{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:22px;max-width:820px;margin:0 auto}
.vas-art h1{font-size:24px;font-weight:800;line-height:1.35;margin-bottom:10px}
.vas-art-m{display:flex;gap:10px;font-size:12.5px;color:var(--v-dim);margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--v-line)}
.vas-art-c{color:var(--v-em2);font-weight:700}
.vas-art img{border-radius:7px;margin:13px 0}
.vas-art p{margin:12px 0;line-height:1.85}
.vas-art h2{font-size:19px;margin:20px 0 9px}
.vas-art h3{font-size:16px;margin:16px 0 7px}
.vas-art ul,.vas-art ol{margin:12px 0 12px 22px}
.vas-art a{color:var(--v-em2);text-decoration:underline}
.vas-art blockquote{border-left:3px solid var(--v-lime);padding:6px 14px;margin:14px 0;color:var(--v-dim);background:#fafbfb}
.vas-cm{list-style:none}
.vas-cm li{padding:11px 0;border-bottom:1px solid var(--v-line)}

/* ===== misc ===== */
.vas-none{background:var(--v-card);border:1px solid var(--v-line);border-radius:var(--v-r);padding:34px 18px;text-align:center;color:var(--v-dim);font-size:13.5px}
.vas-none b{display:block;font-size:30px;margin-bottom:8px;opacity:.7}
.vas-tip{background:#fffaf0;border:1px solid var(--v-amber);border-radius:var(--v-r);padding:12px 15px;font-size:13px;margin-bottom:14px}
.vas-tip b{display:block;margin-bottom:3px}
.vas-tip a{color:var(--v-em2);font-weight:700;text-decoration:underline}
.vas-pg{display:flex;gap:5px;justify-content:center;margin:20px 0;flex-wrap:wrap}
.vas-pg .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:33px;height:33px;padding:0 11px;border-radius:17px;background:var(--v-card);border:1px solid var(--v-line);font-size:13px}
.vas-pg .page-numbers.current{background:var(--v-em);border-color:var(--v-em);color:#fff;font-weight:700}

/* ===== footer ===== */
.vas-ft{background:var(--v-em);color:rgba(255,255,255,.7);margin-top:34px;padding:26px 0 18px}
.vas-ft-top{display:grid;grid-template-columns:1.6fr repeat(auto-fit,minmax(120px,1fr));gap:20px}
.vas-ft-a p{font-size:12px;line-height:1.75;margin-top:9px;max-width:300px}
.vas-ft-c h4{font-size:12.5px;color:var(--v-lime);margin-bottom:9px}
.vas-ft-c a{display:block;font-size:12.5px;padding:3px 0;color:rgba(255,255,255,.65)}
.vas-ft-c a:hover{color:#fff}
.vas-ft-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px}

.vas-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--v-card);border-top:1px solid var(--v-line);height:56px}
.vas-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--v-dim)}
.vas-bar a svg{width:19px;height:19px;fill:currentColor}
.vas-bar a.vas-on{color:var(--v-em)}

/* ===== responsive ===== */
@media (max-width:1000px){
  .vas-grid3{grid-template-columns:1fr 1fr}
  .vas-col-c{grid-column:1/-1}
}
@media (max-width:760px){
  .vas-grid3{grid-template-columns:1fr}
  .vas-hd-nav{display:none}
  .vas-bar{display:flex}
  .vas-lg em{display:none}
  .vas-cta{display:none}
  .vas-side-f .vas-cta{display:inline-flex}
  .vas-hd-row{height:54px;gap:9px}
  .vas-lead{padding:18px 16px}
  .vas-lead h1{font-size:20px}
  .vas-mh-t img{width:46px;height:46px}
  .vas-mh-s{flex:0 0 100px}
  .vas-mh-n{font-size:28px}
  .vas-mh-k{font-size:24px}
  .vas-art{padding:16px}
  .vas-art h1{font-size:20px}
}
@media (max-width:420px){
  .vas-fxg{grid-template-columns:1fr}
  .vas-pvg{grid-template-columns:1fr}
  .vas-lead-g{grid-template-columns:1fr}
  .vas-ft-top{grid-template-columns:1fr 1fr}
}