:root{--navy: #1B3A5C;--teal: #2B6CB0;--teal-accent: #1A8B8B;--teal-light: #e8f5f5;--link-light: #C5D8E8;--footer-link: #A8BDD4;--gray1: #F5F7FA;--gray2: #EEF2F7;--gray3: #DDE3EC;--gray4: #8A9BB0;--text: #222;--text-light: #444}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}@media(max-width:680px){.header-nav.open{display:flex}}.article-hero{background:linear-gradient(135deg,var(--navy) 0%,#22507a 100%);color:#fff;padding:60px 20px 50px;text-align:center}.article-hero .breadcrumb{font-size:.82rem;color:var(--link-light);margin-bottom:16px}.article-hero .breadcrumb a{color:var(--link-light)}.article-hero .breadcrumb a:hover{color:#fff}.article-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;max-width:800px;margin:0 auto 16px}.article-hero .subtitle{font-size:1.1rem;color:var(--link-light);max-width:620px;margin:0 auto 28px}.article-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:.83rem;color:#ffffffa6}.hero-image-wrapper{max-width:1120px;margin:0 auto;padding:0 24px}.hero-image-wrapper img{width:100%;aspect-ratio:3 / 1;object-fit:cover;border-radius:12px;display:block;margin-top:-28px;box-shadow:0 4px 20px #0000001a}.article-layout{max-width:860px;margin:0 auto;padding:48px 20px 64px}.intro-section{margin-bottom:48px}.intro-section p{font-size:1.05rem;line-height:1.75;color:var(--text-light);margin-bottom:16px}.methods-section{margin-bottom:56px}.methods-section h2{font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:24px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:680px){.method-grid{grid-template-columns:1fr}}.method-card{display:block;background:#fff;border:1.5px solid var(--gray3);border-radius:12px;padding:28px 24px;text-decoration:none;transition:border-color .2s,box-shadow .2s}.method-card:hover{border-color:var(--teal-accent);box-shadow:0 4px 16px #1a8b8b1a;text-decoration:none}.method-card.card-featured{border-color:var(--teal-accent);background:linear-gradient(135deg,#f0fafa,#fff)}.method-icon{margin-bottom:12px}.method-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-accent);margin-bottom:8px}.method-card h3{font-size:1.15rem;font-weight:700;color:var(--navy);margin-bottom:8px}.method-card p{font-size:.9rem;color:var(--text-light);line-height:1.6;margin-bottom:12px}.method-link{font-size:.88rem;font-weight:600;color:var(--teal-accent)}.article-section{margin-bottom:52px}.article-section h2{font-size:1.5rem;font-weight:800;color:var(--navy);margin-bottom:16px;border-top:3px solid var(--teal-accent);padding-top:16px}.article-section p{font-size:1rem;line-height:1.75;color:var(--text-light);margin-bottom:16px}.article-section h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin:24px 0 10px}.compare-table-wrap{overflow-x:auto;margin:24px 0;border-radius:10px;border:1px solid var(--gray3)}.compare-table{width:100%;border-collapse:collapse;font-size:.88rem}.compare-table thead tr{background:var(--navy);color:#fff}.compare-table th{padding:12px 14px;text-align:left;font-weight:600;font-size:.83rem;white-space:nowrap}.compare-table td{padding:11px 14px;border-bottom:1px solid var(--gray3);color:var(--text-light);vertical-align:top}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:nth-child(2n) td{background:var(--gray1)}.key-fact{background:var(--teal-light);border-left:4px solid var(--teal-accent);border-radius:0 8px 8px 0;padding:16px 20px;margin:24px 0}.key-fact p{font-size:.95rem;color:var(--navy);font-weight:500;margin-bottom:0!important}.key-fact strong{color:var(--teal-accent)}.faq-list{display:flex;flex-direction:column;gap:0;margin:20px 0;border:1px solid var(--gray3);border-radius:10px;overflow:hidden}.faq-item{border-bottom:1px solid var(--gray3)}.faq-item:last-child{border-bottom:none}.faq-q{font-size:.97rem;font-weight:600;color:var(--navy);padding:16px 20px}.faq-a{padding:0 20px 16px;font-size:.93rem;color:var(--text-light);line-height:1.65}.article-cta{background:linear-gradient(135deg,var(--navy) 0%,#22507a 100%);color:#fff;border-radius:14px;padding:40px 32px;text-align:center;margin-top:56px}.article-cta h2{font-size:1.5rem;font-weight:800;margin-bottom:10px}.article-cta p{color:var(--link-light);font-size:1rem;margin-bottom:24px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--teal-accent);color:#fff;padding:13px 28px;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;display:inline-block}.btn-primary:hover{background:#167a7a;text-decoration:none}.btn-secondary{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.35);padding:13px 28px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#fff3;text-decoration:none}.related-articles{margin-top:56px}.related-articles h2{font-size:1.2rem;font-weight:700;color:var(--navy);margin-bottom:16px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.related-card{background:var(--gray1);border:1px solid var(--gray3);border-radius:10px;padding:18px 20px;text-decoration:none;transition:border-color .15s;display:block}.related-card:hover{border-color:var(--teal-accent);text-decoration:none}.related-card .tag{font-size:.75rem;font-weight:700;color:var(--teal-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.related-card h3{font-size:.95rem;font-weight:600;color:var(--navy);line-height:1.4}