.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.article-meta .meta{margin:0}
.seo-topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line,#e2e8f0)}
.seo-topic-nav a{padding:6px 10px;border-radius:999px;background:#f0fdfa;color:#0f766e;text-decoration:none;font-size:12px;font-weight:750}
.seo-topic-nav a:hover,.seo-topic-nav a:focus-visible{background:#ccfbf1;outline:none}
.article-extras{margin-top:40px;padding-top:30px;border-top:1px solid var(--line,#e2e8f0)}
.share-title,.related-title{font-size:20px;line-height:1.25;margin:0 0 10px}
.share-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.share-button{width:42px;height:42px;border:1px solid #dbe4ea;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#334155;cursor:pointer;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease}
.share-button:hover,.share-button:focus-visible{transform:translateY(-2px);background:#0f766e;color:#fff;outline:none}
.share-button svg{width:20px;height:20px;display:block;fill:currentColor}
.share-button[data-network="copy"].is-copied{background:#0f766e;color:#fff}
.copy-status{font-size:13px;color:#0f766e;font-weight:700;min-height:20px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:0;border-top:1px solid #e2e8f0}
.related-card{min-width:0;border-bottom:1px solid #e2e8f0}
.related-card a{display:grid;grid-template-columns:8px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:11px 2px;color:var(--dark,#0f172a);text-decoration:none;transition:color .18s ease}
.related-number{width:6px;height:6px;border-radius:50%;background:#14b8a6;color:transparent;font-size:0}
.related-card h3{font-size:14px;line-height:1.4;margin:0;font-weight:700}
.related-arrow{color:#94a3b8;font-size:16px;line-height:1;transition:transform .18s ease,color .18s ease}
.related-card a:hover,.related-card a:focus-visible{color:#0f766e;outline:none}
.related-card a:hover .related-arrow,.related-card a:focus-visible .related-arrow{color:#0f766e;transform:translateX(2px)}
@media(max-width:640px){.related-grid{grid-template-columns:1fr}.related-card a{padding:10px 2px}.related-card h3{font-size:13px}.share-buttons{gap:8px}}