.news-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:48px;margin-top:30px;align-items:start}
.news-master{min-width:0}.news-browser .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;margin:0}
.news-browser .news-card a{padding:7px;border:1px solid transparent;transition:background .2s,border-color .2s;position:relative}
.news-browser .news-card.is-selected a{background:#ffffff0d;border-color:#f65e70}
.news-browser .news-thumbnail{aspect-ratio:1}.news-browser .news-thumbnail img{transition:transform .3s}
.news-browser .news-read{display:none}.news-browser .news-card-copy{padding:10px 0 0}
.news-browser .news-card h3{font-size:14px;line-height:1.6;margin:0;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-browser .news-card-copy .news-meta,.news-browser .news-card-copy .news-category{display:none}
.news-browser .news-card.is-selected h3{color:#ff8c9a}.news-browser .news-more-wrap{margin-top:28px}
.news-detail{min-width:0;position:sticky;top:100px}.news-detail-image{position:relative;background:#f7f5f1;aspect-ratio:1.22;overflow:hidden}
.news-detail-image img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;box-sizing:border-box}
.news-detail-index{position:absolute;right:14px;bottom:14px;background:#191919;color:#fff;padding:8px 12px;font-size:12px}
.news-detail-copy{padding-top:24px}.news-detail .news-meta{font-size:14px;color:#c2c2c2;flex-wrap:wrap}
.news-detail h3{font-family:inherit;font-size:clamp(22px,2.05vw,32px);line-height:1.6;font-weight:700;letter-spacing:-.8px;margin:16px 0 24px;text-wrap:pretty}
.news-detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #ffffff35;padding-top:20px;flex-wrap:wrap}
.news-detail-bottom .news-category{border:0;padding:0;font-size:14px}.news-detail-link{font-size:15px;color:#ff8c9a;display:inline-flex;align-items:center;gap:20px;padding:8px 0}.news-detail-link:hover{text-decoration:underline;text-underline-offset:5px}
.news-selection-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.news-browser{gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.news-browser .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-detail{top:85px}}
@media(max-width:700px){.news-browser{display:flex;flex-direction:column;gap:24px}.news-detail{position:static;order:-1;width:100%}.news-detail-image{aspect-ratio:1.45}.news-detail-image img{padding:12px}.news-detail-copy{padding-top:16px}.news-detail h3{font-size:22px;margin:12px 0 16px}.news-detail .news-meta{font-size:13px;gap:6px}.news-detail-bottom{padding-top:12px;gap:8px}.news-detail-bottom .news-category{font-size:13px}.news-master{width:100%}.news-browser .news-grid{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:142px;overflow-x:auto;gap:14px 10px;padding:5px 5px 14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.news-browser .news-card{scroll-snap-align:start}.news-browser .news-card a{padding:6px}.news-browser .news-card h3{font-size:14px}.news-browser .news-more-wrap{margin-top:20px}.news-detail-index{font-size:12px}}
@media(prefers-reduced-motion:reduce){.news-browser .news-card a,.news-browser .news-thumbnail img{transition:none}}
.news-browser .news-thumbnail img{filter:grayscale(1) brightness(.65) contrast(.9);transition:filter .55s ease,transform .55s cubic-bezier(.2,.7,.3,1)}
.news-browser .news-card a:hover .news-thumbnail img,.news-browser .news-card a:focus-visible .news-thumbnail img{filter:grayscale(0) brightness(1) contrast(1);transform:scale(1.035)}
@media(hover:none){.news-browser .news-card.is-selected .news-thumbnail img{filter:none}}
@media(prefers-reduced-motion:reduce){.news-browser .news-thumbnail img{transition:none}}

@media(min-width:1400px){.news-browser{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.news-browser .news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:701px){.news-browser{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}.news-browser .news-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px}}

/* Reading summaries and expanding the gallery are separate actions. */
.news-summary-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:520px;margin:24px 0 28px;padding:18px 22px;border:1px solid #ff8c9a;border-radius:12px;color:#fff;background:#ffffff08}
.news-summary-entry strong{display:block;font-size:17px;color:#ff8c9a}.news-summary-entry small{display:block;margin-top:8px;font-size:13px;color:#bbb}.news-summary-entry:hover{background:#ffffff12}.news-summary-entry:focus-visible{outline:2px solid #ff8c9a;outline-offset:4px}
.news-master .news-more-wrap{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid #ffffff25}
.news-master #newsMore{width:100%;min-width:0;border-radius:8px;white-space:normal}.news-master #newsCount{margin:0;text-align:center}
@media(max-width:700px){.news-summary-entry{max-width:none;padding:16px}.news-summary-entry small{line-height:1.6}}
/* Align the summary entry with the title, rather than leaving a half-empty row. */
#news .news-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:48px;align-items:center;margin-bottom:28px}
#news .news-intro h2{margin-bottom:18px}
#news .news-intro p{margin:0;color:#b9b9b9;line-height:1.7}
#news .news-heading .news-summary-entry{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:22px 24px;min-height:98px}
#news .news-toolbar{margin-top:0}
@media(max-width:900px){#news .news-heading{gap:28px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}}
@media(max-width:700px){#news .news-heading{grid-template-columns:1fr;gap:22px}#news .news-heading .news-summary-entry{min-height:0;padding:16px 18px}#news .news-toolbar{gap:12px;align-items:flex-start;flex-wrap:wrap}}