.article-page{padding:120px 0 80px;background:var(--bg-primary, #02040A);min-height:100vh}.article-container{max-width:720px;margin:0 auto;padding:0 24px}.article-header{margin-bottom:48px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-tertiary, rgba(248, 250, 252, .5));text-decoration:none;margin-bottom:32px;transition:color .2s ease}.back-link:hover{color:var(--text-primary, #F8FAFC)}.article-meta{margin-bottom:16px}.article-header .read-time{font-family:var(--font-mono, monospace);font-size:.75rem;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.article-header h1{font-family:var(--font-serif, Georgia, serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:500;color:var(--text-primary, #F8FAFC);margin:0 0 16px;letter-spacing:-.02em;line-height:1.2}.article-subtitle{font-size:1.25rem;color:var(--text-secondary, rgba(248, 250, 252, .7));line-height:1.5;margin:0}.article-content{color:var(--text-secondary, rgba(248, 250, 252, .8));font-size:1.0625rem;line-height:1.8}.article-content h2{font-family:var(--font-serif, Georgia, serif);font-size:1.625rem;font-weight:500;color:var(--text-primary, #F8FAFC);margin:56px 0 20px;letter-spacing:-.01em}.article-content h3{font-family:var(--font-sans, sans-serif);font-size:1.25rem;font-weight:600;color:var(--text-primary, #F8FAFC);margin:40px 0 16px}.article-content p{margin:0 0 20px}.article-content strong{color:var(--text-primary, #F8FAFC);font-weight:600}.article-content ul,.article-content ol{margin:0 0 24px;padding-left:24px}.article-content li{margin-bottom:12px}.article-content blockquote{border-left:3px solid #3B82F6;padding-left:24px;margin:32px 0;font-style:italic;color:var(--text-primary, #F8FAFC)}.definition-box{background:var(--bg-secondary, #0F172A);border:1px solid var(--bg-tertiary, #1E293B);border-radius:8px;padding:24px;margin:32px 0}.definition-box .term{font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;margin-bottom:8px}.definition-box p{margin:0;font-size:1.125rem;color:var(--text-primary, #F8FAFC);line-height:1.6}.key-point{background:#3b82f61a;border-left:3px solid #3B82F6;padding:20px 24px;margin:32px 0;border-radius:0 8px 8px 0}.key-point p{margin:0;color:var(--text-primary, #F8FAFC)}.warning-box{background:#ef44441a;border-left:3px solid #EF4444;padding:20px 24px;margin:32px 0;border-radius:0 8px 8px 0}.warning-box p{margin:0;color:var(--text-primary, #F8FAFC)}.article-content table{width:100%;border-collapse:collapse;margin:32px 0;font-size:.9375rem}.article-content th,.article-content td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary, #1E293B)}.article-content th{font-weight:600;color:var(--text-primary, #F8FAFC);background:var(--bg-secondary, #0F172A)}.article-content td{color:var(--text-secondary, rgba(248, 250, 252, .8))}.formula{background:var(--bg-secondary, #0F172A);border:1px solid var(--bg-tertiary, #1E293B);border-radius:8px;padding:24px;margin:32px 0;text-align:center;font-family:var(--font-mono, monospace);font-size:1.125rem;color:var(--text-primary, #F8FAFC)}.checklist{background:var(--bg-secondary, #0F172A);border:1px solid var(--bg-tertiary, #1E293B);border-radius:12px;padding:32px;margin:32px 0}.checklist h4{font-family:var(--font-sans, sans-serif);font-size:1rem;font-weight:600;color:var(--text-primary, #F8FAFC);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--bg-tertiary, #1E293B)}.checklist ul{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--bg-tertiary, #1E293B)}.checklist li:last-child{border-bottom:none}.check-icon{flex-shrink:0;width:20px;height:20px;border:2px solid var(--bg-tertiary, #1E293B);border-radius:4px;margin-top:2px}.article-footer{margin-top:64px;padding-top:48px;border-top:1px solid var(--bg-tertiary, #1E293B)}.cta-box{background:var(--bg-secondary, #0F172A);border:1px solid var(--bg-tertiary, #1E293B);border-radius:12px;padding:32px;text-align:center}.cta-box h3{font-family:var(--font-serif, Georgia, serif);font-size:1.5rem;font-weight:500;color:var(--text-primary, #F8FAFC);margin:0 0 12px}.cta-box p{color:var(--text-secondary, rgba(248, 250, 252, .7));margin:0 0 24px}.cta-box .btn{display:inline-block;padding:14px 28px;background:#3b82f6;color:#fff;font-weight:600;text-decoration:none;border-radius:6px;transition:background .2s ease}.cta-box .btn:hover{background:#2563eb}.related-articles{margin-top:56px;padding-top:40px;border-top:1px solid var(--bg-tertiary, #1E293B)}.related-articles h3{font-family:var(--font-sans, sans-serif);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, rgba(248, 250, 252, .5));margin:0 0 16px}.related-articles ul{list-style:none;padding:0;margin:0}.related-articles li{margin-bottom:12px}.related-articles a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.related-articles a:hover{color:#60a5fa;text-decoration:underline}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-tertiary, rgba(248, 250, 252, .5));margin-bottom:24px}.breadcrumbs a{color:var(--text-tertiary, rgba(248, 250, 252, .5));text-decoration:none;transition:color .2s ease}.breadcrumbs a:hover{color:var(--text-primary, #F8FAFC)}.breadcrumbs .separator{color:var(--text-tertiary, rgba(248, 250, 252, .3))}.breadcrumbs .current{color:var(--text-secondary, rgba(248, 250, 252, .7))}.article-content a{color:#3b82f6;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.article-content a:hover{border-bottom-color:#3b82f6}@media(max-width:600px){.article-page{padding:100px 0 60px}.article-header h1{font-size:1.75rem}.article-content h2{font-size:1.375rem;margin-top:40px}.definition-box,.checklist{padding:20px}.breadcrumbs{flex-wrap:wrap}}@media print{.article-page{background:#fff;padding:0}.article-container{max-width:100%;padding:20px}.back-link,.related-articles,.cta-box,.article-footer,nav,footer,.breadcrumbs{display:none!important}.article-header h1,.article-subtitle,.article-content,.article-content h2,.article-content h3,.article-content p,.article-content li,.article-content strong,.definition-box p,.key-point p,.warning-box p,.formula{color:#000!important}.definition-box,.key-point,.warning-box,.checklist,.formula{background:#f5f5f5!important;border:1px solid #ccc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.key-point{border-left:3px solid #3B82F6!important}.warning-box{border-left:3px solid #EF4444!important}.article-content table{border:1px solid #ccc}.article-content th{background:#e5e5e5!important;color:#000!important}.article-content td{color:#000!important;border-bottom:1px solid #ccc!important}.checklist{page-break-inside:avoid}.checklist h4{color:#000!important;border-bottom:1px solid #ccc!important}.checklist li{border-bottom:1px solid #e5e5e5!important}.check-icon{border:2px solid #333!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.definition-box,.key-point,.warning-box,.formula{page-break-inside:avoid}.article-content a[href]:after{content:none}}