/* Editorial reading experience and accessible, self-contained share icons. */
.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; } }