.newsDetailPreview { color: #112f51; background: #fbfaf6; }
.newsDetailMain {
  overflow: clip;
  background:
    radial-gradient(circle at 8% 8%, rgba(107,193,223,.15), transparent 26rem),
    linear-gradient(180deg, #f7fbfc, #fff 24rem, #fbfaf6);
}
.newsDetailArticle { width: min(980px, calc(100% - 48px)); margin: 0 auto; padding: 58px 0 120px; }
.newsBreadcrumb { display: flex; align-items: center; gap: 10px; overflow: hidden; color: #62768e; font-size: 13px; white-space: nowrap; }
.newsBreadcrumb a { color: #0b438d; text-decoration: underline; text-underline-offset: 4px; }
.newsBreadcrumb > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.newsDetailHeader { padding: 52px 0 56px; border-bottom: 1px solid rgba(11,67,141,.18); }
.newsDetailHeader__category { display: inline-block; padding: 7px 15px; border-radius: 999px; color: #76550d; background: #f6e9bf; font-size: 13px; font-weight: 700; }
.newsDetailHeader h1 { margin-top: 22px; color: #0b438d; font-size: clamp(34px, 4.5vw, 52px); font-weight: 800; line-height: 1.4; letter-spacing: .04em; }
.newsDetailHeader__break { display: none; }
.newsDetailHeader p { max-width: 820px; margin-top: 24px; font-size: 18px; line-height: 1.9; }
.newsDetailBody .seatsSection:first-child { border-top: 0; }
.newsDetailBack { display: flex; align-items: center; justify-content: center; gap: 12px; width: min(320px,100%); min-height: 64px; margin: 64px auto 0; border: 1px solid rgba(11,67,141,.35); border-radius: 999px; color: #0b438d; background: #fff; font-size: 16px; font-weight: 800; transition: color .2s, background-color .2s; }
.newsDetailBack:hover { color: #fff; background: #0b438d; }
.newsDetailBack span { color: #d8a83e; font-size: 22px; }

@media (max-width: 767px) {
  .newsDetailArticle { width: min(100% - 36px, 560px); padding: 34px 0 82px; }
  .newsBreadcrumb { gap: 7px; font-size: 11px; }
  .newsDetailHeader { padding: 36px 0 42px; }
  .newsDetailHeader h1 { margin-top: 18px; font-size: 30px; }
  .newsDetailHeader__break { display: block; }
  .newsDetailHeader p { margin-top: 18px; font-size: 14px; line-height: 1.85; }
  .newsDetailBack { min-height: 58px; margin-top: 46px; font-size: 14px; }
}