body { background: linear-gradient(152deg, #eef3ff, #f3efff 36%, #fff 72%) no-repeat; }
.brief-nav { display: flex; justify-content: space-between; align-items: center; min-height: 72px; }
.brief-page { max-width: 824px; padding-block: clamp(32px, 6vw, 76px); }
.brief-heading { padding-bottom: 26px; }
.brief-heading time, .brief-category { color: #484eb0; font-size: 14px; font-weight: 710; }
.brief-heading h1 { font-size: clamp(49px, 9vw, 86px); line-height: 1.14; letter-spacing: -.07em; }
.brief-heading > p { margin-top: 9px; color: var(--quiet); }
.brief-stories { display: grid; gap: 16px; }
.brief-story { padding: clamp(19px, 4vw, 36px); border: 1px solid #e0e6f6; border-radius: 22px; background: #fff; }
.brief-category time { margin-left: 12px; color: var(--quiet); font-weight: 500; }
.brief-story h2 { margin-block: 5px 10px; font-size: clamp(23px, 4vw, 33px); line-height: 1.25; letter-spacing: -.035em; }
.brief-story > p + p, .brief-story > a { margin-top: 8px; }
.brief-story > a { display: inline-block; }