.interesting-hub {margin:0 0 26px;padding:22px 24px;background:#f1f8fb;border-left:4px solid #3188aa;border-radius:4px}
.interesting-hub h1 {margin:0 0 12px;font-size:32px;line-height:1.15}
.interesting-hub p {margin:0;font-size:18px;line-height:1.55;color:#354a55}
.interesting-card {display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:22px;padding:22px 0;border-bottom:1px solid #e2e8ec;overflow:hidden}
.interesting-card-link {display:contents;color:#174d63}
.interesting-card img {grid-column:1;grid-row:1 / 4;width:230px;height:auto;aspect-ratio:3/2;object-fit:contain;background:#eef0f2;border-radius:5px}
.interesting-card h2 {grid-column:2;margin:0 0 9px;font-size:23px;line-height:1.22;text-transform:none}
.interesting-card-summary {grid-column:2;font-size:17px;line-height:1.5;color:#33434b}
.interesting-card-summary p {margin:0}
.interesting-card-date {grid-column:2;margin:9px 0 0;font-size:14px;color:#637680}
.interesting-card a:hover h2,.interesting-home-card a:hover {color:#2084a7;text-decoration:underline}
.interesting-header h1 {margin:12px 0 14px;font-size:34px;line-height:1.17;text-transform:none;overflow-wrap:anywhere;color:#233640}
.interesting-kicker {display:inline-block;font-size:15px;color:#25677f;background:#eaf5f8;border-radius:20px;padding:5px 12px}
.interesting-meta {margin:0 0 25px;color:#5c6d76;font-size:15px}
.interesting-body {font-size:19px;line-height:1.7;color:#263941;overflow-wrap:break-word}
.interesting-body p {margin:0 0 19px}
.interesting-body .interesting-lead {font-size:22px;line-height:1.55;color:#344e5a}
.interesting-body h2 {margin:34px 0 15px;font-size:27px;line-height:1.25;text-transform:none;color:#213a47}
.interesting-body a {color:#196c8c;text-decoration:underline;text-underline-offset:3px}
.interesting-body figure {margin:27px 0}
.interesting-body figure img {display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#f2f3f4;border-radius:5px}
.interesting-body figcaption {margin:10px 0 0;font-size:14px;line-height:1.55;color:#566971}
.interesting-body figcaption .interesting-credit {display:block;margin-top:4px;font-size:13px}
.interesting-sources {margin:30px 0 0;padding:17px 19px;background:#f6f8f9;border-radius:5px;font-size:15px;line-height:1.6}
.interesting-sources h2 {margin:0 0 10px;font-size:21px}
.interesting-sources ul {list-style:disc;padding-left:20px}
.interesting-sources li {margin:7px 0}
.interesting-footer {margin:30px 0;padding:18px 0;border-top:1px solid #dce5e9;font-size:18px}
.interesting-footer a {color:#1c6a89;text-decoration:underline}
.interesting-home-card {padding:15px 0;border-bottom:1px solid #e6edf0;font-size:16px;line-height:1.5}
.interesting-home-card h3 {margin:0 0 7px;font-size:21px;text-transform:none;line-height:1.25}
.interesting-home-card a {color:#1b617d}
.interesting-home-card p {margin:0;color:#4a5e68}
@media(max-width:760px) {
 .interesting-card {grid-template-columns:150px minmax(0,1fr);gap:0 15px}
 .interesting-card img {width:150px}
 .interesting-card h2 {font-size:21px}
 .interesting-header h1 {font-size:29px}
 .interesting-body {font-size:18px;line-height:1.65}
 .interesting-body .interesting-lead {font-size:20px}
 .interesting-body h2 {font-size:24px}
}
@media(max-width:480px) {
 .interesting-hub {padding:18px 16px}
 .interesting-hub h1 {font-size:29px}
 .interesting-card {display:block;padding:19px 0}
 .interesting-card-link {display:block}
 .interesting-card img {width:100%;margin:0 0 14px}
 .interesting-card h2 {font-size:24px;margin:0 0 10px}
 .interesting-header h1 {font-size:28px}
 .interesting-body figure {margin:22px 0}
}
