.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}}
