/* ===================================================================
   page-article.css — Article detail pages (NewsDetail, EventsDetail, Article)
   =================================================================== */
.article-design-page { background: #fff; }
.article-design-hero { position: relative; min-height: 49.8084vh; padding-top: 16.092vh; color: #fff; background: url('/img/news_conbg.jpg') center top/cover no-repeat; }
.article-crumbs { position: absolute; left: 50%; bottom: calc(7.3563vh + 2.2989vh); z-index: 3; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; color: #cbdad7; font-size: var(--fs-22); }
.article-crumbs a { display: inline-flex; align-items: center; gap: 0.3906vw; }
.article-crumbs img { width: 0.7031vw; height: 1.0728vh; object-fit: contain; flex: 0 0 auto; }
.article-design-card { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 50.7031vw) 14.8438vw; gap: 3.125vw; align-items: start; width: 68.3594vw; box-sizing: border-box; margin-top: -7.3563vh; margin-bottom: 13.8889vh; padding: 6.8966vh 2.3438vw 8.8123vh; border-radius: 1.5625vw 1.5625vw 0 0; background: #fff; box-shadow: 0 0.7663vh 2.2989vh rgba(12, 42, 76, .06); }
.article-design-head { text-align: center; }
.article-design-head h1 { max-width: 39.0625vw; margin: 0 auto; color: #151c25; font-size: var(--fs-44); line-height: 1.35; }
.article-design-head p { margin: 2.1456vh 0 1.7188vw; color: #838b95; font-size: var(--fs-18); }
.article-lead,
.article-design-content p { margin: 0 0 2.1456vh; color: #333d48; font-size: var(--fs-22); line-height: 2; text-indent: 2em; }
.article-lead span { color: var(--red); font-weight: 900; }
.article-design-cover { display: block; width: 39.4531vw; height: 33.1801vh; object-fit: cover; margin: 2.4521vh auto 3.4483vh; border-radius: 0.5208vw; }
.article-design-content img { max-width: 39.4531vw; height: auto; border-radius: 0.5208vw; }
.article-design-foot { margin-top: 7.5096vh; padding-top: 2.7778vh; border-top: 0.0521vw solid #e4e8ee; }
.article-design-foot p,
.article-design-foot a { display: block; margin: 0 0 2.1456vh; color: #6b7480; font-size: var(--fs-14); }
.article-design-side { padding-top: 0; }
.article-design-side section { margin-bottom: 4.5977vh; }
.article-design-side h2 { margin: 0 0 2.2989vh; padding-bottom: 1.3793vh; border-bottom: 0.0521vw solid #e7e7e7; color: #59616b; font-size: var(--fs-24); font-weight: 500; }
.article-design-side ul { margin: 0; padding-left: 0.7813vw; color: #333d48; }
.article-design-side li { margin-bottom: 1.6092vh; font-size: var(--fs-18); line-height: 1.55; }
.side-news { display: grid; grid-template-columns: 8.3203vw 1fr; gap: 0.7813vw; align-items: center; margin-bottom: 1.6092vh; }
.side-news img { width: 8.3203vw; height: 11.2644vh; object-fit: cover; }
.side-news span { color: #333d48; font-size: var(--fs-18); line-height: 1.6; }