/* News page presentation only. Filtering, search, article URLs and pagination remain in the template. */
body.news-page.csm-inner {
  background:radial-gradient(ellipse at 4% 38%,#e5dcec65,transparent 55%),linear-gradient(140deg,#f4f1f6,#eeebf2 62%,#f1edf5);
  color:#221b2b;
}
body.news-page.csm-inner .container {width:calc(100% - 80px); max-width:1280px}
body.news-page.csm-inner .csm-header:not(.is-scrolled):not(.is-open) {background:transparent; box-shadow:none}
body.news-page.csm-inner .news-hero.csm-inner-hero {
  display:flex; align-items:center; height:clamp(235px,27vw,440px);
  padding:116px 0 36px; isolation:isolate;
  background:#806c8e url('/assets/images/chaosumei/news-hero.webp') center center/cover no-repeat;
}
body.news-page.csm-inner .news-hero:before {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg,#38223e40,transparent 35%),linear-gradient(90deg,#4937524d,transparent 70%); pointer-events:none;
}
body.news-page.csm-inner .news-hero:after {display:none}
body.news-page.csm-inner .news-hero>.container {width:calc(100% - 112px); max-width:1240px}
body.news-page.csm-inner .news-hero h1 {
  margin:0 0 14px; color:#fff; font:400 clamp(38px,4vw,62px)/1.4 var(--csm-serif);
  letter-spacing:2px; text-shadow:0 2px 20px #30183d20;
}
body.news-page.csm-inner .news-hero-subtitle {margin:0; color:#f1e9f5; font:400 clamp(15px,1.7vw,24px)/1.8 var(--csm-serif); letter-spacing:.5px; animation:none}
body.news-page.csm-inner .csm-breadcrumb {margin-top:17px; color:#e1cfead1; font-size:11px; gap:9px}
body.news-page.csm-inner .csm-breadcrumb a,body.news-page.csm-inner .csm-breadcrumb [aria-current] {color:inherit}

/* Keep the existing filter/search controls as a compact, quiet toolbar. */
body.news-page.csm-inner .news-refine {margin:0 0 25px}
body.news-page.csm-inner .news-filter-bar {
  padding:10px 13px; gap:18px; border-color:#dbcee3;
  border-radius:12px; background:#fbf8fc9e; box-shadow:0 3px 12px #68477b07;
}
body.news-page.csm-inner .news-filter-tabs {flex:1; gap:4px}
body.news-page.csm-inner .news-filter-tab {padding:7px 14px; min-height:35px; font-size:13px}
body.news-page.csm-inner .news-filter-tab.active {background:linear-gradient(180deg,#b77dca,#8b469e); box-shadow:0 2px 8px #78459220}
body.news-page.csm-inner .news-search {min-width:225px; padding-top:0; padding-bottom:0; background:#faf6fc; border-color:#d8c8e1}
body.news-page.csm-inner .news-search input {font-size:12px}

body.news-page.csm-inner .news-hot-section {padding:31px 0 0}
body.news-page.csm-inner .news-featured-section {padding:55px 0 58px}
body.news-page.csm-inner .news-section-title {
  display:flex; align-items:center; gap:13px; margin:0 0 23px;
  font:600 clamp(28px,2.6vw,38px)/1.45 var(--csm-serif); color:#181321;
}
body.news-page.csm-inner .news-title-icon {display:flex; align-items:center; justify-content:center; width:66px; height:66px; color:#983aad; border:0; background:none; padding:0}
body.news-page.csm-inner .news-title-icon svg,body.news-page.csm-inner .news-title-icon img {display:block; width:66px; height:66px; object-fit:contain; filter:drop-shadow(0 2px 1px #77358c17)}

/* One large editorial card beside three horizontal cards. */
body.news-page.csm-inner .news-hot-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:22px}
body.news-page.csm-inner .news-hot-main,body.news-page.csm-inner .news-hot-side {min-width:0}
body.news-page.csm-inner .news-hot-card,body.news-page.csm-inner .news-side-item,body.news-page.csm-inner .news-featured-card {
  border:1px solid #cdb8dc; border-radius:17px; background:linear-gradient(120deg,#faf8fbcc,#f0eaf4d9);
  box-shadow:0 3px 5px #6f4c8118,inset 0 0 0 2px #ffffff75;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
body.news-page.csm-inner .news-hot-card:hover,body.news-page.csm-inner .news-side-item:hover,body.news-page.csm-inner .news-featured-card:hover {
  border-color:#b58bc9; box-shadow:0 9px 21px #70458320; transform:translateY(-3px);
}
body.news-page.csm-inner .news-hot-card {padding:5px; height:100%}
body.news-page.csm-inner .news-hot-img {aspect-ratio:1.26; flex:none; border-radius:12px; background:#e4d8ed}
body.news-page.csm-inner .news-hot-img img {object-fit:cover}
body.news-page.csm-inner .news-badge-featured {
  top:19px; left:19px; padding:5px 17px; border:1px solid #ffffff50; border-radius:20px;
  background:linear-gradient(180deg,#b683c8,#842995); color:#fff; font:400 14px/1.4 var(--csm-sans);
  box-shadow:0 3px 8px #5a236b35;
}
body.news-page.csm-inner .news-hot-content {padding:24px 24px 16px; gap:0}
body.news-page.csm-inner .news-hot-title {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  margin:0 0 12px; font:600 clamp(22px,1.95vw,29px)/1.4 var(--csm-serif); color:#18131e;
}
body.news-page.csm-inner .news-hot-desc {
  font:400 16px/1.7 var(--csm-serif); color:#514558; margin:0 0 17px;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
body.news-page.csm-inner .news-side-list {display:grid; grid-auto-rows:minmax(0,1fr); height:100%; gap:20px}
body.news-page.csm-inner .news-side-item {display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:19px; padding:5px; min-width:0; align-items:stretch; overflow:hidden}
body.news-page.csm-inner .news-side-img {width:100%; max-width:none; height:100%; min-height:0; aspect-ratio:auto; border-radius:12px; overflow:hidden; background:#e4d8ed}
body.news-page.csm-inner .news-side-img img {width:100%; height:100%; min-height:0; object-fit:cover}
body.news-page.csm-inner .news-side-info {min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:10px 13px 10px 0}
body.news-page.csm-inner .news-side-category {
  display:inline-block; max-width:100%; padding:1px 10px; margin-bottom:7px;
  background:#e9ddee; border:1px solid #b58bc8; border-radius:15px;
  color:#674275; font:500 12px/1.5 var(--csm-sans); overflow-wrap:anywhere;
}
body.news-page.csm-inner .news-side-info h4 {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  margin:0 0 7px; font:600 clamp(18px,1.55vw,23px)/1.35 var(--csm-serif); color:#24182c;
}
body.news-page.csm-inner .news-side-desc {font:400 14px/1.55 var(--csm-serif); color:#56475e; margin:0 0 10px; -webkit-line-clamp:2}
body.news-page.csm-inner .news-side-info .news-meta {gap:0; margin-top:1px}

/* Three-column feature cards, with category labels on the image edge. */
body.news-page.csm-inner .news-featured-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 22px; align-items:stretch}
body.news-page.csm-inner .news-featured-card {padding:5px; border-radius:16px; min-width:0}
body.news-page.csm-inner .news-featured-img {position:relative; aspect-ratio:1.67; overflow:visible; border-radius:11px 11px 0 0; background:#e4d8ed}
body.news-page.csm-inner .news-featured-img img {width:100%; height:100%; object-fit:cover; border-radius:11px 11px 0 0}
body.news-page.csm-inner .news-featured-card:hover .news-featured-img img {transform:none}
body.news-page.csm-inner .news-featured-card:nth-child(n) .news-tag {
  top:auto; bottom:-9px; left:13px; max-width:calc(100% - 26px);
  padding:3px 12px; color:#684375; background:#e7d8ef; border:1px solid #fff8;
  border-radius:17px; font:600 12px/1.4 var(--csm-sans); letter-spacing:0;
  box-shadow:0 2px 4px #6f4c8115; white-space:normal;
}
body.news-page.csm-inner .news-featured-content {display:flex; flex:1; flex-direction:column; padding:23px 17px 14px}
body.news-page.csm-inner .news-featured-content h3 {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  min-height:2.8em; margin:0 0 10px; font:600 clamp(18px,1.65vw,24px)/1.4 var(--csm-serif); color:#24182c;
}
body.news-page.csm-inner .news-featured-desc {font:400 15px/1.65 var(--csm-serif); color:#55465c; margin:0 0 18px; -webkit-line-clamp:2}
body.news-page.csm-inner .news-meta {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; color:#56425f; font:400 13px/1.5 var(--csm-sans)}
body.news-page.csm-inner .news-meta time {display:inline-flex; align-items:center; gap:7px; white-space:nowrap}
body.news-page.csm-inner .news-hot-card .news-meta,body.news-page.csm-inner .news-side-item .news-meta {font-weight:500; color:#9639ad}
body.news-page.csm-inner .news-meta .icon-clock {
  position:relative; display:inline-block; width:15px; height:15px; flex:none;
  border:1.5px solid currentColor; border-radius:50%; background:none; filter:none;
}
body.news-page.csm-inner .news-meta .icon-clock:after {content:""; position:absolute; width:4px; height:5px; top:2px; left:5px; border-left:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-15deg); transform-origin:bottom left}
body.news-page.csm-inner .news-views {display:none}
body.news-page.csm-inner .news-read-more {display:inline-flex; align-items:center; gap:5px; color:#5e426d; white-space:nowrap}
body.news-page.csm-inner .news-read-more>span {font:18px/1 Arial,sans-serif; transition:transform .2s}
body.news-page.csm-inner .news-featured-card:hover .news-read-more {color:#922da9}
body.news-page.csm-inner .news-featured-card:hover .news-read-more>span {transform:translateX(3px)}

body.news-page.csm-inner .news-pagination {margin:48px 0 0; gap:9px}
body.news-page.csm-inner .news-pagination .page-num,body.news-page.csm-inner .news-pagination .page-btn {min-width:40px; min-height:36px; padding:5px 12px; border:1px solid #c5accf; border-radius:6px; color:#55415f; background:#f7f3fa; font-size:14px; box-shadow:0 1px 2px #6f4c810a}
body.news-page.csm-inner .news-pagination .page-num.active {border-color:#b285c3; background:linear-gradient(180deg,#bf8bcf,#8e3a9f); color:#fff; box-shadow:inset 0 1px 0 #ffffff40}
body.news-page.csm-inner .news-pagination .page-btn:last-child {padding-left:22px; padding-right:22px}
body.news-page.csm-inner .news-empty {background:#faf7fd; border-color:#d4bddf; color:#8e769d; box-shadow:none}
body.news-page.csm-inner .csm-footer {padding-top:29px; padding-bottom:17px; background-color:#eee5f5; border-top:1px solid #fff8}
body.news-page.csm-inner .csm-contact-heading {margin-bottom:22px}
body.news-page.csm-inner .csm-copyright {margin-top:26px}

@media(min-width:1600px) {
  body.news-page.csm-inner .container {max-width:1380px}
  body.news-page.csm-inner .news-hero>.container {max-width:1380px}
}
@media(max-width:1100px) {
  body.news-page.csm-inner .container {width:calc(100% - 48px)}
  body.news-page.csm-inner .news-hero.csm-inner-hero {padding:100px 0 20px}
  body.news-page.csm-inner .news-hero>.container {width:calc(100% - 80px)}
  body.news-page.csm-inner .news-hot-grid {gap:18px}
  body.news-page.csm-inner .news-hot-content {padding:20px 17px 13px}
  body.news-page.csm-inner .news-hot-desc {font-size:14px}
  body.news-page.csm-inner .news-side-list {gap:17px}
  body.news-page.csm-inner .news-side-item {gap:13px; grid-template-columns:minmax(0,.94fr) minmax(0,1fr)}
  body.news-page.csm-inner .news-side-info {padding:8px 8px 8px 0}
  body.news-page.csm-inner .news-side-category {font-size:10px; padding:1px 8px; margin-bottom:5px}
  body.news-page.csm-inner .news-side-info h4 {font-size:18px; margin-bottom:5px}
  body.news-page.csm-inner .news-side-desc {font-size:12px; margin-bottom:7px}
  body.news-page.csm-inner .news-side-info .news-meta {font-size:12px}
  body.news-page.csm-inner .news-featured-grid {gap:25px 16px}
  body.news-page.csm-inner .news-featured-content {padding:21px 12px 12px}
  body.news-page.csm-inner .news-featured-desc {font-size:13px; margin-bottom:13px}
  body.news-page.csm-inner .news-featured-content .news-meta {font-size:11px}
  body.news-page.csm-inner .news-featured-content .news-meta time {gap:5px}
  body.news-page.csm-inner .news-featured-content .icon-clock {width:13px; height:13px}
  body.news-page.csm-inner .news-featured-content .icon-clock:after {left:4px; top:1px}
}
@media(min-width:651px) and (max-width:1100px) {
  body.news-page.csm-inner .csm-contact-grid {grid-template-columns:32% minmax(0,1fr); gap:26px}
  body.news-page.csm-inner .csm-contact-action {position:absolute; right:0; top:82px; margin:0; grid-column:auto}
  body.news-page.csm-inner .csm-contact-action .csm-button {min-width:160px; min-height:43px; padding:9px 23px; font-size:13px}
  body.news-page.csm-inner .csm-map-pin {display:none}
  body.news-page.csm-inner .csm-contact-details {font-size:12px; gap:12px}
  body.news-page.csm-inner .csm-contact-details a:not(:last-child) {max-width:calc(100% - 175px)}
  body.news-page.csm-inner .csm-contact-details a {gap:11px}
  body.news-page.csm-inner .csm-contact-details svg {width:21px; height:21px}
  body.news-page.csm-inner .csm-reception {aspect-ratio:2.5}
  body.news-page.csm-inner .csm-contact-heading {margin-bottom:18px}
  body.news-page.csm-inner .csm-contact-heading h2 {font-size:30px}
  body.news-page.csm-inner .csm-contact-heading>span[lang] {font-size:11px}
}
@media(max-width:800px) {
  body.news-page.csm-inner .news-hero.csm-inner-hero {height:280px; padding-top:104px; background-position:58% center}
  body.news-page.csm-inner .news-hero h1 {font-size:38px}
  body.news-page.csm-inner .news-hero-subtitle {font-size:16px}
  body.news-page.csm-inner .news-filter-bar {gap:12px; flex-direction:column}
  body.news-page.csm-inner .news-filter-tabs {width:100%; gap:4px}
  body.news-page.csm-inner .news-search {width:100%; min-width:0}
  body.news-page.csm-inner .news-hot-grid {gap:16px}
  body.news-page.csm-inner .news-hot-title {font-size:22px}
  body.news-page.csm-inner .news-side-item {gap:10px; grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
  body.news-page.csm-inner .news-side-info h4 {font-size:16px}
  body.news-page.csm-inner .news-side-desc {font-size:11px; line-height:1.5}
  body.news-page.csm-inner .news-side-info .news-meta {font-size:11px}
  body.news-page.csm-inner .news-featured-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px}
  body.news-page.csm-inner .news-featured-content h3 {font-size:21px}
  body.news-page.csm-inner .news-featured-desc {font-size:14px}
  body.news-page.csm-inner .news-featured-content .news-meta {font-size:12px}
}
@media(max-width:650px) {
  body.news-page.csm-inner .container,body.news-page.csm-inner .news-hero>.container {width:calc(100% - 32px)}
  body.news-page.csm-inner .news-hero.csm-inner-hero {height:300px; padding:112px 0 35px; background-position:62% center}
  body.news-page.csm-inner .news-hero:before {background:linear-gradient(90deg,#49375291,#4937523d 65%,transparent)}
  body.news-page.csm-inner .news-hero h1 {font-size:clamp(30px,7.8vw,38px); letter-spacing:1px; margin-bottom:12px}
  body.news-page.csm-inner .news-hero-subtitle {max-width:260px; font-size:15px; line-height:1.8; letter-spacing:0}
  body.news-page.csm-inner .csm-breadcrumb {font-size:10px; margin-top:15px}
  body.news-page.csm-inner .news-filter-section {padding-top:19px}
  body.news-page.csm-inner .news-filter-tab {font-size:12px; padding:6px 11px}
  body.news-page.csm-inner .news-hot-section {padding-top:25px}
  body.news-page.csm-inner .news-section-title {gap:9px; font-size:28px; margin-bottom:17px}
  body.news-page.csm-inner .news-title-icon {width:55px; height:55px}
  body.news-page.csm-inner .news-title-icon svg,body.news-page.csm-inner .news-title-icon img {width:55px; height:55px}
  body.news-page.csm-inner .news-hot-grid {grid-template-columns:minmax(0,1fr); gap:17px}
  body.news-page.csm-inner .news-hot-img {aspect-ratio:1.35}
  body.news-page.csm-inner .news-hot-content {padding:18px 14px 13px}
  body.news-page.csm-inner .news-hot-title {font-size:23px}
  body.news-page.csm-inner .news-hot-desc {font-size:14px; margin-bottom:14px}
  body.news-page.csm-inner .news-badge-featured {top:13px; left:13px; font-size:12px; padding:4px 13px}
  body.news-page.csm-inner .news-side-list {grid-auto-rows:auto; height:auto; gap:14px}
  body.news-page.csm-inner .news-side-item {grid-template-columns:minmax(0,.86fr) minmax(0,1fr); min-height:153px; gap:13px}
  body.news-page.csm-inner .news-side-img {min-height:145px}
  body.news-page.csm-inner .news-side-info {padding:9px 7px 9px 0}
  body.news-page.csm-inner .news-side-category {font-size:10px}
  body.news-page.csm-inner .news-side-info h4 {font-size:17px; line-height:1.4}
  body.news-page.csm-inner .news-side-desc {font-size:12px; -webkit-line-clamp:2}
  body.news-page.csm-inner .news-side-info .news-meta {font-size:11px}
  body.news-page.csm-inner .news-featured-section {padding:35px 0 38px}
  body.news-page.csm-inner .news-featured-grid {grid-template-columns:minmax(0,1fr); gap:21px}
  body.news-page.csm-inner .news-featured-img {aspect-ratio:1.67}
  body.news-page.csm-inner .news-featured-content {padding:23px 14px 14px}
  body.news-page.csm-inner .news-featured-content h3 {font-size:22px; min-height:0}
  body.news-page.csm-inner .news-featured-desc {font-size:14px}
  body.news-page.csm-inner .news-featured-content .news-meta {font-size:12px}
  body.news-page.csm-inner .news-pagination {margin-top:31px; gap:7px}
  body.news-page.csm-inner .news-pagination .page-num,body.news-page.csm-inner .news-pagination .page-btn {min-width:35px; min-height:35px; font-size:12px; padding:5px 10px}
}
@media(prefers-reduced-motion:reduce) {
  body.news-page.csm-inner .news-hot-card,body.news-page.csm-inner .news-side-item,body.news-page.csm-inner .news-featured-card,body.news-page.csm-inner .news-read-more>span {transition:none; transform:none}
}