/* === SAPPE IR Page — Global Styles (all tabs, TH+EN) === */

/* ── Shared grid layout: EN + TH all tabs ── */
.fs-en-safe-wrapper,.fs-en-safe-wrapper *,
.mda-en-safe-wrapper,.mda-en-safe-wrapper *,
.analyst-en-safe-wrapper,.analyst-en-safe-wrapper *,
.thai-fs-safe-wrapper,.thai-fs-safe-wrapper *,
.thai-mda-safe-wrapper,.thai-mda-safe-wrapper *,
.thai-analyst-safe-wrapper,.thai-analyst-safe-wrapper *{box-sizing:border-box}

.fs-en-safe-wrapper,
.mda-en-safe-wrapper,
.analyst-en-safe-wrapper,
.thai-fs-safe-wrapper,
.thai-mda-safe-wrapper,
.thai-analyst-safe-wrapper{width:100%;max-width:100%;background:#fff;padding:20px 0;overflow:hidden}

.fs-en-safe-year-section,
.mda-en-safe-year-section,
.analyst-en-safe-year-section,
.thai-fs-safe-year-section,
.thai-mda-safe-year-section,
.thai-analyst-safe-year-section{width:100%;max-width:100%;margin-bottom:45px}

.fs-en-safe-year-title,
.mda-en-safe-year-title,
.analyst-en-safe-year-title,
.thai-fs-safe-year-title,
.thai-mda-safe-year-title,
.thai-analyst-safe-year-title{width:100%;background:#ed1c24;color:#fff;text-align:center;font-size:24px;font-weight:700;padding:14px 10px;margin:0 0 35px;line-height:1.4}

.fs-en-safe-grid,
.mda-en-safe-grid,
.analyst-en-safe-grid,
.thai-fs-safe-grid,
.thai-mda-safe-grid,
.thai-analyst-safe-grid{width:100%;max-width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px;text-align:center;padding:0 20px}

.fs-en-safe-item,
.mda-en-safe-item,
.analyst-en-safe-item,
.thai-fs-safe-item,
.thai-mda-safe-item,
.thai-analyst-safe-item{text-align:center;min-width:0}

.fs-en-safe-item h4,
.mda-en-safe-item h4,
.analyst-en-safe-item h4,
.thai-fs-safe-item h4,
.thai-mda-safe-item h4,
.thai-analyst-safe-item h4{font-size:18px;font-weight:700;color:#000;line-height:1.45;margin:0 0 18px;word-break:break-word}

.fs-en-safe-item a,
.mda-en-safe-item a,
.analyst-en-safe-item a,
.thai-fs-safe-item a,
.thai-mda-safe-item a,
.thai-analyst-safe-item a{display:inline-block!important;color:#ed1c24!important;font-size:22px!important;font-weight:700;text-decoration:none!important;line-height:1.2}

.fs-en-safe-icon,
.mda-en-safe-icon,
.analyst-en-safe-icon,
.thai-fs-safe-icon,
.thai-mda-safe-icon,
.thai-analyst-safe-icon{display:block!important;font-size:34px!important;color:#ed1c24!important;line-height:1;margin-top:8px}

@media(max-width:768px){
  .fs-en-safe-grid,.mda-en-safe-grid,.analyst-en-safe-grid,.thai-fs-safe-grid,.thai-mda-safe-grid,.thai-analyst-safe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px;padding:0 15px}
  .fs-en-safe-year-title,.mda-en-safe-year-title,.analyst-en-safe-year-title,.thai-fs-safe-year-title,.thai-mda-safe-year-title,.thai-analyst-safe-year-title{font-size:22px}
  .fs-en-safe-item h4,.mda-en-safe-item h4,.analyst-en-safe-item h4,.thai-fs-safe-item h4,.thai-mda-safe-item h4,.thai-analyst-safe-item h4{font-size:16px}
  .fs-en-safe-item a,.mda-en-safe-item a,.analyst-en-safe-item a,.thai-fs-safe-item a,.thai-mda-safe-item a,.thai-analyst-safe-item a{font-size:20px!important}
}
@media(max-width:480px){
  .fs-en-safe-grid,.mda-en-safe-grid,.analyst-en-safe-grid,.thai-fs-safe-grid,.thai-mda-safe-grid,.thai-analyst-safe-grid{grid-template-columns:1fr!important}
}

/* ── Opportunity Day ── */
.oppday-responsive-wrapper,.oppday-responsive-wrapper *{box-sizing:border-box}
.oppday-responsive-wrapper{width:100%;max-width:100%;background:#fff;padding:20px 0;overflow:hidden}
.oppday-responsive-main-title{background:#ed1c24;color:#fff;text-align:center;font-size:28px;font-weight:700;padding:14px 10px;margin:0 0 30px}
.oppday-responsive-year-section{width:100%;max-width:100%;margin-bottom:50px}
.oppday-responsive-year-title{width:100%;background:#f3f3f3;color:#6ec1e4;text-align:center;font-size:30px;font-weight:700;padding:10px;margin:0 0 25px}
.oppday-responsive-list{width:100%;display:flex;flex-direction:column;gap:34px}
.oppday-responsive-item{width:100%;max-width:100%;display:grid;grid-template-columns:34% minmax(0,66%);gap:24px;align-items:start;padding:0 20px}
.oppday-responsive-name{margin:0;font-size:20px;font-weight:700;color:#222;line-height:1.5;word-break:break-word}
.oppday-responsive-video{width:100%;max-width:100%;min-width:0}
.oppday-responsive-frame{position:relative;width:100%;max-width:100%;height:0!important;padding-bottom:56.25%!important;background:#000;overflow:hidden;border-radius:4px}
.oppday-responsive-frame iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:100%!important;border:0!important;display:block!important}

@media(max-width:1024px){
  .oppday-responsive-item{grid-template-columns:1fr;gap:14px;padding:0 15px}
  .oppday-responsive-main-title{font-size:24px}
  .oppday-responsive-year-title{font-size:26px}
  .oppday-responsive-name{font-size:18px}
}
@media(max-width:480px){
  .oppday-responsive-wrapper{padding:15px 0}
  .oppday-responsive-item{padding:0 10px}
  .oppday-responsive-main-title{font-size:22px}
  .oppday-responsive-year-title{font-size:24px}
  .oppday-responsive-name{font-size:16px}
}