.article-container{--primary:#1e3a8a;--secondary:#3b82f6;--accent:#fbbf24;--text-dark:#1e293b;--text-light:#64748b;--bg:#ffffff;--muted:#f1f5f9;max-width:48rem;margin:0 auto;padding:2rem 1.5rem;background:var(--bg);border-radius:1rem;box-shadow:0 4px 20px rgba(30,58,138,.08);position:relative}.article-hero{position:relative;width:100%;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 24px rgba(30,58,138,.12);background:var(--muted);margin-bottom:1.5rem}.article-hero-image{-o-object-fit:cover;object-fit:cover}.article-header{margin-top:0;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--muted)}.article-title{font-size:clamp(1.875rem,4vw,2.75rem);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--primary);margin:0 0 1rem;font-family:var(--font-poppins),sans-serif}.article-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.article-meta-badge{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px rgba(30,58,138,.25)}.article-meta-time{color:var(--text-light);font-size:.9375rem;font-weight:500}.article-body{color:#334155;font-size:1.125rem;line-height:1.85;font-family:var(--font-poppins),-apple-system,BlinkMacSystemFont,sans-serif}.article-body p{margin:1.25rem 0;text-align:justify}.article-body p:first-of-type{font-size:1.1875rem;color:#1e293b}.article-body a{color:#3b82f6;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;transition:all .2s;font-weight:500}.article-body a:hover{color:#1e3a8a;text-decoration-color:#fbbf24}.article-body h2{margin-top:3rem;margin-bottom:1.25rem;font-size:clamp(1.625rem,3vw,2.125rem);line-height:1.25;font-weight:800;color:var(--primary);scroll-margin-top:6rem;position:relative;padding-bottom:.5rem}.article-body h2:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;background:linear-gradient(90deg,#fbbf24,transparent)}.article-body h3{margin-top:2rem;margin-bottom:1rem;font-size:clamp(1.375rem,2.5vw,1.625rem);line-height:1.35;font-weight:700;color:#1e3a8a;scroll-margin-top:6rem}.article-body h4{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;line-height:1.4;font-weight:600;color:#1e3a8a}.article-body blockquote{margin:2rem 0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f0f9ff,#f1f5f9);border-left:5px solid var(--accent);color:var(--text-dark);border-radius:.5rem;font-style:italic;box-shadow:0 2px 8px rgba(30,58,138,.06)}.article-body blockquote p{margin:.5rem 0}.article-body img{display:block;margin:2rem auto;border-radius:.75rem;box-shadow:0 8px 24px rgba(30,58,138,.12);max-width:100%;height:auto;border:1px solid #e2e8f0}.article-body ol,.article-body ul{padding-left:1.75rem;margin:1.5rem 0}.article-body li{margin:.75rem 0;line-height:1.75}.article-body ul>li::marker{color:#3b82f6;font-size:1.1em}.article-body ol>li::marker{color:#1e3a8a;font-weight:600}.article-body hr{margin:3rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent)}.article-body code,.article-body pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.article-body pre{background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;box-shadow:0 4px 16px rgba(15,23,42,.3);border:1px solid #334155}.article-body code:not(pre code){background:#f1f5f9;color:#1e3a8a;padding:.2rem .5rem;border-radius:.375rem;font-weight:500;font-size:.9em;border:1px solid #e2e8f0}.article-body strong{color:#1e3a8a;font-weight:700}.article-body em{color:#475569}.article-body table{width:100%;margin:2rem 0;border-collapse:collapse;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 12px rgba(30,58,138,.08)}.article-body th{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:.875rem 1rem;text-align:left;font-weight:600}.article-body td{padding:.875rem 1rem;border-bottom:1px solid #e2e8f0}.article-body tr:last-child td{border-bottom:none}.article-body tr:nth-child(2n){background:#f8fafc}@media(max-width:640px){.article-container{padding:1.5rem 1rem;border-radius:.75rem}.article-body{font-size:1.0625rem}.article-body p{text-align:left}.article-title{font-size:1.75rem}}