/* ===== Base & Container ===== */
.page-blog-fb55-the-thao-doc-keo{color:#333333;background:#FFFFFF;font-family:Arial,Helvetica,sans-serif;line-height:1.7;-webkit-text-size-adjust:100%}
.page-blog-fb55-the-thao-doc-keo .page-blog-fb55-the-thao-doc-keo__container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px;box-sizing:border-box}

/* ===== Intro Section ===== */
.page-blog-fb55-the-thao-doc-keo__intro-section{background:#FFFFFF;padding-top:0;margin-top:0;padding-bottom:8px}
.page-blog-fb55-the-thao-doc-keo__page-title{color:#26A9E0;font-weight:700;line-height:1.3;letter-spacing:-0.01em;text-align:center;margin:16px 0 14px}
.page-blog-fb55-the-thao-doc-keo__intro-lead{color:#333333;font-size:1.05rem;line-height:1.7;text-align:center;max-width:860px;margin:0 auto 22px}
.page-blog-fb55-the-thao-doc-keo__intro-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;margin-bottom:12px}

/* ===== Buttons ===== */
.page-blog-fb55-the-thao-doc-keo__btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:700;font-size:0.98rem;text-decoration:none;text-align:center;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;line-height:1.3}
.page-blog-fb55-the-thao-doc-keo__btn--primary{background:#EA7C07;color:#FFFFFF;border:2px solid #EA7C07}
.page-blog-fb55-the-thao-doc-keo__btn--primary:hover{background:#c96805;border-color:#c96805;color:#FFFFFF}
.page-blog-fb55-the-thao-doc-keo__btn--secondary{background:#26A9E0;color:#FFFFFF;border:2px solid #26A9E0}
.page-blog-fb55-the-thao-doc-keo__btn--secondary:hover{background:#1c8ab8;border-color:#1c8ab8;color:#FFFFFF}
.page-blog-fb55-the-thao-doc-keo__btn--outline{background:#FFFFFF;color:#26A9E0;border:2px solid #26A9E0}
.page-blog-fb55-the-thao-doc-keo__btn--outline:hover{background:#26A9E0;color:#FFFFFF}

/* ===== Article Section ===== */
.page-blog-fb55-the-thao-doc-keo__article-section{padding:28px 0 40px;background:#FFFFFF}
.page-blog-fb55-the-thao-doc-keo__article-body{max-width:860px;margin:0 auto}
.page-blog-fb55-the-thao-doc-keo__h2{color:#26A9E0;font-size:1.45rem;line-height:1.35;font-weight:700;margin:34px 0 14px;letter-spacing:-0.01em}
.page-blog-fb55-the-thao-doc-keo__article-body h2:first-child{margin-top:0}
.page-blog-fb55-the-thao-doc-keo__h3{color:#1c8ab8;font-size:1.18rem;line-height:1.4;font-weight:700;margin:24px 0 10px}
.page-blog-fb55-the-thao-doc-keo__article-body p{color:#333333;font-size:1rem;line-height:1.75;margin:0 0 16px}
.page-blog-fb55-the-thao-doc-keo__article-body strong{color:#0f4c63}
.page-blog-fb55-the-thao-doc-keo__article-body a{color:#26A9E0;text-decoration:underline;font-weight:600}
.page-blog-fb55-the-thao-doc-keo__article-body a:hover{color:#EA7C07}

/* ===== CTA Box ===== */
.page-blog-fb55-the-thao-doc-keo__cta-box{background:#f2fafd;border:1px solid #d5eef7;border-left:4px solid #26A9E0;border-radius:12px;padding:24px 22px;margin:36px 0 8px;box-sizing:border-box}
.page-blog-fb55-the-thao-doc-keo__cta-box .page-blog-fb55-the-thao-doc-keo__h2{margin-top:0;font-size:1.3rem}
.page-blog-fb55-the-thao-doc-keo__cta-box p{color:#333333;margin-bottom:18px}
.page-blog-fb55-the-thao-doc-keo__cta-buttons{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;box-sizing:border-box}

/* ===== Related Section ===== */
.page-blog-fb55-the-thao-doc-keo__related-section{padding:20px 0 56px;background:#FFFFFF}
.page-blog-fb55-the-thao-doc-keo__related-section .page-blog-fb55-the-thao-doc-keo__h2{text-align:center;margin-top:0}
.page-blog-fb55-the-thao-doc-keo__related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;box-sizing:border-box}
.page-blog-fb55-the-thao-doc-keo__related-card{display:block;background:#FFFFFF;border:1px solid #d5eef7;border-radius:12px;padding:20px 18px;text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;box-sizing:border-box}
.page-blog-fb55-the-thao-doc-keo__related-card:hover{border-color:#26A9E0;box-shadow:0 8px 22px rgba(38,169,224,.14);transform:translateY(-2px)}
.page-blog-fb55-the-thao-doc-keo__related-title{color:#26A9E0;font-size:1.02rem;line-height:1.4;font-weight:700;margin:0 0 8px}
.page-blog-fb55-the-thao-doc-keo__related-desc{color:#333333;font-size:0.93rem;line-height:1.6;margin:0}

/* ===== Tablet ===== */
@media (max-width:1024px){
  .page-blog-fb55-the-thao-doc-keo__container{padding:0 14px}
  .page-blog-fb55-the-thao-doc-keo__h2{font-size:1.32rem}
  .page-blog-fb55-the-thao-doc-keo__related-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== Mobile ===== */
@media (max-width:768px){
  .page-blog-fb55-the-thao-doc-keo{overflow-x:hidden;max-width:100%}
  .page-blog-fb55-the-thao-doc-keo__container{padding:0 14px}
  .page-blog-fb55-the-thao-doc-keo__intro-section{padding-top:0;margin-top:0;padding-bottom:4px}
  .page-blog-fb55-the-thao-doc-keo__page-title{margin:12px 0 12px;line-height:1.3}
  .page-blog-fb55-the-thao-doc-keo__intro-lead{font-size:0.96rem;line-height:1.65;margin-bottom:18px}
  .page-blog-fb55-the-thao-doc-keo__intro-cta{flex-direction:column;align-items:stretch;gap:10px}
  .page-blog-fb55-the-thao-doc-keo__btn{width:100%;max-width:100%;padding:12px 16px;font-size:0.95rem;display:block}
  .page-blog-fb55-the-thao-doc-keo__article-section{padding:20px 0 28px}
  .page-blog-fb55-the-thao-doc-keo__h2{font-size:1.22rem;margin:26px 0 12px}
  .page-blog-fb55-the-thao-doc-keo__h3{font-size:1.06rem;margin:20px 0 8px}
  .page-blog-fb55-the-thao-doc-keo__article-body p{font-size:0.97rem;line-height:1.7}
  .page-blog-fb55-the-thao-doc-keo__cta-box{padding:20px 16px;margin:28px 0 4px}
  .page-blog-fb55-the-thao-doc-keo__cta-buttons{flex-direction:column;align-items:stretch}
  .page-blog-fb55-the-thao-doc-keo__related-grid{grid-template-columns:1fr;gap:14px}
  .page-blog-fb55-the-thao-doc-keo__related-section{padding:16px 0 40px}
  .page-blog-fb55-the-thao-doc-keo img{max-width:100%;height:auto}
}