.article h1 {font-size: 28px; line-height: 1.3; margin-bottom: 24px;}
.article h2 {font-size: 21px; line-height: 1.4; margin: 40px 0 16px;}
.article p, .article li {overflow-wrap: anywhere;}
.article figure {margin: 28px 0;}
.article img, .article video {display: block; width: 100%; height: auto;}
.article ul, .article ol {padding-left: 26px; margin: 0 0 24px;}
.article li {padding-left: 4px; margin-bottom: 16px;}
.article-footer {margin-top: 56px; font-size: 15px;}
@media (prefers-reduced-motion: reduce) {main {animation: none;}}
/* Reading layout for essays with sections. */
.long-article {font-size: 18px; line-height: 1.85;}
.long-article h1 {font-size: clamp(29px, 3vw, 36px); line-height: 1.25;}
.long-article h2 {font-size: 27px; font-weight: 600; line-height: 1.3; margin: 64px 0 24px; padding-top: 28px; border-top: 1px solid #deded8; scroll-margin-top: 36px;}
.long-article p {margin-bottom: 25px;}
.long-article figure {margin: 36px 0;}
.long-article li {margin-bottom: 24px;}
.long-article li > ul {margin-top: 16px;}
.article-outline {display: none;}
.outline-label, .mobile-outline summary {font: 600 13px/1.5 system-ui, sans-serif; color: #555;}
.mobile-outline {margin: 28px 0 36px; padding: 16px 0; border-top: 1px solid #deded8; border-bottom: 1px solid #deded8;}
.mobile-outline summary {cursor: pointer;}
.article-outline ol, .mobile-outline ol {list-style: none; padding: 0; margin: 14px 0 0;}
.article-outline li, .mobile-outline li {margin: 0; padding: 0;}
.article-outline a, .mobile-outline a {display: block; font: 400 13px/1.5 system-ui, sans-serif; padding: 10px 0 10px 16px; border: 0; border-left: 1px solid #deded8; color: #555;}
.article-outline a[aria-current="location"], .mobile-outline a[aria-current="location"] {border-left: 2px solid #295F7C; padding-left: 15px; color: #295F7C; font-weight: 600;}
a:focus-visible, summary:focus-visible {outline: 2px solid #295F7C; outline-offset: 4px;}
@media (min-width: 1120px) {
 .long-read {display: grid; grid-template-columns: 230px minmax(0,640px); gap: 56px; justify-content: center; padding: 0 32px;}
 .long-article {width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box;}
 .article-outline {display: block; position: sticky; top: 64px; align-self: start; margin-top: 200px; max-height: calc(100vh - 96px); overflow: auto;}
 .mobile-outline {display: none;}
}

.episode-player {display:block;width:100%;aspect-ratio:16/9;border:0;margin:28px 0;}
.audio-player {display:block;width:100%;height:200px;border:0;margin:28px 0;}

.article-page-break {border:0;border-top:1px solid #deded8;margin:64px 0;}
.article-introduction p {margin-bottom:24px;}
@media print {.article-page-break {break-before:page;border:0;margin:0;}}

/* Nested section hierarchy, shared with the source document. */
.long-article h3 {font-size:23px;font-weight:600;line-height:1.4;margin:40px 0 18px;scroll-margin-top:36px;}
.long-article h4, .long-article h5 {font-size:20px;font-weight:600;line-height:1.45;margin:32px 0 16px;scroll-margin-top:36px;}
.article-outline .outline-level-3, .mobile-outline .outline-level-3 {margin-left:14px;}
.article-outline .outline-level-4, .mobile-outline .outline-level-4 {margin-left:28px;}

.article-acknowledgment {margin-top:44px;color:#686868;font-size:14px;line-height:1.65;font-style:italic;}
.article-acknowledgment p {margin:0 0 12px;}
.article-acknowledgment .acknowledgment-label {font-size:14px;font-weight:400;}

/* Subsections within Defending the product. */
.long-article h3:is(#capital, #people-tech, #data, #gtm-lock-in) {
 font-size:20px;
 line-height:1.4;
 margin:32px 0 14px;
}