.ap{max-width:1100px;margin:0 auto;padding:8px 20px 64px;color:#edf2f8;line-height:1.7}
.ap-hero{padding:28px 0 8px}
.ap-hero .eyb{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:#8bd7ff}
.ap h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin:.35em 0 .4em}
.ap-lead{max-width:72ch;color:#c5d0da}
.ap-jump{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.ap-jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;background:#1b2c43;border:1px solid #465b77;color:#edf2f8;text-decoration:none;font-weight:700}
.ap-jump a:hover{border-color:#41e3aa;color:#41e3aa}
.ap-note,.ap-stage .ap-intro{max-width:78ch}
.ap-stage{margin:36px 0;padding:24px;background:#101b2d;border:1px solid #33465e;border-radius:18px}
.ap-stage h2{margin-top:0;font-size:1.45rem}
.ap-kicker{color:#ffd28b;font-size:.9rem;font-weight:700}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:16px 0 8px}
.ap-card{display:flex;flex-direction:column;text-align:left;background:#0d1620;border:1px solid #33465e;border-radius:12px;color:inherit;padding:0;cursor:pointer;overflow:hidden;min-height:44px;font:inherit}
.ap-card:hover{border-color:#41e3aa}
.ap-card:focus-visible{outline:3px solid #41e3aa;outline-offset:2px}
.ap-thumb{position:relative;display:block;aspect-ratio:16/9;background:#07090c}
.ap-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ap-play{position:absolute;inset:auto auto 10px 10px;width:40px;height:40px;border-radius:999px;background:#04120ccc;color:#fff;display:flex;align-items:center;justify-content:center}
.ap-num{position:absolute;top:10px;left:10px;background:#04120ccc;color:#fff;border-radius:8px;padding:2px 8px;font-size:.8rem;font-weight:800}
.ap-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.ap-title{font-weight:800;line-height:1.35}
.ap-meta{color:#93a8b6;font-size:.86rem}
.ap-learn{color:#d5dee6;font-size:.92rem}
.ap-next,.ap-cta{background:#263143;border-left:4px solid #e8b768;padding:14px 16px;margin:14px 0 0;border-radius:0 12px 12px 0}
.ap-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.ap-cta-row .b,.tcp-loyal-cta .b,.ap a.b{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:10px;background:#1b2c43;color:#edf2f8;border:1px solid #465b77;text-decoration:none;font-weight:800}
.ap-cta-row .b.p,.tcp-loyal-cta .b.p,.ap a.b.p{background:#41e3aa;color:#062016;border-color:#41e3aa}
.tcp-loyal{max-width:1100px;margin:28px auto;padding:24px;color:#edf2f8;background:#101b2d;border:1px solid #33465e;border-radius:18px;line-height:1.75}
.tcp-loyal h2{margin-top:.2em}
.tcp-loyal-ad{color:#ffd28b;font-size:.9rem;font-weight:700}
.tcp-loyal ol{padding-left:1.2em}
.tcp-loyal a{color:#8bd7ff}
.academy .tcp-loyal{margin:8px auto 28px}
@media(max-width:720px){
  .ap-stage{padding:16px}
  .ap-grid{grid-template-columns:1fr}
}