body {
background: #e5ecf4;
color: #1d2531;
}

.ai-mathematics {
max-width: 72rem;
margin: 0 auto;
padding: 112px 32px 48px;
font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1.6;
}

.ai-mathematics a {
color: #3f5fa8;
text-decoration: none;
}

.ai-mathematics a:hover,
.ai-mathematics a:focus {
color: #2d4681;
text-decoration: underline;
}

.ai-mathematics__masthead {
margin-bottom: 28px;
padding-bottom: 18px;
border-bottom: 1px solid #bfcbdb;
}

.ai-mathematics__meta,
.ai-mathematics__tag {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ai-mathematics h1,
.ai-mathematics h2,
.ai-mathematics h3 {
font-family: Georgia, "Times New Roman", serif;
color: #1d2531;
font-weight: 500;
letter-spacing: 0;
}

.ai-mathematics h1 {
max-width: 760px;
margin: 0;
font-size: 42px;
line-height: 1.15;
}

.ai-mathematics__subtitle {
max-width: 740px;
margin: 10px 0 0;
color: #55606f;
font-size: 18px;
line-height: 1.5;
}

.ai-mathematics__issue-date {
margin: 8px 0 0;
color: #55606f;
font-size: 14px;
letter-spacing: .02em;
}

.ai-mathematics__section-nav {
display: flex;
gap: 18px;
margin: -10px 0 24px;
font-size: 14px;
}

.ai-mathematics__section-nav a {
text-decoration: underline;
text-underline-offset: 2px;
}

.ai-mathematics__lede {
max-width: 760px;
margin: 0 0 24px;
color: #55606f;
font-size: 18px;
}

.ai-mathematics h2 {
margin: 36px 0 12px;
font-size: 28px;
line-height: 1.2;
}

.ai-mathematics h3 {
margin: 0 0 5px;
font-size: 24px;
line-height: 1.24;
}

.ai-mathematics__issue {
margin: 0;
}

.ai-mathematics__meta {
margin: 0 0 8px;
color: #55606f;
font-size: 14px;
letter-spacing: .02em;
}

.ai-mathematics__item {
padding: 17px 0 16px;
border-bottom: 1px solid #bfcbdb;
}

.ai-mathematics__tag {
display: inline-block;
margin-bottom: 5px;
padding: 0;
color: #3f5fa8;
font-size: 11px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
}

.ai-mathematics__item p:last-child {
margin-bottom: 0;
}

.ai-mathematics__talking-point {
margin-top: 12px;
padding-left: 14px;
border-left: 3px solid #bfcbdb;
}

.ai-mathematics__backlink {
margin-top: 12px;
font-size: 14px;
}

.ai-mathematics__note {
margin-top: 30px;
padding: 15px 18px;
border-left: 4px solid #3f5fa8;
background: rgba(255, 255, 255, .35);
font-size: 16px;
}

@media (max-width: 600px) {
.ai-mathematics {
padding: 96px 22px 40px;
font-size: 16px;
}

.ai-mathematics h1 {
font-size: 36px;
}

.ai-mathematics__subtitle {
font-size: 17px;
}

.ai-mathematics__section-nav {
gap: 14px;
}
}
