.article-page-wrapper{grid-template-columns:1fr minmax(0,800px) 1fr;gap:0;min-height:80vh;padding:2rem 0;display:grid}.article-content-column{width:100%;padding:0 2rem}.article-breadcrumb{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;font-size:.75rem;font-weight:600}.article-breadcrumb a{color:var(--color-primary,#0d47a1);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--color-accent,#c00)}.article-header{margin-bottom:2rem}.article-kicker{background:var(--color-accent,#c00);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:2px;margin-bottom:1rem;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.article-title{font-family:var(--font-heading,"Merriweather", serif);color:#111;letter-spacing:-.5px;margin-bottom:1.25rem;font-size:3rem;font-weight:900;line-height:1.15}.article-summary{color:#444;margin-bottom:1.5rem;font-size:1.25rem;font-weight:400;line-height:1.6}.article-meta-bar{color:#666;border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.85rem;display:flex}.author-name{color:var(--color-primary,#0d47a1);font-weight:700}.time-info{align-items:center;gap:.75rem;display:flex}.divider{color:#ccc}.article-hero-image{width:100%;margin:0 0 2.5rem}.article-hero-image img{object-fit:cover;border-radius:4px;width:100%;height:auto}.article-hero-image figcaption{color:#888;text-align:right;margin-top:.5rem;font-size:.75rem;font-style:italic}.article-body p{color:#222;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.article-body p:first-of-type:first-letter{font-size:4rem;font-family:var(--font-heading,"Merriweather", serif);color:var(--color-primary,#0d47a1);float:left;margin-top:6px;margin-bottom:-4px;margin-right:12px;font-weight:900;line-height:.8}.article-pullquote{border-left:4px solid var(--color-accent,#c00);font-family:var(--font-heading,"Merriweather", serif);color:var(--color-primary,#0d47a1);background:#f9f9f9;border-radius:0 8px 8px 0;margin:2.5rem 0;padding:1.5rem 2rem;font-size:1.4rem;font-style:italic;font-weight:700;line-height:1.4;position:relative}.article-pullquote .pq-mark{color:var(--color-accent,#c00);opacity:.15;font-family:Georgia,serif;font-size:3.5rem;line-height:1;position:absolute;top:-10px;left:10px}.article-expert-quote{background:#f0f2f5;border:1px solid #ddd;border-radius:8px;margin:2.5rem 0;padding:1.5rem 2rem;position:relative}.article-expert-quote .eq-icon{background:#fafbfc;padding:0 10px;font-size:1.5rem;position:absolute;top:-15px;left:20px}.article-expert-quote blockquote{color:#333;border:none;margin-bottom:1rem;padding:0;font-size:1.1rem;font-style:italic;line-height:1.6}.article-expert-quote cite{color:var(--color-primary,#0d47a1);font-size:.9rem;font-style:normal;display:block}.article-infographic{border:2px solid var(--color-primary,#0d47a1);border-radius:8px;margin:2.5rem 0;overflow:hidden}.article-infographic h4{background:var(--color-primary,#0d47a1);color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0;padding:12px 20px;font-size:.85rem;font-weight:700}.article-infographic table{border-collapse:collapse;width:100%}.article-infographic td{border-bottom:1px solid #eee;padding:12px 20px;font-size:.95rem}.article-infographic td:first-child{color:#555}.article-infographic td:last-child{text-align:right;color:var(--color-primary,#0d47a1)}.article-infographic tr:last-child td{border-bottom:none}.article-infographic tr:nth-child(2n){background:#f8f8f8}.article-bullet{border-left:4px solid var(--color-accent,#c00);color:#222;background:#fff3f3;border-radius:0 6px 6px 0;margin:2.5rem 0;padding:1rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5}.article-tags{border-top:1px solid #eee;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.article-tag{background:var(--color-surface,#f7f8fa);color:var(--color-primary,#0d47a1);border:1px solid var(--color-border,#e5e7eb);transition:all var(--transition-fast,.15s ease);cursor:default;border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600;display:inline-block}.article-tag:hover{background:var(--color-primary,#0d47a1);color:#fff;border-color:var(--color-primary,#0d47a1)}@media (max-width:1200px){.article-page-wrapper{grid-template-columns:50px 1fr 50px}}@media (max-width:900px){.article-page-wrapper{grid-template-columns:1fr}.ad-gutter{display:none}.article-title{font-size:2.2rem}.article-summary{font-size:1.1rem}}@media (max-width:600px){.article-content-column{padding:0 1rem}.article-meta-bar{flex-direction:column;align-items:flex-start;gap:.5rem}.time-info{flex-wrap:wrap;font-size:.75rem}}@media (max-width:768px){.article-page-wrapper{padding-bottom:90px}}
.share-buttons-container{align-items:center;gap:12px;display:flex}.share-action-text{color:var(--color-text-primary,#111);text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-right:8px;font-size:.95rem;font-weight:700}.share-btn{background-color:var(--color-background-secondary,#f0f0f0);width:42px;height:42px;color:var(--color-text-primary,#333);border:1px solid var(--color-border,#ddd);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2px 5px #0000000d}[data-theme=dark] .share-btn{background-color:var(--color-background-secondary,#222);color:var(--color-text-primary,#eee);border-color:var(--color-border,#333);box-shadow:0 2px 5px #0000004d}.share-btn svg{fill:currentColor;width:20px;height:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.share-btn:hover{transform:translateY(-6px)scale(1.05);box-shadow:0 8px 15px #0000001a}[data-theme=dark] .share-btn:hover{box-shadow:0 8px 15px #00000080}.share-btn:hover svg{transform:scale(1.15)rotate(5deg)}.share-btn.twitter:hover{color:#fff;background-color:#000;border-color:#000}[data-theme=dark] .share-btn.twitter:hover{color:#000;background-color:#fff;border-color:#fff}.share-btn.facebook:hover{color:#fff;background-color:#1877f2;border-color:#1877f2}.share-btn.linkedin:hover{color:#fff;background-color:#0a66c2;border-color:#0a66c2}.share-btn.whatsapp:hover{color:#fff;background-color:#25d366;border-color:#25d366}.desktop-inline{border-top:1px solid var(--color-border,#eee);margin:20px 0 30px;padding-top:20px}[data-theme=dark] .desktop-inline{border-color:#333}.mobile-fixed{display:none}@media (max-width:768px){.desktop-inline{display:none}.share-buttons-container.mobile-fixed{background:var(--color-background-primary,#fff);border-top:1px solid var(--color-border,#eee);z-index:999;padding:16px 20px;padding-bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-radius:20px 20px 0 0;flex-direction:row;justify-content:center;align-items:center;gap:24px;margin:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpShare;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0000001f}[data-theme=dark] .share-buttons-container.mobile-fixed{background:#121212f2;border-color:#333;box-shadow:0 -8px 30px #00000080}.mobile-share-handle{background:var(--color-border,#ccc);opacity:.5;border-radius:4px;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.share-buttons-container.mobile-fixed .share-btn{width:48px;height:48px;box-shadow:none;background:var(--color-background-secondary,#f5f5f5);border:none}[data-theme=dark] .share-buttons-container.mobile-fixed .share-btn{background:var(--color-background-secondary,#2a2a2a)}.share-buttons-container.mobile-fixed .share-btn:hover,.share-buttons-container.mobile-fixed .share-btn:active{transform:translateY(-4px)scale(1.05)}}@keyframes slideUpShare{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}