/* Beautech — page styles: News. Loaded after assets/site.css. */
.chan{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.chan a{ background:var(--surface-2); padding:32px 32px; display:flex; flex-direction:column; gap:12px; min-height:200px; transition: background var(--dur-slow); }
.chan a:hover{ background:var(--accent-tint); }
.chan a svg{ width:30px; height:30px; color:var(--accent); }
.chan a .ck{ font-family:var(--f-mono); font-size: var(--fs-micro); letter-spacing: var(--track-label); text-transform:uppercase; color:var(--muted); }
.chan a h3{ font-size: var(--fs-xl); font-weight:var(--fw-head); color:var(--ink); letter-spacing: var(--track-tight); margin-top:auto; }
.chan a p{ font-size: var(--fs-base); color:var(--ink-soft); }
.chan a .go{ font-family:var(--f-sans); font-weight:var(--fw-head); font-size: var(--fs-sm); text-transform:uppercase; letter-spacing: var(--track-wide); color:var(--accent); }
@media(max-width:760px){ .chan{ grid-template-columns:1fr; } }
.note{ border:1px solid var(--line); border-radius: var(--radius-lg); background:var(--surface); padding:var(--gap-sm); margin-top:var(--gap-lg); display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.note .nt{ flex:1; min-width:260px; }
.note .nk{ font-family:var(--f-mono); font-size: var(--fs-micro); letter-spacing: var(--track-label); text-transform:uppercase; color:var(--accent); }
.note h3{ font-size: var(--ds-md); font-weight:var(--fw-head); color:var(--ink); margin-top:8px; }
.note p{ color:var(--ink-soft); margin-top:8px; max-width:52ch; }

/* lead image */
.news-lead-sec { padding-bottom: var(--sec-y-tight); }
.news-lead image-slot { width: 100%; height: clamp(240px, 34vw, 460px); aspect-ratio: auto; }
.news-lead figcaption {
  margin-top: 12px; font-family: var(--f-mono); font-size: var(--fs-micro);
  letter-spacing: var(--track-label); text-transform: uppercase; color: var(--muted);
}