.article-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;line-height:1.6;background-color:#fff}.article-header{border-bottom:1px solid #000;padding:20px 0;text-align:center;margin-bottom:20px}.article-logo{font-family:Georgia,Times New Roman,Times,serif;font-size:48px;font-weight:700;color:#000;margin-bottom:5px;line-height:1}.article-tagline{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:15px}.article-meta-bar{border-top:1px solid #ddd;border-bottom:1px solid #000;padding:8px 0;font-size:12px;color:#666;display:flex;justify-content:space-between;max-width:1000px;margin:0 auto}.article-container{max-width:800px;margin:0 auto;padding:40px 20px}.article-category-tag{background-color:#d32f2f;color:#fff;display:inline-block;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:15px}.article-title{font-family:Georgia,Times New Roman,Times,serif;font-size:42px;line-height:1.2;font-weight:700;margin-bottom:20px;color:#111}.article-lead{font-size:20px;color:#555;margin-bottom:30px;line-height:1.5}.article-author-block{display:flex;align-items:center;margin-bottom:30px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px 0}.author-avatar{width:50px;height:50px;border-radius:50%;background-color:#ddd;margin-right:15px;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{flex:1}.author-name{font-weight:700;font-size:14px;color:#333}.author-role{font-size:12px;color:#666}.article-date{font-size:12px;color:#888;margin-top:2px}.article-actions{display:flex;gap:15px}.article-hero-image{width:100%;height:auto;margin-bottom:30px;border-radius:4px;overflow:hidden}.article-hero-image img{width:100%;height:auto;display:block}.article-body{font-size:18px;line-height:1.8;color:#222}.article-body p{margin-bottom:20px}.article-body h2{font-family:Georgia,Times New Roman,Times,serif;font-size:28px;margin-top:40px;margin-bottom:20px;font-weight:700}.article-cta-box{background-color:#f0f7ff;border:1px solid #cce5ff;padding:30px;margin:40px 0;border-radius:8px;text-align:center}.article-cta-title{font-size:24px;font-weight:700;margin-bottom:15px;color:#0056b3}.article-cta-button{display:inline-block;background-color:#28a745;color:#fff;padding:15px 30px;font-size:18px;font-weight:700;text-decoration:none;border-radius:5px;transition:background-color .2s}.article-cta-button:hover{background-color:#218838}@media(max-width:768px){.article-title{font-size:32px}.article-meta-bar{flex-direction:column;align-items:center;gap:5px}}:root{--color-primary: #1E88E5;--color-primary-dark: #1565C0;--color-primary-light: #64B5F6;--color-navy: #0D47A1;--color-primary-bg: #E3F2FD;--color-success: #28A745;--color-success-dark: #1E7B34;--color-warning: #FFC107;--color-error: #DC3545;--color-info: #17A2B8;--color-black: #000000;--color-dark-gray: #212529;--color-medium-gray: #6C757D;--color-light-gray: #F8F9FA;--color-white: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--max-content-width: 1280px;--container-padding: 24px;--container-padding-desktop: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 18px;--font-size-h1: 48px;--font-size-h2: 36px;--font-size-h3: 28px;--font-size-h4: 22px;--line-height-base: 1.6;--line-height-heading: 1.2;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-pill: 30px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-dark-gray);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:700;line-height:var(--line-height-heading);color:var(--color-dark-gray)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3);font-weight:600}h4{font-size:var(--font-size-h4);font-weight:600}p{margin-top:0;margin-bottom:1em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-content-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.section--light{background-color:var(--color-light-gray)}.section--dark{background-color:var(--color-navy);color:var(--color-white)}.section--primary{background-color:var(--color-primary);color:var(--color-white)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.text-muted{color:var(--color-medium-gray)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}@media(max-width:768px){:root{--font-size-h1: 32px;--font-size-h2: 28px;--font-size-h3: 22px;--font-size-h4: 18px}.section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}@media(max-width:576px){:root{--font-size-h1: 28px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-h4: 18px}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.ant-layout{background:var(--color-white)}.ant-layout-content{min-height:calc(100vh - 64px)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:var(--color-medium-gray);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}