.article-page{min-height:70vh;color:var(--text-primary);padding:40px 24px 80px}.article-container{background:var(--card-bg);max-width:760px;box-shadow:var(--card-shadow);border-radius:12px;margin:0 auto;padding:48px 48px 56px;transition:background .3s,box-shadow .3s}@media (max-width:640px){.article-container{padding:28px 20px 36px}}.article-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;font-size:.82rem;display:flex}.article-breadcrumb a{color:var(--accent);font-weight:500;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb .sep{color:var(--text-faint)}.article-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 16px;font-size:2rem;font-weight:800;line-height:1.3}.article-meta-bar{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 28px;padding:12px 16px;display:flex}.article-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:flex}.article-meta-item svg{color:var(--accent);flex-shrink:0}.article-intro{color:var(--text-secondary);border-left:3px solid var(--accent);margin:0 0 32px;padding-left:16px;font-size:1.05rem;line-height:1.8}.article-toc{background:var(--accent-light);border:1px solid var(--border-light);border-radius:10px;margin:0 0 36px;padding:20px 24px}.article-toc-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.9rem;font-weight:700}.article-toc-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;list-style:decimal;display:flex}.article-toc-link{color:var(--accent);font-size:.875rem;font-weight:500;line-height:1.6;text-decoration:none;transition:color .2s}.article-toc-link:hover{color:var(--accent-hover);text-decoration:underline}.article-section{scroll-margin-top:80px}.article-sections{flex-direction:column;gap:32px;display:flex}.article-section h2{color:var(--text-primary);margin:0 0 12px;font-size:1.25rem;font-weight:700}.article-section p{color:var(--text-secondary);margin:0 0 12px;font-size:.925rem;line-height:1.8}.article-section p:last-child{margin-bottom:0}.article-section ul,.article-section ol{color:var(--text-secondary);margin:8px 0 0;padding-left:20px;font-size:.925rem;line-height:2}.article-cta{background:var(--accent-light);text-align:center;border:1px solid var(--border-light);border-radius:10px;margin-top:40px;padding:32px}.article-cta h3{color:var(--text-primary);margin:0 0 8px;font-size:1.15rem;font-weight:700}.article-cta p{color:var(--text-secondary);margin:0 0 18px;font-size:.9rem;line-height:1.6}.article-cta-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,background .2s;display:inline-block}.article-cta-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.article-related{border-top:1px solid var(--border-light);margin-top:40px;padding-top:28px}.article-related h3{color:var(--text-primary);margin:0 0 14px;font-size:1rem;font-weight:700}.article-related-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.article-related-link{background:var(--hover-bg);color:var(--accent);border-radius:8px;padding:12px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s;display:block}.article-related-link:hover{background:var(--accent-light)}.article-feedback{background:var(--hover-bg);border:1px solid var(--border-light);text-align:center;border-radius:12px;margin-top:36px;padding:28px 32px}.article-feedback h3{color:var(--text-primary);margin:0 0 6px;font-size:1.05rem;font-weight:700}.article-feedback p{color:var(--text-secondary);margin:0 0 16px;font-size:.875rem;line-height:1.6}.article-feedback-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.article-feedback-btn{cursor:pointer;border:1px solid var(--border-light);background:var(--card-bg);color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.article-feedback-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.article-feedback-yes:hover{background:#22c55e14;border-color:#22c55e}.article-feedback-no:hover{background:#f9731614;border-color:#f97316}.article-feedback-thanks{text-align:left;align-items:center;gap:16px;display:flex}.article-feedback-thanks p{margin:0}.article-feedback-icon{flex-shrink:0;font-size:2rem}.article-invoice-preview{background:var(--accent-light);border:1px solid var(--border-light);border-radius:12px;margin:0 0 36px;padding:28px 32px}.article-invoice-preview h3{color:var(--text-primary);margin:0 0 8px;font-size:1.1rem;font-weight:700}.article-invoice-preview-desc{color:var(--text-secondary);margin:0 0 20px;font-size:.875rem;line-height:1.6}.article-invoice-mockup{color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:28px 24px;font-size:.82rem;box-shadow:0 2px 8px #0000000f}.mockup-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.mockup-logo{align-items:center;gap:12px;display:flex}.mockup-logo-placeholder{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.6rem;font-weight:700;display:flex}.mockup-company{color:#111;font-size:.9rem;font-weight:700}.mockup-detail{color:#6b7280;font-size:.75rem}.mockup-detail-bold{color:#374151;font-size:.75rem;font-weight:600}.mockup-invoice-info{text-align:right}.mockup-invoice-label{color:#6366f1;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.7rem;font-weight:800}.mockup-divider{background:#e5e7eb;height:1px;margin:16px 0}.mockup-client,.mockup-table{margin-bottom:16px}.mockup-table-header{color:#374151;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-radius:6px;grid-template-columns:2fr .5fr 1fr 1fr;gap:8px;padding:8px 10px;font-size:.7rem;font-weight:600;display:grid}.mockup-table-row{color:#374151;border-bottom:1px solid #f3f4f6;grid-template-columns:2fr .5fr 1fr 1fr;gap:8px;padding:10px;font-size:.78rem;display:grid}.mockup-totals{padding-top:8px}.mockup-total-row{color:#6b7280;justify-content:flex-end;gap:40px;padding:6px 10px;font-size:.78rem;display:flex}.mockup-total-row span:first-child{text-align:right;min-width:80px}.mockup-total-final{color:#111;border-top:2px solid #e5e7eb;margin-top:4px;padding-top:10px;font-size:.9rem;font-weight:700}.article-invoice-preview-cta{text-align:center;margin-top:20px}@media (max-width:640px){.article-invoice-preview{padding:20px 16px}.article-invoice-mockup{padding:20px 14px}.mockup-header{flex-direction:column;gap:12px}.mockup-invoice-info{text-align:left}.mockup-table-header,.mockup-table-row{grid-template-columns:2fr 1fr}.mockup-table-header span:nth-child(2),.mockup-table-header span:nth-child(3),.mockup-table-row span:nth-child(2),.mockup-table-row span:nth-child(3){display:none}.article-feedback{padding:20px 16px}}
.legal-page{min-height:70vh;color:var(--text-primary);padding:40px 24px 80px;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif}.legal-container{background:var(--card-bg);max-width:720px;box-shadow:var(--card-shadow);border-radius:10px;margin:0 auto;padding:48px 48px 56px;transition:background .3s,box-shadow .3s}@media (max-width:640px){.legal-container{padding:28px 20px 36px}}.legal-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:2rem;font-weight:800}.legal-updated{color:var(--text-muted);margin:0 0 32px;font-size:.82rem;font-weight:500}.legal-content{flex-direction:column;gap:28px;display:flex}.legal-section{border-bottom:1px solid var(--border-light);padding-bottom:24px}.legal-section:last-child{border-bottom:none;padding-bottom:0}.legal-heading{color:var(--text-primary);margin:0 0 10px;font-size:1.05rem;font-weight:700}.legal-body{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:.9rem;line-height:1.7}