.article-hero{background:var(--bg-sky);padding:40px 0 56px}@media (min-width:768px){.article-hero{padding:64px 0 80px}}.article-hero .breadcrumb{color:var(--ink-50);margin-bottom:16px;font-size:13px}.article-hero .breadcrumb a{color:var(--ink-50)}.article-hero .breadcrumb a:hover{color:var(--propa-blue)}.article-hero .cat-tag{color:var(--propa-blue);text-transform:uppercase;letter-spacing:.06em;background:#fff;border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.article-hero h1{max-width:820px;margin-bottom:18px}.article-hero .article-lead{color:var(--ink-60);max-width:720px;font-size:18px;font-weight:500;line-height:1.55}@media (min-width:768px){.article-hero .article-lead{font-size:21px}}.article-hero .meta-row{color:var(--ink-50);flex-wrap:wrap;gap:16px 24px;margin-top:24px;font-size:13px;display:flex}.article-hero .meta-row b{color:var(--ink)}.article-img-wrap{background:#fff;padding-top:40px}.article-img{aspect-ratio:16/9;background:linear-gradient(135deg, var(--sky-1) 0%, var(--propa-blue) 100%);color:#fff9;text-align:center;max-width:960px;box-shadow:var(--soft-shadow);border-radius:24px;justify-content:center;align-items:center;margin:0 auto;padding:24px;font-weight:600;display:flex}.article-body-section{background:#fff;padding:40px 0 80px}@media (min-width:768px){.article-body-section{padding:64px 0 96px}}.article-grid{grid-template-columns:1fr;gap:40px;max-width:1100px;margin:0 auto;display:grid}@media (min-width:1024px){.article-grid{grid-template-columns:220px minmax(0,700px);gap:64px}}.toc{display:none}@media (min-width:1024px){.toc{align-self:start;display:block;position:sticky;top:100px}.toc h5{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-40);margin-bottom:16px;font-size:11px;font-weight:700}.toc ol{counter-reset:t;margin:0;padding:0;list-style:none}.toc li{counter-increment:t;padding:6px 0;font-size:13px;line-height:1.5}.toc li a{color:var(--ink-60);gap:10px;display:flex}.toc li a:hover{color:var(--propa-blue)}.toc li a:before{content:counter(t, decimal-leading-zero);color:var(--ink-30);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.toc .read-time{background:var(--surface);color:var(--ink-60);border-radius:12px;margin-top:24px;padding:12px 16px;font-size:12px}.toc .read-time b{color:var(--ink)}}.article-content h2{letter-spacing:-.025em;color:var(--ink);margin:48px 0 16px;font-size:28px;font-weight:800;line-height:1.15}.article-content h3{letter-spacing:-.02em;color:var(--ink);margin:32px 0 14px;font-size:22px;font-weight:700;line-height:1.2}.article-content p{color:var(--ink-80);margin:16px 0;font-size:17px;line-height:1.7}.article-content p:first-child{margin-top:0}.article-content a{color:var(--propa-blue);text-underline-offset:3px;text-decoration:underline}.article-content ul,.article-content ol{color:var(--ink-80);margin:16px 0;padding-left:24px;font-size:17px;line-height:1.7}.article-content li{padding:4px 0}.article-content blockquote{border-left:3px solid var(--propa-blue);color:var(--ink);letter-spacing:-.015em;margin:24px 0;padding:4px 0 4px 20px;font-size:19px;font-style:italic;line-height:1.5}.callout{background:var(--propa-blue-soft);border:1px solid #2563ff1a;border-radius:16px;margin:24px 0;padding:20px 24px}.callout h4{color:var(--propa-blue);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:14px;font-weight:700}.callout p{color:var(--ink-80);margin:0;font-size:15px;line-height:1.6}.callout.warn{background:#fff7e0;border-color:#ffa51a4d}.callout.warn h4{color:#b85b00}.article-cta{background:var(--ink);color:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:32px 0;padding:28px;display:flex}.article-cta h4{margin-bottom:4px;font-size:17px;font-weight:700}.article-cta p{color:#ffffffb3;margin:0;font-size:14px}.article-cta .btn{background:var(--cool);color:var(--ink);border-color:var(--cool)}.author-section{background:var(--surface);margin-top:64px;padding:56px 0}.author-card{max-width:700px;box-shadow:var(--soft-shadow);background:#fff;border-radius:24px;align-items:flex-start;gap:20px;margin:0 auto;padding:28px;display:flex}.author-card .avatar{background:linear-gradient(135deg, var(--sky-1), var(--sky-3));width:80px;height:80px;color:var(--ink-40);text-align:center;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:10px;font-weight:700;display:flex}.author-card h4{letter-spacing:-.015em;margin-bottom:2px;font-size:17px;font-weight:700}.author-card .role{color:var(--propa-blue);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:700}.author-card p{color:var(--ink-60);margin-bottom:12px;font-size:14px;line-height:1.55}.related-section{background:#fff}.related-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.related-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-card{box-shadow:var(--soft-shadow);border:1px solid var(--line-soft);background:#fff;border-radius:24px;overflow:hidden}.related-card .img{aspect-ratio:16/10;background:linear-gradient(135deg, var(--sky-1), var(--sky-3));color:var(--ink-40);text-align:center;justify-content:center;align-items:center;padding:16px;font-size:12px;font-weight:600;display:flex}.related-card .body{padding:22px}.related-card .cat{text-transform:uppercase;letter-spacing:.06em;color:var(--propa-blue);margin-bottom:8px;font-size:11px;font-weight:700}.related-card h4{letter-spacing:-.015em;margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.3}.related-card p{color:var(--ink-60);font-size:13px;line-height:1.5}