.home-briefs{padding:44px 0 8px}
.briefs-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px solid var(--rule);padding-bottom:20px}
.briefs-heading h2{font:400 36px/1.15 Newsreader,Georgia,serif;margin:0 0 10px}
.briefs-heading p,.briefs-intro p{font:15px/1.65 "DM Sans",Arial,sans-serif;color:var(--muted);margin:0;max-width:65ch}
.briefs-all{display:inline-flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0;font:600 13px/1.5 "DM Sans",Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.brief-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;list-style:none;margin:0;padding:0}
.brief-list>li{min-width:0;border-bottom:1px solid var(--rule)}
.brief-item{padding:24px 0}
.brief-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font:12px/1.5 "DM Sans",Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 12px}
.brief-item h2,.brief-item h3{font:400 28px/1.2 Newsreader,Georgia,serif;margin:0 0 12px;overflow-wrap:anywhere;text-wrap:pretty}
.brief-summary{font:15px/1.65 "DM Sans",Arial,sans-serif;color:var(--muted);max-width:65ch;margin:0;overflow-wrap:anywhere}
.brief-topics{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:8px;font:500 13px/1.5 "DM Sans",Arial,sans-serif}
.brief-topics:empty{display:none}
.brief-topics a{display:inline-flex;align-items:center;min-height:44px;color:var(--red);text-decoration:underline;text-underline-offset:4px}
.brief-item h2 a:hover,.brief-item h3 a:hover,.briefs-all:hover{color:var(--red)}
.briefs-intro{padding:36px 0;border-bottom:1px solid var(--rule)}
.briefs-intro h1{font:400 clamp(42px,5vw,64px)/1.05 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:0 0 16px}
.briefs-archive{padding-bottom:40px}
.briefs-empty{font:16px/1.7 "DM Sans",Arial,sans-serif;padding:28px 0}
.briefs-empty a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.home-briefs{padding-top:32px}.briefs-heading{align-items:flex-start;gap:16px}.briefs-heading h2{font-size:30px}.briefs-heading p{font-size:14px}.briefs-all{font-size:12px}.brief-list{grid-template-columns:1fr}.brief-item{padding:22px 0}.brief-item h2,.brief-item h3{font-size:26px}.briefs-intro{padding:28px 0}}
@media(max-width:360px){.briefs-heading{flex-wrap:wrap;gap:8px}.briefs-heading h2{margin-bottom:8px}}