/* ACORNS news typography and neutral cloud-like light. */
main>#news.news-section{display:block;position:relative;scroll-margin-top:100px;padding-block:70px 76px;color:#222;background:radial-gradient(ellipse at 12% 22%,#ffffffed 0,transparent 43%),radial-gradient(ellipse at 56% 6%,#ffffffb3 0,transparent 45%),radial-gradient(ellipse at 85% 73%,#ffffffe0 0,transparent 42%),radial-gradient(ellipse at 34% 88%,#cfcfcf85 0,transparent 49%),radial-gradient(ellipse at 77% 20%,#d1d1d175 0,transparent 39%),#e9e9e9}
#news .news-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}
#news .news-heading{position:relative;padding-top:0}
#news .news-heading h2{margin:0;font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;line-height:1.35;letter-spacing:.035em}
#news .news-all{appearance:none;display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:0;padding:6px 0;font:400 .875rem/1.6 var(--sans);color:#222;cursor:pointer;white-space:nowrap}

#news .news-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 0 37px}
#news .news-filters button{appearance:none;position:relative;border:0;border-bottom:1px solid transparent;background:transparent;border-radius:0;color:#595959;min-height:40px;padding:6px 0;font:400 .8125rem/1.5 var(--sans);letter-spacing:.025em;cursor:pointer;transition:color .18s,border-color .18s}
#news .news-filters button[aria-pressed="true"]{color:#222;border-bottom-color:#222;font-weight:500}
#news .news-filters button:hover{color:#111;border-bottom-color:#888}
#news button:focus-visible,#news a:focus-visible{outline:2px solid #444;outline-offset:5px}
#news .news-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;width:100%;min-width:0;border:0}
#news .news-row{display:grid;position:relative;grid-template-columns:1fr auto;align-content:start;align-items:baseline;gap:26px 12px;min-width:0;padding:22px 0 18px;border-top:1px solid #c8c8c8;color:#222;text-decoration:none}
#news .news-row::before,#news .news-empty::before{content:"";position:absolute;top:-1px;left:0;width:18px;height:1px;background:#222}
#news .news-date{font:400 .875rem/1.6 var(--sans);font-variant-numeric:tabular-nums;color:#303030}
#news .news-category{justify-self:end;padding:4px 13px;background:#fff;border-radius:30px;font:400 .75rem/1.4 var(--sans);color:#333;white-space:nowrap}
#news .news-row h3{grid-column:1/-1;margin:0;font:400 1rem/1.9 var(--sans);overflow-wrap:anywhere}
#news .news-row:hover h3{color:#555}
#news .news-empty{position:relative;grid-column:1/-1;margin:0;border-top:1px solid #c8c8c8;padding:32px 0 8px;font:400 .9375rem/1.9 var(--sans);color:#606060}
#news [hidden]{display:none!important}
@media(max-width:900px){#news .news-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:600px){main>#news.news-section{padding-block:48px 50px}#news .news-topline{gap:18px;margin-bottom:25px}#news .news-all{font-size:.75rem;gap:8px}#news .news-filters{gap:4px 17px;margin-bottom:25px}#news .news-filters button{min-height:44px;font-size:.75rem}#news .news-content{grid-template-columns:minmax(0,1fr);gap:22px}#news .news-row{gap:22px 12px;padding-block:20px 12px}#news .news-row h3{font-size:.9375rem}#news .news-empty{padding-top:26px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){#news .news-filters button{transition:none}}
