/* ── Article v2 — classic reading layout (scoped .avp) ── */
.avp-page{background:#fff}
.avp-head{max-width:1240px;margin:0 auto;padding:44px 20px 4px}
.avp-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;font-size:12px;font-weight:700;color:#8291ab;letter-spacing:.5px;text-transform:uppercase}
.avp-crumb a{color:#8291ab} .avp-crumb a:hover{color:#1A3A6E}
.avp-crumb span{color:#c9d3e2}
.avp-badge{display:inline-flex;align-items:center;gap:7px;color:#10233d;background:#F5A623;padding:6px 13px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:16px}
.avp-head h1{margin:0 0 18px;color:#1A3A6E;font-family:'Playfair Display',serif;font-size:46px;line-height:1.12;font-weight:700}
.avp-meta{display:flex;flex-wrap:wrap;gap:22px;color:#5A6B85;font-size:14.5px;font-weight:600;padding-bottom:8px}
.avp-meta span{display:inline-flex;align-items:center;gap:7px}
.avp-meta i{color:#F5A623}
.avp-figure{max-width:1240px;margin:24px auto 0;padding:0 20px}
.avp-figure img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 14px 34px rgba(26,58,110,.14)}
.avp-body{max-width:1140px;margin:0 auto;padding:44px 20px 16px}
.avp-body p{margin:0 0 20px;color:#3d4a63;font-size:17px;line-height:1.9}
.avp-body h2{margin:48px 0 20px;color:#1A3A6E;font-family:'Playfair Display',serif;font-size:34px;line-height:1.25;font-weight:700}
.avp-body h2:first-child{margin-top:8px}
.avp-body h3{margin:34px 0 16px;color:#172743;font-size:24px;font-weight:700}
.avp-body ul,.avp-body ol{margin:0 0 22px;padding-left:26px;color:#3d4a63;font-size:17px;line-height:1.9}
.avp-body li{margin-bottom:10px}
.avp-body li::marker{color:#F5A623;font-weight:800}
.avp-body a{color:#1E90FF;font-weight:600;text-decoration:underline;text-decoration-color:rgba(30,144,255,.35);text-underline-offset:3px}
.avp-body a:hover{color:#1A3A6E}
.avp-body strong{color:#172743}
.avp-body blockquote{margin:28px 0;padding:22px 26px;background:#F4F8FC;border-left:4px solid #F5A623;border-radius:0 12px 12px 0;color:#172743;font-size:18px;font-style:italic}
.avp-body img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 26px rgba(26,58,110,.14);margin:12px 0}
.avp-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15.5px}
.avp-body th,.avp-body td{border:1px solid #E1E8F0;padding:11px 13px;text-align:left;color:#3d4a63}
.avp-body th{background:#F4F8FC;color:#1A3A6E;font-weight:700}
.avp-body hr{border:0;border-top:1px solid #E1E8F0;margin:32px 0}
.avp-related{background:#F4F8FC;margin-top:56px;padding:56px 20px 30px}
.avp-related-inner{max-width:1240px;margin:0 auto}
.avp-related h2{margin:0 0 6px;color:#1A3A6E;font-family:'Playfair Display',serif;font-size:32px;text-align:center}
.avp-related .sub{margin:0 0 30px;text-align:center;color:#5A6B85;font-size:14px}
.avp-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.avp-rel-card{display:block;background:#fff;border:1px solid #E1E8F0;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(26,58,110,.08);transition:all .24s ease;text-decoration:none}
.avp-rel-card:hover{transform:translateY(-4px);border-color:rgba(30,144,255,.48);box-shadow:0 18px 40px rgba(26,58,110,.18)}
.avp-rel-img{position:relative;aspect-ratio:16/10;background:#dfe8f2;overflow:hidden}
.avp-rel-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.avp-rel-card:hover .avp-rel-img img{transform:scale(1.06)}
.avp-rel-img span{position:absolute;left:12px;top:12px;background:#F5A623;color:#10233d;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}
.avp-rel-body{padding:16px 18px}
.avp-rel-body h3{margin:0 0 10px;color:#172743;font-size:16.5px;line-height:1.4;font-weight:700;min-height:46px}
.avp-rel-meta{display:flex;align-items:center;justify-content:space-between;color:#1E90FF;font-size:13px;font-weight:800}
.avp-rel-meta small{color:#5A6B85;font-weight:600}
@media(max-width:1200px){
  .avp-body{max-width:100%;padding:40px 28px 16px}
}
@media(max-width:992px){
  .avp-head h1{font-size:34px}
  .avp-body h2{font-size:28px}
  .avp-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .avp-head{padding:24px 16px 2px}
  .avp-head h1{font-size:25px;line-height:1.2}
  .avp-crumb{font-size:11px;margin-bottom:14px}
  .avp-badge{font-size:11px;padding:5px 11px}
  .avp-meta{gap:10px;font-size:12px;row-gap:6px}
  .avp-figure{padding:0 16px;margin-top:18px}
  .avp-figure img{border-radius:10px}
  .avp-body{padding:26px 16px 10px}
  .avp-body p,.avp-body ul,.avp-body ol{font-size:15px;line-height:1.8}
  .avp-body h2{font-size:22px;margin:32px 0 14px}
  .avp-body h3{font-size:18.5px;margin:26px 0 12px}
  .avp-body table{font-size:13px;display:block;overflow-x:auto}
  .avp-body img{border-radius:8px}
  .avp-related{margin-top:40px;padding:40px 16px 24px}
  .avp-related h2{font-size:26px}
  .avp-rel-grid{grid-template-columns:1fr}
  .avp-rel-body h3{min-height:0}
}