@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-news ====== */
.c-news__intro{font:var(--t-data);color:var(--text-2)}
.c-news .c-card{padding:0;overflow:hidden;gap:0}
.c-news__img{display:grid;place-items:center;inline-size:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}
.c-news__ph{background:linear-gradient(135deg,var(--surface-3),var(--surface-1));color:var(--gold);font:600 var(--fs-40)/1 var(--font-score)}
.c-news__body{display:grid;gap:var(--sp-2);align-content:start;padding:var(--card-pad-b) var(--card-pad-i)}
.c-news__h{font:600 var(--fs-16)/1.4 var(--font-head);color:var(--text-1);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.c-news__lead .c-news__h{font:var(--t-h2);-webkit-line-clamp:4}
.c-news__sum{font:var(--t-data);color:var(--text-prose)}
.c-news__meta{font:var(--t-meta);color:var(--text-3);max-inline-size:none}
.c-news__src{font-weight:600;color:var(--text-2)}
.c-news__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);list-style:none;padding:0;margin:0}
.c-news__grid>li{display:grid;min-inline-size:0}
.c-news__card{grid-template-columns:112px minmax(0,1fr);align-items:stretch}
.c-news__card .c-news__img{block-size:100%;aspect-ratio:auto;min-block-size:88px}
.c-news__card .c-news__ph{font-size:var(--fs-28)}
.c-news__title{overflow-wrap:anywhere}
.c-news__hero{display:grid;place-items:center;inline-size:100%;aspect-ratio:16/9;border-radius:var(--r-4);object-fit:cover;background:var(--surface-2)}
.c-news__article{max-inline-size:760px}
.c-news__sum--full{font:var(--t-body);color:var(--text-prose)}
.c-news__out{justify-self:start;max-inline-size:100%;white-space:normal;text-align:center;min-block-size:var(--tap);block-size:auto;padding-block:var(--sp-2)}
.c-news--top .c-news__lead{margin-block-end:var(--sp-2)}
.c-news__rows{list-style:none;padding:0;margin:0;border-block-start:1px solid var(--line-1)}
.c-news__prose{display:grid;gap:var(--sp-4);max-inline-size:66ch}
.c-news__prose p,.c-news__sum--full{font:400 var(--fs-18)/1.6 var(--font-sans);color:var(--text-prose);max-inline-size:66ch}
.c-news__prose strong{font-weight:600;color:var(--text-1)}
.c-news__prose em,.c-news__sum--full em{font-style:italic}
.c-news__bh{font:var(--t-h3);color:var(--text-1);margin-block-start:var(--sp-2)}
.c-news__fig{display:grid;gap:var(--sp-2);margin:0}
.c-news__figimg{inline-size:100%;border-radius:var(--r-3);background:var(--surface-2);object-fit:cover}
.c-news__cap{font:var(--t-meta);color:var(--text-3);max-inline-size:66ch}
@media (min-width:56.25em){.c-news__prose p,.c-news__sum--full{font-size:var(--fs-18);line-height:1.65}}
.c-news__next{counter-reset:nx}
.c-news__row{display:grid;gap:var(--sp-1);padding-block:var(--sp-3);border-block-end:1px solid var(--line-1)}
.c-news__ents{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0;min-inline-size:0}
.c-news__ents>li{display:flex;min-inline-size:0;max-inline-size:100%}
.c-news__ent{max-inline-size:100%;min-inline-size:0}
.c-news__ent{block-size:auto;min-block-size:var(--tap);white-space:normal}
.c-news__entname{min-inline-size:0;font-weight:600;white-space:nowrap}
@media (max-width:22.49em){.c-news__entname{white-space:normal;overflow-wrap:anywhere}}
.c-news__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.c-news__team{justify-self:start;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;color:var(--text-1);background:var(--surface-4)}
.c-news__scope{font:var(--t-data);color:var(--text-2);max-inline-size:none}
.c-news__scope a{display:inline-flex;align-items:center;min-block-size:var(--tap);text-decoration:underline}
.c-news__rowlink{display:flex;align-items:center;min-block-size:var(--tap);font:var(--t-body);font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
@media (min-width:48em){
  .c-news__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-news__card{grid-template-columns:minmax(0,1fr)}
  .c-news__card .c-news__img{aspect-ratio:16/9;block-size:auto}
  .c-news__lead{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}
  .c-news__lead .c-news__img{block-size:100%}
}
@media (min-width:75em){.c-news__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
}
@layer base{
.c-news__scope a{color:var(--link)}
}
