.page-ban-ca{color:#333;background-color:#ffffff}.page-ban-ca__hero-section{padding:10px 12px 0;width:100%;box-sizing:border-box}.page-ban-ca__hero-img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px}.page-ban-ca__hero-content{margin:16px auto 0;max-width:900px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.page-ban-ca__hero-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;letter-spacing:.5px;margin:0;color:#f3f8ff;background:#10233f;padding:12px 18px;border-radius:8px;max-width:90%}.page-ban-ca__hero-desc{font-size:1rem;max-width:70ch;line-height:1.6;color:#afc4e8}.page-ban-ca__hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;box-sizing:border-box}.page-ban-ca__btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:opacity .2s,transform .2s;text-align:center}.page-ban-ca__btn:hover{opacity:.9}.page-ban-ca__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#f3f8ff;border:1px solid #244D84}.page-ban-ca__btn--gold{background:#F2C14E;color:#08162b;border:1px solid #F2C14E}.page-ban-ca__btn--gold:hover{color:#08162b}.page-ban-ca__btn:active{transform:translateY(1px)}.page-ban-ca__section-title{text-align:center;color:#113B7A;font-weight:800;font-size:1.4rem;margin-top:32px}.page-ban-ca__logo-section{max-width:1200px;margin:0 auto;padding:16px}.page-ban-ca__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;justify-items:center;align-items:start}.page-ban-ca__logo-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);box-sizing:border-box}.page-ban-ca__logo-img{width:100%;aspect-ratio:2/1;object-fit:contain;object-position:center;display:block;background:#f8fafc;border-radius:6px}.page-ban-ca__logo-item figcaption{font-size:1rem;font-weight:600;color:#113B7A;margin:0}.page-ban-ca__logo-cta{margin-top:4px;width:100%;text-align:center;padding:8px 16px;border-radius:6px;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#f3f8ff;font-weight:700;text-decoration:none;border:none;font-size:.9rem}.page-ban-ca__logo-cta:hover,.page-ban-ca__logo-cta:focus{background:#11296e;color:#fff}.page-ban-ca__logo-item:nth-child(5){grid-column:2}.page-ban-ca__logo-item:nth-child(6){grid-column:3}.page-ban-ca__guide-section{padding:48px 12px;background:#f8fafc}.page-ban-ca__guide-inner{max-width:900px;margin:0 auto;padding:0}.page-ban-ca__guide-title{text-align:center;color:#113B7A;font-size:1.8rem;margin-bottom:24px} .page-ban-ca__guide-post{display:flex;flex-direction:column;gap:24px; margin-bottom:24px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.page-ban-ca__guide-figure{margin:0}.page-ban-ca__guide-figure img{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block}.page-ban-ca__guide-content .page-ban-ca__guide-subtitle{font-weight:700;font-size:1.3rem;color:#113B7A;margin:0}.page-ban-ca__guide-content .page-ban-ca__guide-text{line-height:1.7;color:#475569;margin:1rem 0}.page-ban-ca__text-link{text-decoration:none;color:#1D5FD1}.page-ban-ca__text-link:hover{text-decoration:none;text-decoration:underline}.page-ban-ca__guide-content p:first-of-type{margin-top:0} .page-ban-ca__faq-item{ background:#edf2f7; border:1px solid #e2e8f0; border-radius:8px; margin:16px 0; padding:0 12px} .page-ban-ca__faq-item summary{ cursor:pointer; list-style:none; font-weight:600; color:#113B7A; padding:8px 0; display:flex; align-items:center; justify-content:space-between; gap:8px} .page-ban-ca__faq-item summary::-webkit-details-marker{ display:none} .page-ban-ca__faq-icon{ display:inline-block; color:#afc4e8; width:20px; height:20px; text-align:center; line-height:20px; background:#10233f; border-radius:50%; font-weight:bold} .page-ban-ca__faq-answer{padding-bottom:8px; color:#475569}.page-ban-ca__game-iframe{position:relative}.page-ban-ca__game-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} @media (max-width:768px){ .page-ban-ca__hero-image{aspect-ratio:16/9; width:100%; height:auto}.page-ban-ca__hero-title{font-size:1.3rem;padding-top:8px;padding-bottom:8px}.page-ban-ca__logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-ban-ca__logo-item{font-size:small}.page-ban-ca__logo-cta{width:100%;padding:8px}.page-ban-ca__logo-item:nth-child(n){grid-column:auto}.page-ban-ca__guide-section{padding:16px 8px}.page-ban-ca__guide-title{font-size:1.3rem}.page-ban-ca__guide-figure img{max-width:100%!important;height:auto!important}.page-ban-ca__guide-content .btn-cta{padding:12px 16px}.page-ban-ca__hero-section{padding-top:4px}.page-ban-ca__hero-actions .page-ban-ca__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;flex:1 1 100%}.page-ban-ca img{max-width:100%!important;height:auto!important}.page-ban-ca{max-width:100%;overflow-x:hidden}}.page-ban-ca__title-mobile{padding-top:0} @media (max-width:1024px){ .page-ban-ca__logo-grid{grid-template-columns:repeat(3,1fr); grid-auto-rows:auto}.page-ban-ca__logo-item:nth-child(n){grid-column:auto}.page-ban-ca__logo-item figcaption{font-size:.9rem}.page-ban-ca__guide-post{flex-direction:column}.page-ban-ca__guide-figure img{width:100%!important;max-width:800px!important}.page-ban-ca section, .page-ban-ca div, .page-ban-ca article{box-sizing:border-box}.page-ban-ca__btn--gold{font-weight:600}.page-ban-ca__hero-title{font-size:clamp(1.8rem,%s, 2.6rem)} .page-ban-ca__game-iframe iframe{ position:absolute; top:auto; /* Reset absolute on mobile */ left:auto; width:100%; height:500px; /* Fallback */ position:static; top:0; left:0; width:100%; height:600px}
}
 /* Additional responsive tweaks for better stacking */
 @media (max-width:480px){ .page-ban-ca__hero-title { font-size: 1.2rem; } .page-ban-ca__guide-post { padding:10px; } .page-ban-ca__faq-item summary { gap:4px; }}