.article-container{max-width:720px;margin:60px auto;padding:0 20px}.category-eyebrow{display:inline-block;padding:6px 14px;background:#b7791f1a;color:var(--blue-night);border-radius:999px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px}article h1,header h1{font-size:clamp(32px,4vw,48px);line-height:1.1;color:var(--blue-night);letter-spacing:-1.5px;margin-bottom:16px}.article-subtitle{font-size:20px;color:var(--text-muted);margin-bottom:32px;font-weight:400}.article-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:#718096;border-bottom:1px solid var(--gray-line);padding-bottom:24px;margin-bottom:40px}.short-answer-box{background:var(--white);border:1px solid var(--gray-line);border-left:5px solid var(--copper);padding:30px;border-radius:12px;margin-bottom:40px;box-shadow:var(--shadow)}.short-answer-box h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--copper);margin-top:0}.short-answer-box p{font-size:18px;color:var(--blue-night);font-weight:500;margin-bottom:0;line-height:1.5}.filter-wrapper{background:var(--blue-night);padding:32px;border-radius:16px;margin-bottom:24px;box-shadow:inset 0 4px 20px #0003}.filter-title{color:var(--white);font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.filter-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.filter-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:12px 24px;border-radius:99px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#fff3}.filter-btn.active{background:var(--copper);border-color:var(--copper);color:var(--white);box-shadow:0 4px 12px #b7791f4d}.tool-card{background:var(--white);border:1px solid var(--gray-line);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 12px #00000008;transition:transform .2s}.tool-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;border-bottom:1px solid var(--gray-line);padding-bottom:24px}.tool-logo-placeholder{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#f8fafc;border:1px solid var(--gray-line)}.tool-logo-placeholder img{width:100%;height:100%;object-fit:contain;padding:8px}.tool-title{flex-grow:1}.tool-title h3{margin:0 0 6px;font-size:24px}.tool-title a{color:var(--blue-night)!important;text-decoration:none}.tool-title a:hover{color:var(--copper)!important;text-decoration:underline}.tool-badge{display:inline-block;background:#b7791f1a;color:var(--copper);font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.tool-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px}.tool-col h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--blue-night);margin-bottom:12px;margin-top:0;border-bottom:2px solid var(--gray-bg);padding-bottom:8px}.tool-col p{color:var(--text-muted);font-size:14px;margin:0 0 12px;line-height:1.6}.tool-col ul{padding-left:20px;margin:0;color:var(--text-muted);font-size:14px}.tool-col ul li{margin-bottom:8px}.pro-icon{color:#22c55e;font-weight:700;margin-right:6px}.con-icon{color:#ef4444;font-weight:700;margin-right:6px}.tool-action{text-align:right;margin-top:24px;border-top:1px solid var(--gray-line);padding-top:24px}.tool-action .btn-outline{display:inline-block;padding:10px 20px;border:2px solid var(--copper);color:var(--copper)!important;border-radius:8px;text-decoration:none;font-weight:700;transition:all .2s ease}.tool-action .btn-outline:hover{background:var(--copper);color:var(--white)!important;text-decoration:none}.toc{background:#ffffff80;border:1px solid var(--gray-line);border-radius:12px;padding:20px;margin-bottom:40px}.toc-title{font-weight:700;font-size:15px;margin-bottom:12px;color:var(--blue-night)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:8px}.toc a{text-decoration:none;color:var(--copper);font-size:15px;font-weight:500}.toc a:hover{text-decoration:underline}article p{margin-bottom:24px;font-size:17px}article a,.short-answer-box a,.insight-block a,.consultant-note a{color:var(--copper)!important;text-decoration:underline;text-underline-offset:4px;font-weight:600;transition:opacity .2s}article a:hover,.short-answer-box a:hover,.insight-block a:hover,.consultant-note a:hover{opacity:.8}article h2{font-size:28px;color:var(--blue-night);margin-top:48px;margin-bottom:20px;letter-spacing:-.5px}.insight-block,.consultant-note{background:#fff;padding:24px;border-left:4px solid var(--blue-night);margin:32px 0;box-shadow:0 4px 12px #0000000d;border-radius:0 12px 12px 0}.faq-section{margin-top:64px;border-top:2px solid var(--gray-line);padding-top:48px}.faq-item{margin-bottom:32px}.faq-question{font-weight:700;font-size:18px;color:var(--blue-night);margin-bottom:8px;display:block}.faq-answer{color:var(--text-muted);font-size:16px;line-height:1.6}.article-cta{background:linear-gradient(135deg,var(--blue-night),#182e4f);border-radius:20px;padding:40px;color:#fff;text-align:center;margin-top:60px}.article-cta h2{color:#fff;margin-top:0;border:none}.article-cta p{color:#fffc;margin-bottom:24px}@media(max-width:768px){.article-container{margin-top:30px}article h1,header h1{font-size:32px}.tool-grid{grid-template-columns:1fr;gap:16px}.filter-btns{flex-direction:column}}