/* Editorial reading experience and accessible, self-contained share icons. */
.speaker-section { margin:44px 0; }
.speaker-section-header { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px; }
.speaker-eyebrow { color:#0369a1;font-size:10px;font-weight:800;letter-spacing:1.7px; }
.speaker-section-header h2 { font-size:clamp(24px,3vw,32px);line-height:1.25;color:#0f172a;letter-spacing:-.7px;margin:8px 0; }
.speaker-section-header h2 span { color:#0284c7; }
.speaker-section-header p { font-size:13px;line-height:1.6;color:#64748b;margin:0; }
.speaker-count { display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 14px;background:#fff;border:1px solid #dbeafe;border-radius:999px;font-size:12px;color:#64748b; }
.speaker-count strong { color:#0369a1;font-size:16px; }
.speaker-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.speaker-card { display:flex;flex-direction:column;padding:24px;border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(150deg,#fff 65%,#f8fbff);box-shadow:0 4px 20px #0f172a04;transition:box-shadow .2s,border-color .2s;min-width:0; }
.speaker-card:hover { border-color:#bae6fd;box-shadow:0 10px 28px #0f172a0a; }
.speaker-card-top { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px; }
.speaker-date { display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;min-height:66px;background:#eff8ff;border:1px solid #dbeafe;border-radius:14px;color:#0369a1; }
.speaker-date strong { font-size:23px;line-height:1.2;font-weight:800; }
.speaker-date span { font-size:10px;margin-top:3px;font-weight:700; }
.speaker-role { display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#475569;letter-spacing:.3px;padding:7px 10px;border-radius:999px;background:#f1f5f9; }
.speaker-role svg { width:13px;height:13px;fill:currentColor; }
.speaker-card h3 { font-size:17px;line-height:1.5;letter-spacing:-.25px;color:#172033;margin:0 0 12px;font-weight:750;overflow-wrap:anywhere; }
.speaker-organizer { display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;color:#64748b;margin:0 0 12px; }
.speaker-organizer svg { width:17px;height:17px;flex-shrink:0;margin-top:1px;color:#0284c7; }
.speaker-description { font-size:13px;line-height:1.7;color:#475569;margin:0 0 20px; }
.speaker-card-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #edf2f7;flex-wrap:wrap; }
.speaker-document-label { font-size:10px;color:#94a3b8; }
.speaker-pdf-link { display:inline-flex;align-items:center;gap:7px;background:#0369a1;border-radius:9px;padding:9px 12px;color:#fff;text-decoration:none;font-size:12px;font-weight:700; }
.speaker-pdf-link:hover { background:#075985;color:#fff; }
.speaker-pdf-link:focus-visible { outline:3px solid #38bdf8;outline-offset:3px; }
.speaker-pdf-link svg { width:16px;height:16px; }
.speaker-pdf-pending { font-size:11px;color:#94a3b8; }
.speaker-empty { padding:24px;border:1px dashed #cbd5e1;border-radius:16px;color:#64748b;background:#f8fafc;font-size:13px; }
@media(max-width:700px) { .speaker-grid { grid-template-columns:1fr;gap:16px; } .speaker-card { padding:20px; } .speaker-section-header { align-items:flex-start; } .speaker-count { padding:7px 10px;font-size:10px;margin-top:22px; } .speaker-count strong { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .speaker-card { transition:none; } }
.article-search { margin:0 0 22px; }
.article-search label { display:block; margin-bottom:8px; font-size:12px; font-weight:700; color:#475569; }
.article-search > div { display:flex; gap:10px; }
.article-search input[type=search] { min-width:0; flex:1; padding:13px 16px; border:1px solid #cbd5e1; border-radius:8px; font:14px system-ui; background:white; }
.article-search button { padding:12px 24px; border:0; border-radius:8px; background:#0f172a; color:white; font-weight:600; cursor:pointer; }
.article-filter-summary { margin:0 0 18px; font-size:13px; color:#64748b; }
.article-filter-summary a { margin-left:12px; color:#0369a1; }
.article-tags { display:flex; flex-wrap:wrap; gap:8px; margin:30px 0 10px; align-items:center; font:12px system-ui; }
.article-tags span { color:#64748b; margin-right:4px; }
.article-tags a { padding:7px 12px; border:1px solid #e2e8f0; border-radius:5px; text-decoration:none; color:#0369a1; background:#f8fafc; }
.article-share-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.social-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; border:1px solid #e2e8f0; border-radius:50%; background:white; color:#334155; cursor:pointer; transition:transform .2s,box-shadow .2s,background .2s; text-decoration:none; }
.social-icon svg { width:20px; height:20px; }
.social-icon:hover { transform:translateY(-3px); box-shadow:0 6px 16px #0f172a12; background:#f8fafc; }
.social-icon:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
.social-whatsapp { color:#13874c; background:#f0fdf4; border-color:#d1fae5; }
.social-facebook { color:#1877f2; background:#eff6ff; border-color:#dbeafe; }
.social-instagram { color:#c13584; background:#fff1f7; border-color:#fce7f3; }
.social-x { color:#111827; }
.share-social-grid { display:flex!important; flex-wrap:wrap; justify-content:center; gap:12px!important; }
.share-social-grid .share-social-item { width:46px!important; height:46px!important; min-width:46px!important; padding:0!important; border-radius:50%!important; display:inline-flex!important; align-items:center; justify-content:center; }
.share-social-grid .share-social-item span { display:none; }
.share-social-grid svg { width:21px; height:21px; }
.article-toast { position:fixed; bottom:28px; left:50%; transform:translateX(-50%); z-index:100001; max-width:calc(100% - 32px); padding:12px 20px; border-radius:12px; background:#0f172a; color:white; font:500 14px/1.5 system-ui; box-shadow:0 10px 40px #0f172a25; }
body.editorial-article { background:#fff; color:#182230; }
.editorial-article .uix-sky-bg { display:none; }
.reading-progress { position:fixed; top:0; left:0; height:3px; width:0; background:#0284c7; z-index:100000; }
.article-layout { display:grid; grid-template-columns:minmax(0,780px) 280px; gap:64px; max-width:1180px; margin:auto; padding:140px 28px 80px; }
.article-breadcrumb { display:flex; gap:8px; font-size:12px; color:#64748b; margin-bottom:30px; }
.article-breadcrumb a { color:inherit; text-decoration:none; }
.article-category { display:inline-block; color:#0369a1; font:700 11px/1.4 system-ui; letter-spacing:1.4px; text-transform:uppercase; margin-bottom:16px; }
.article-title { font-family:Georgia,'Times New Roman',serif; font-size:clamp(30px,4vw,49px); font-weight:700; line-height:1.16; letter-spacing:-1.3px; color:#152333; margin:0 0 20px; }
.article-deck { font-size:18px; line-height:1.7; color:#64748b; margin:0 0 24px; }
.article-byline { display:flex; align-items:center; gap:12px; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #e2e8f0; }
.article-byline img { width:42px; height:42px; border-radius:50%; object-fit:cover; }
.article-byline strong { display:block; font-size:13px; color:#334155; }
.article-byline small { display:block; font-size:12px; color:#64748b; margin-top:4px; }
.article-cover { margin:28px 0 36px; }
.article-cover img { display:block; width:100%; max-height:530px; object-fit:cover; border-radius:8px; }
.article-cover figcaption { margin-top:10px; font-size:11px; color:#94a3b8; }
.editorial-article .article-body { font-family:Georgia,'Times New Roman',serif; font-size:19px; line-height:1.9; color:#334155; overflow-wrap:anywhere; margin-top:28px; }
.article-body p { margin:0 0 1.4em; }
.article-body h2,.article-body h3 { font-family:system-ui,sans-serif; line-height:1.35; margin:1.8em 0 .7em; color:#182230; }
.article-body ul,.article-body ol { padding-left:1.5em; margin-bottom:1.4em; }
.article-body blockquote { margin:32px 0; border-left:3px solid #0284c7; padding:8px 24px; color:#475569; font-style:italic; background:#f8fafc; }
.article-body img { max-width:100%; height:auto; border-radius:6px; }
.article-body table { display:block; max-width:100%; overflow-x:auto; }
.article-body a { color:#0369a1; text-decoration:underline; text-underline-offset:3px; }
.article-share-panel { margin:40px 0; padding:24px 0; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; }
.article-share-panel h2 { font-size:14px; margin:0 0 14px; }
.article-share-panel details { margin-top:22px; font-size:13px; color:#64748b; }
.article-share-panel summary { cursor:pointer; font-weight:600; }
.article-citation { margin-top:14px; padding:16px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; font:12px/1.8 system-ui; overflow-wrap:anywhere; }
.article-citation button { display:block; margin-top:12px; color:#0369a1; border:0; background:transparent; padding:0; font-weight:600; cursor:pointer; }
.article-author-card { display:flex; gap:18px; padding:24px; background:#f8fafc; border-radius:8px; }
.article-author-card img { width:60px; height:60px; border-radius:50%; object-fit:cover; }
.article-author-card strong { font-size:14px; }
.article-author-card p { font-size:13px; line-height:1.7; color:#64748b; margin:6px 0; }
.article-sidebar { padding-top:55px; }
.article-sidebar section { margin-bottom:34px; }
.article-sidebar h2 { font:700 11px/1.4 system-ui; letter-spacing:1.5px; text-transform:uppercase; padding-bottom:14px; border-bottom:2px solid #182230; margin-bottom:18px; }
.sidebar-story { display:block; padding:0 0 16px; margin-bottom:16px; border-bottom:1px solid #e2e8f0; text-decoration:none; }
.sidebar-story strong { display:block; font-family:Georgia,serif; font-size:17px; line-height:1.5; color:#182230; }
.sidebar-story small { font-size:11px; color:#94a3b8; }
.sidebar-category { display:flex; justify-content:space-between; padding:10px 0; font-size:13px; color:#475569; text-decoration:none; border-bottom:1px solid #f1f5f9; }
.editorial-list .subpage-hero-section { background:#fff; padding-top:140px; padding-bottom:40px; min-height:0; border-bottom:1px solid #e2e8f0; }
.editorial-list .subpage-hero-title { font-family:Georgia,serif; font-size:clamp(32px,5vw,54px); letter-spacing:-1px; }
.editorial-list .subpage-badge-strip { display:none; }
.editorial-list .uix-sky-bg { display:none; }
.editorial-list { background:#fff; }
.editorial-list #blog-section { max-width:1180px; padding-top:32px; }
.editorial-list .filter-pills-bar { justify-content:flex-start!important; margin-bottom:32px; }
.editorial-list .blog-card { border-radius:8px!important; box-shadow:none!important; border:1px solid #e2e8f0!important; transform:none!important; }
.editorial-list .blog-card-media { height:220px!important; }
.editorial-list .work-card-title { font-family:Georgia,serif; font-size:23px!important; line-height:1.4!important; font-weight:700!important; }
.editorial-list .blog-card:hover { box-shadow:0 10px 24px #0f172a0a!important; }
@media(max-width:1000px) { .article-layout { grid-template-columns:minmax(0,1fr); max-width:800px; gap:32px; } .article-sidebar { padding-top:0; display:grid; grid-template-columns:1fr 1fr; gap:28px; } }
@media(max-width:600px) { .article-layout { padding:115px 20px 40px; } .article-title { letter-spacing:-.6px; } .article-deck { font-size:16px; } .editorial-article .article-body { font-size:18px; } .article-sidebar { display:block; } .article-author-card { padding:18px; } .article-byline small { line-height:1.7; } }
@media(prefers-reduced-motion:reduce) { .social-icon { transition:none; } .social-icon:hover { transform:none; } }
/* Compact article layout, following the FKM reference. */
.verified-badge { display:inline-block;width:21px;height:21px;vertical-align:-4px;flex-shrink:0;margin-left:4px; }
.uix-caption-name-wrap .verified-badge { width:22px;height:22px;margin-left:0; }
.uix-caption-name-wrap .uix-caption-fullname { min-width:0; }
.article-layout { padding-top:116px; gap:32px; }
.article-breadcrumb { margin-bottom:16px; }
.article-category { background:#742687;color:white;padding:5px 15px;border-radius:999px;letter-spacing:0;font-size:12px;margin-bottom:16px;text-decoration:none; }
.article-title { font-family:var(--font-body),system-ui,sans-serif;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.27;letter-spacing:-.5px;margin-bottom:18px; }
.article-deck { display:none; }
.article-byline { padding-bottom:0;border:0;margin-bottom:20px; }
.article-byline img { display:none; }
.article-byline strong { font-weight:600; }
.article-byline small { font-size:13px;margin-top:4px; }
.article-cover { margin:20px 0 14px; }
.article-cover img { border-radius:14px;max-height:480px; }
.editorial-article .article-body { font-family:var(--font-body),system-ui,sans-serif;font-size:18px;line-height:1.7;margin-top:20px; }
.article-body p { margin-bottom:1em; }
.compact-share { margin:12px 0 18px; }
.compact-share summary { list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#f5eaf7;color:#742687;font-size:13px;cursor:pointer; }
.compact-share summary::-webkit-details-marker { display:none; }
.compact-share summary svg { width:17px;height:17px; }
.compact-share .article-share-toolbar { margin-top:12px; }
.article-sidebar { padding-top:24px; }
.article-share-panel { margin:26px 0;padding:20px 0; }
@media(max-width:600px) { .article-layout { padding:100px 20px 32px;gap:24px; } .article-title { font-size:28px;line-height:1.26; } .article-breadcrumb { display:none; } .article-category { margin-bottom:16px; } .article-cover { margin-top:18px; } .article-byline { margin-bottom:16px; } .editorial-article .article-body { font-size:17px;line-height:1.7; } }