.page-da-ga { color: #333333; background: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; line-height: 1.7; }
.page-da-ga__article-wrap { max-width: 1150px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; }
.page-da-ga__top-section { padding-top: 10px; padding-bottom: 24px; background: linear-gradient(180deg, #EAF6FC 0%, #FFFFFF 100%); }
.page-da-ga__main-title { font-weight: 800; line-height: 1.3; letter-spacing: -0.2px; color: #0F3A4D; max-width: 900px; margin: 0 0 14px; }
.page-da-ga__intro-text { font-size: 1.05rem; color: #2C4A57; margin: 0 0 20px; max-width: 860px; }
.page-da-ga__top-cta { display: flex; gap: 12px; justify-content: flex-start; flex-wrap: wrap; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.page-da-ga__btn { display: inline-block; text-align: center; text-decoration: none; font-weight: 700; padding: 13px 24px; border-radius: 8px; border: 2px solid transparent; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; }
.page-da-ga__btn-primary { background: #26A9E0; color: #FFFFFF; border-color: #26A9E0; }
.page-da-ga__btn-primary:hover { background: #1B8CB8; border-color: #1B8CB8; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(38,169,224,.32); }
.page-da-ga__btn-secondary { background: #EA7C07; color: #FFFFFF; border-color: #EA7C07; }
.page-da-ga__btn-secondary:hover { background: #C96A05; border-color: #C96A05; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(234,124,7,.30); }
.page-da-ga__btn-cta { background: #FFFFFF; color: #26A9E0; border-color: #26A9E0; }
.page-da-ga__btn-cta:hover { background: #EAF6FC; }
.page-da-ga__btn-outline { background: #FFFFFF; color: #0F3A4D; border-color: #B9DCEB; }
.page-da-ga__btn-outline:hover { background: #F2FAFD; border-color: #26A9E0; }
.page-da-ga__section { padding: 26px 0 8px; border-bottom: 1px solid #E6F1F6; }
.page-da-ga__section:last-child { border-bottom: none; }
.page-da-ga__section-title { font-weight: 800; line-height: 1.35; color: #0F3A4D; margin: 0 0 16px; padding-left: 14px; border-left: 5px solid #26A9E0; }
.page-da-ga__sub-title { font-weight: 700; color: #14506A; margin: 20px 0 8px; }
.page-da-ga p { color: #333333; margin: 0 0 14px; }
.page-da-ga strong { color: #0F3A4D; }
.page-da-ga a { color: #1B8CB8; text-decoration: underline; }
.page-da-ga a:hover { color: #EA7C07; }
.page-da-ga__list { margin: 0 0 16px; padding-left: 22px; }
.page-da-ga__list li { margin-bottom: 10px; color: #333333; }
.page-da-ga__figure { margin: 20px 0; padding: 0; width: 100%; max-width: 100%; overflow: hidden; box-sizing: border-box; }
.page-da-ga__figure img { width: 100%; max-width: 100%; height: auto; display: block; border-radius: 10px; box-shadow: 0 4px 16px rgba(15,58,77,.12); }
.page-da-ga__figcaption { margin-top: 10px; font-size: .92rem; color: #4B6B78; font-style: italic; }
.page-da-ga__info-card { background: #F5FBFE; border: 1px solid #CDE9F4; border-radius: 10px; padding: 18px 20px; margin-bottom: 14px; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.page-da-ga__card-title { font-weight: 700; color: #0F3A4D; margin: 0 0 8px; }
.page-da-ga__promo-box { background: linear-gradient(135deg, #26A9E0 0%, #1B8CB8 100%); border-radius: 14px; padding: 26px 24px; margin: 24px 0; color: #FFFFFF; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.page-da-ga__promo-title { font-weight: 800; color: #FFFFFF; margin: 0 0 10px; }
.page-da-ga__promo-box p { color: #F0FAFF; margin: 0 0 18px; }
.page-da-ga__promo-box a { color: #FFFFFF; }
.page-da-ga__cta-buttons { display: flex; gap: 12px; flex-wrap: wrap; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.page-da-ga__promo-box .page-da-ga__btn-cta, .page-da-ga__promo-box .page-da-ga__btn-outline { background: #FFFFFF; color: #0F3A4D; border-color: #FFFFFF; }
.page-da-ga__promo-box .page-da-ga__btn-secondary { background: #EA7C07; color: #FFFFFF; border-color: #EA7C07; }
.page-da-ga__faq-item { background: #F8FCFE; border: 1px solid #D5EAF4; border-radius: 10px; margin-bottom: 12px; padding: 4px 18px; width: 100%; max-width: 100%; box-sizing: border-box; }
.page-da-ga__faq-question { display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; font-weight: 700; color: #0F3A4D; padding: 14px 0; list-style: none; }
.page-da-ga__faq-question::-webkit-details-marker { display: none; }
.page-da-ga__faq-qtext { flex: 1 1 auto; }
.page-da-ga__faq-toggle { flex: 0 0 auto; color: #26A9E0; font-weight: 800; }
.page-da-ga__faq-answer { padding: 0 0 16px; color: #333333; }
.page-da-ga__faq-answer p { margin: 0; }
.page-da-ga__warning-card { background: #FFF7EC; border: 1px solid #F3D9B5; border-left: 5px solid #EA7C07; border-radius: 10px; padding: 20px 22px; margin: 10px 0 30px; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.page-da-ga__warning-title { font-weight: 800; color: #8A4A00; margin: 0 0 10px; }
.page-da-ga__warning-card p { color: #4A3520; margin: 0; }
@media (max-width: 1024px) {
  .page-da-ga__article-wrap { padding: 0 18px; }
  .page-da-ga__main-title { margin-bottom: 12px; }
  .page-da-ga__top-cta { justify-content: center; }
  .page-da-ga__section { padding-top: 22px; }
}
@media (max-width: 768px) {
  .page-da-ga { font-size: 16px; line-height: 1.6; max-width: 100%; overflow-x: hidden; }
  .page-da-ga__article-wrap { padding-left: 15px !important; padding-right: 15px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__top-section { padding-top: 10px !important; padding-bottom: 18px !important; }
  .page-da-ga__main-title { max-width: 100% !important; margin: 0 0 12px !important; }
  .page-da-ga__intro-text { font-size: 1rem !important; margin-bottom: 16px !important; }
  .page-da-ga__top-cta { flex-direction: column !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; gap: 10px !important; padding-left: 0 !important; padding-right: 0 !important; }
  .page-da-ga img { max-width: 100% !important; width: 100% !important; height: auto !important; }
  .page-da-ga__figure { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__section { padding-top: 20px !important; padding-bottom: 6px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__info-card { padding: 16px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__warning-card { padding: 16px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__promo-box { padding: 20px 16px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__btn, .page-da-ga__btn-primary, .page-da-ga__btn-secondary, .page-da-ga__btn-cta, .page-da-ga__btn-outline, .page-da-ga a[class*="btn"] { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; white-space: normal !important; word-wrap: break-word !important; padding-left: 15px !important; padding-right: 15px !important; }
  .page-da-ga__cta-buttons { flex-direction: column !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; gap: 10px !important; }
  .page-da-ga__section-title { padding-left: 12px !important; }
  .page-da-ga__faq-item { padding: 4px 14px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  .page-da-ga__faq-question { padding: 14px 0 !important; font-size: 1rem !important; }
  .page-da-ga__faq-answer { padding-bottom: 14px !important; }
  .page-da-ga__list { padding-left: 18px !important; }
}