.articles-hub,.technical-article{padding-bottom:64px;background:#fff}
.articles-opening,.article-opening{max-width:950px;padding:20px 0 36px}
.articles-opening h1,.article-opening h1{font-size:44px;line-height:1.17;letter-spacing:-.015em;margin:0 0 24px;font-weight:600;overflow-wrap:anywhere}
.article-lead{font-size:21px;line-height:1.55;margin:0;max-width:850px}
.article-byline{font-size:14px;color:#52677e;margin:20px 0 0}
.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #cbd6e4;border-top:4px solid var(--blue);border-radius:6px;background:#fff}
.article-card:nth-child(2){border-top-color:var(--orange)}
.article-card:nth-child(3){border-top-color:var(--yellow)}
.article-card h2,.article-card h3{font-size:23px;line-height:1.35;margin:0 0 16px;font-weight:600}
.article-card h2 a,.article-card h3 a{text-decoration:none}
.article-card h2 a:hover,.article-card h3 a:hover{text-decoration:underline}
.article-card>p:not(.detail-eyebrow){font-size:17px;line-height:1.6;margin:0 0 24px}
.article-read{font-size:16px;font-weight:600;margin-top:auto;align-self:flex-start;padding:8px 0;text-underline-offset:4px}
.article-next{margin-top:40px;padding:28px;background:var(--paper);border-left:4px solid var(--orange);border-radius:4px}
.article-next h2{font-size:27px;line-height:1.3;margin:0 0 12px}
.article-next p{margin:0}
.article-reading{max-width:800px}
.article-index{background:var(--paper);border-top:3px solid var(--blue);padding:24px 28px;border-radius:4px;margin-bottom:36px}
.article-index h2{font-size:22px;margin:0 0 16px}
.article-index ol{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16px}
.article-index a{text-underline-offset:3px}
.article-body{font-size:19px;line-height:1.7;color:#26394f}
.article-body p{margin:0 0 22px}
.article-body h2{font-size:29px;line-height:1.3;color:var(--navy);margin:40px 0 20px;scroll-margin-top:24px}
.article-body ul,.article-body ol{padding-left:25px;margin:0 0 28px}
.article-body li{padding-left:4px;margin-bottom:12px}
.article-body a{color:#165997;text-underline-offset:3px;overflow-wrap:anywhere}
.article-body a:hover{color:#1f3a5f}
.poe-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;margin:24px 0;background:var(--paper);border:1px solid #cbd6e4;border-radius:4px;font-size:16px;font-weight:600;color:var(--navy)}
.poe-flow span:not([aria-hidden]){flex:1;text-align:center}
.article-callout{padding:24px;background:var(--paper);border-left:4px solid var(--orange);margin:24px 0}
.article-callout p:last-child{margin-bottom:0}
.article-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0}
.article-table-wrap table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5;text-align:left}
.article-table-wrap caption{text-align:left;font-size:15px;padding-bottom:12px;color:#455b73}
.article-table-wrap th,.article-table-wrap td{padding:12px;border:1px solid #cbd6e4;vertical-align:top}
.article-table-wrap thead{background:var(--navy);color:#fff}
.article-table-wrap tbody tr:nth-child(even){background:var(--paper)}
.article-related{padding-top:40px;margin-top:48px;border-top:1px solid #cbd6e4}
.article-related>h2{font-size:30px;line-height:1.3;margin:0 0 28px}
.article-related .article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.articles-opening h1,.article-opening h1{font-size:34px}.article-card-grid{grid-template-columns:1fr}.article-lead{font-size:19px}.articles-opening,.article-opening{padding-top:12px}.article-body{font-size:18px}.article-body h2{font-size:26px}.article-card{padding:24px}.article-related .article-card-grid{grid-template-columns:1fr}.article-index{padding:22px}.poe-flow{flex-direction:column;gap:8px}.poe-flow span[aria-hidden]{transform:rotate(90deg)}.article-next{padding:24px}}

.article-table-hint{display:none}
@media(max-width:600px){.article-body .article-table-hint{display:block;font-size:14px;line-height:1.5;color:#455b73;margin-bottom:8px}}

/* Aprenda: two existing knowledge destinations, one article. */
.knowledge-topics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-card-grid:has(>.article-card:only-child){grid-template-columns:1fr;max-width:980px}
@media(max-width:900px){.knowledge-topics-grid{grid-template-columns:1fr}}