.elementor-11113 .elementor-element.elementor-element-5f6c05e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8faa32f *//* Google Fonts - scoped import (safe to remove/replace with a WP-hosted @font-face if preferred) */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap'); /* ========================================================================== AIR-EXPRESS ARTICLE — fully scoped fragment (no //) Every rule is namespaced under .axw so it cannot leak into, or be overridden by, the WordPress theme's global styles. ========================================================================== */ /* Hard reset: neutralise inherited theme rules for every element we use */ .axw, .axw *{ all: revert; box-sizing: border-box; } .axw{ --ink:#16202B; --ink-soft:#4B5563; --paper:#FFFFFF; --panel:#F6F7F8; --line:#E2E5E9; --accent:#E8590C; --accent-tint:#FFF1E8; --navy-deep:#0F1B2A; --f-display:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif; --f-body:'Inter', 'Helvetica Neue', Arial, sans-serif; --f-mono:'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace; background:var(--paper); color:var(--ink); font-family:var(--f-body); font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased; max-width:760px; margin:0 auto; padding:0 24px 96px; } .axw *{box-sizing:border-box;} .axw a{color:var(--accent);text-decoration:none;border-bottom:1px solid currentColor;} .axw a:hover{opacity:.75;} .axw a:focus-visible, .axw summary:focus-visible, .axw .axw-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;} /* ---------- eyebrow / tag utilities ---------- */ .axw .axw-eyebrow{ font-family:var(--f-mono); font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); display:inline-flex; align-items:center; gap:8px; } .axw .axw-eyebrow::before{ content:""; width:16px;height:1px; background:var(--accent); display:inline-block; } /* ---------- HERO ---------- */ .axw .axw-hero{ padding:64px 0 40px; } .axw .axw-hero-top{ display:flex; justify-content:space-between; align-items:center; padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid var(--line); } .axw .axw-plane{ width:22px;height:22px; color:var(--accent); transform:rotate(45deg); flex-shrink:0; } .axw .axw-hero h1{ font-family:var(--f-display); font-weight:700; font-size:clamp(30px,5vw,44px); line-height:1.14; letter-spacing:-.01em; margin:0 0 20px; color:var(--navy-deep); } .axw .axw-hero .axw-lede{ font-size:18.5px; color:var(--ink-soft); line-height:1.75; margin:0 0 28px; max-width:62ch; } .axw .axw-hero .axw-lede strong{color:var(--ink);} /* manifest-style meta strip */ .axw .axw-meta{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px dashed var(--line); border-bottom:1px dashed var(--line); font-family:var(--f-mono); font-size:12.5px; } .axw .axw-meta div{ padding:14px 0; border-left:1px dashed var(--line); padding-left:16px; } .axw .axw-meta div:first-child{border-left:none;padding-left:0;} .axw .axw-meta span{ display:block; color:#9AA3AD; text-transform:uppercase; letter-spacing:.08em; font-size:10.5px; margin-bottom:4px; } .axw .axw-meta strong{color:var(--ink);font-weight:500;} /* ---------- TABLE OF CONTENTS ---------- */ .axw .axw-toc{ margin:8px 0 8px; padding:26px 28px; background:var(--panel); border-radius:2px; } .axw .axw-toc-title{ font-family:var(--f-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft); margin:0 0 14px; } .axw .axw-toc ol{ list-style:none; margin:0;padding:0; display:grid; grid-template-columns:1fr 1fr; gap:6px 28px; } .axw .axw-toc li{ font-size:14.5px; border-bottom:1px solid var(--line); padding:7px 0; } .axw .axw-toc a{ border-bottom:none; color:var(--ink); display:flex; gap:10px; } .axw .axw-toc a:hover{color:var(--accent);} .axw .axw-toc a .axw-toc-num{ font-family:var(--f-mono); color:var(--accent); flex-shrink:0; width:20px; } /* ---------- formula box (công thức tính trọng lượng quy đổi) ---------- */ .axw .axw-formula{ font-family:var(--f-mono); background:var(--panel); border-left:2px solid var(--accent); padding:16px 20px; margin:6px 0 24px; font-size:14.5px; color:var(--navy-deep); line-height:1.6; } .axw .axw-formula .axw-formula-example{ display:block; margin-top:10px; font-family:var(--f-body); font-size:14.5px; color:var(--ink-soft); } .axw .axw-formula .axw-formula-example strong{color:var(--navy-deep);} /* ---------- rate / region list (bảng giá theo khu vực, thời gian theo khu vực) ---------- */ .axw .axw-rate-list{ list-style:none; margin:0 0 22px; padding:0; } .axw .axw-rate-list li{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:11px 0; margin-bottom:0; border-bottom:1px dashed var(--line); font-size:15px; color:var(--ink-soft); } .axw .axw-rate-list li::before{content:none;} .axw .axw-rate-list li strong{color:var(--ink);font-weight:500;} .axw .axw-rate-list .axw-rate-value{ font-family:var(--f-mono); color:var(--accent); font-size:13.5px; white-space:nowrap; flex-shrink:0; } /* ---------- SECTIONS ---------- */ .axw section.axw-seg{ padding:52px 0 8px; border-top:1px dashed var(--line); position:relative; } .axw section.axw-seg:first-of-type{border-top:none;} .axw .axw-seg-tag{ font-family:var(--f-mono); font-size:12px; letter-spacing:.1em; color:var(--accent); margin:0 0 14px; display:block; } .axw h2{ font-family:var(--f-display); font-weight:600; font-size:clamp(22px,3.4vw,27px); line-height:1.3; letter-spacing:-.005em; color:var(--navy-deep); margin:0 0 20px; } .axw h3{ font-family:var(--f-body); font-weight:600; font-size:16.5px; color:var(--ink); margin:26px 0 10px; } .axw p{margin:0 0 18px;color:var(--ink-soft);} .axw p strong, .axw li strong{color:var(--ink);font-weight:600;} .axw ul{margin:0 0 18px;padding:0;list-style:none;} .axw ul li{ position:relative; padding-left:22px; margin-bottom:12px; color:var(--ink-soft); } .axw ul li::before{ content:""; position:absolute; left:0;top:9px; width:7px;height:1px; background:var(--accent); } /* step blocks (quy trình) */ .axw .axw-step{ display:grid; grid-template-columns:52px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); } .axw .axw-step:last-child{border-bottom:none;} .axw .axw-step-num{ font-family:var(--f-mono); font-size:13px; color:var(--accent); padding-top:2px; } .axw .axw-step p{margin:0;color:var(--ink-soft);} .axw .axw-step strong{color:var(--ink);} /* callout / conclusion arrow lines */ .axw .axw-callout{ background:var(--accent-tint); border-left:2px solid var(--accent); padding:16px 20px; margin:22px 0 26px; font-size:15.5px; color:var(--navy-deep); } .axw .axw-callout strong{color:var(--navy-deep);} /* table */ .axw .axw-table-wrap{overflow-x:auto;margin:8px 0 28px;} .axw table{ width:100%; border-collapse:collapse; font-size:14.5px; min-width:560px; } .axw thead th{ text-align:left; font-family:var(--f-mono); font-weight:500; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:var(--navy-deep); padding:12px 14px; } .axw tbody td{ padding:12px 14px; border-bottom:1px solid var(--line); color:var(--ink-soft); } .axw tbody tr:nth-child(odd){background:var(--panel);} .axw .axw-table-note{ font-size:13px; color:#9AA3AD; font-style:italic; margin-top:-14px; } /* checklist */ .axw .axw-checklist{list-style:none;margin:0 0 22px;padding:0;} .axw .axw-checklist li{ display:grid; grid-template-columns:22px 1fr; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); } .axw .axw-checklist li::before{content:none;} .axw .axw-checklist .axw-box{ width:16px;height:16px; border:1.5px solid var(--accent); margin-top:3px; } .axw .axw-checklist strong{color:var(--ink);} .axw .axw-checklist span{color:var(--ink-soft);} /* FAQ accordion (native, no JS) */ .axw details.axw-faq{ border-bottom:1px solid var(--line); padding:16px 0; } .axw details.axw-faq summary{ font-family:var(--f-body); font-weight:600; color:var(--ink); cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; } .axw details.axw-faq summary::-webkit-details-marker{display:none;} .axw details.axw-faq summary::after{ content:"+"; font-family:var(--f-mono); color:var(--accent); font-size:20px; flex-shrink:0; transition:transform .2s ease; } .axw details.axw-faq[open] summary::after{content:"–";} .axw details.axw-faq p{margin:12px 0 0;padding-right:32px;} /* final CTA band */ .axw .axw-cta{ margin-top:56px; background:var(--navy-deep); color:#fff; padding:40px 32px; border-radius:2px; } .axw .axw-cta .axw-eyebrow{color:#FFB088;} .axw .axw-cta .axw-eyebrow::before{background:#FFB088;} .axw .axw-cta h3{ font-family:var(--f-display); color:#fff; font-size:22px; margin:14px 0 10px; } .axw .axw-cta p{color:#C7CDD4;margin:0;font-size:15.5px;} @media (max-width:600px){ .axw{font-size:16px;padding:0 18px 72px;} .axw .axw-hero{padding:40px 0 28px;} .axw .axw-meta{grid-template-columns:1fr;} .axw .axw-meta div{border-left:none;border-top:1px dashed var(--line);padding:12px 0 12px;} .axw .axw-meta div:first-child{border-top:none;} .axw .axw-toc ol{grid-template-columns:1fr;} .axw section.axw-seg{padding:38px 0 4px;} } @media (prefers-reduced-motion:reduce){ .axw *{transition:none !important;} }/* End custom CSS */