body{font-size:16px}nav{top:40px}.article-hero{max-width:860px;margin:0 auto;padding:140px 48px 60px}.article-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-pale);border:1px solid var(--border-blue);border-radius:var(--radius-xl);align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:11px;display:inline-flex}.article-title{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.08}.article-title span{color:var(--blue)}.article-meta{color:var(--ink-muted);flex-wrap:wrap;gap:24px;margin-bottom:32px;font-size:13px;display:flex}.tldr{background:var(--blue-pale);border:1px solid var(--border-blue);border-radius:var(--radius-lg);margin-bottom:48px;padding:24px 32px}.tldr-label{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;font-size:11px;font-weight:500;display:block}.tldr p{color:var(--ink);font-size:15px;line-height:1.6}.article-body{max-width:860px;margin:0 auto;padding:0 48px 100px}.article-body h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:48px 0 16px;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.08}.article-body h2 span{color:var(--blue)}.article-body h3{font-family:var(--display);color:var(--ink-muted);margin:32px 0 12px;font-size:20px;font-weight:600}.article-body p{color:var(--ink-muted);margin-bottom:20px;font-size:16px;line-height:1.8}.article-body strong{color:var(--ink);font-weight:500}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:0;list-style:none}.article-body ul li,.article-body ol li{color:var(--ink-muted);margin-bottom:10px;padding-left:24px;font-size:15px;line-height:1.7;position:relative}.article-body ul li:before{content:"→";color:var(--blue);position:absolute;left:0}.article-body ol{counter-reset:ol-counter}.article-body ol li{counter-increment:ol-counter}.article-body ol li:before{content:counter(ol-counter)".";color:var(--blue);font-weight:500;position:absolute;left:0}.article-body code{background:var(--blue-pale);color:var(--blue);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.alert{border-radius:var(--radius-lg);background:#fef3f2;border:1px solid #c0392b40;border-left:3px solid #c0392b;margin:24px 0;padding:20px 24px}.alert-title{color:#922b21;margin-bottom:8px;font-size:14px;font-weight:500}.alert p{color:var(--ink-muted);margin:0;font-size:14px}.infobox{background:var(--bg-section);border:1px solid var(--border-blue);border-radius:var(--radius-lg);margin:24px 0;padding:20px 24px}.infobox-label{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;font-size:11px;font-weight:500;display:block}.infobox p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.7}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);margin:24px 0;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:14px}th{background:var(--bg-section);color:var(--blue);text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--ink-muted);vertical-align:top;background:var(--bg-white);padding:12px 16px}tr:last-child td{border-bottom:none}.faq-section{margin:48px 0}.faq-item{border-top:1px solid var(--border)}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-question{cursor:pointer;text-align:left;width:100%;font-family:var(--display);color:var(--ink);transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:17px;font-weight:600;display:flex}.faq-question:hover{color:var(--blue)}.faq-icon{border:1px solid var(--border-blue);width:22px;height:22px;transition:transform var(--transition),background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-icon:before{content:"+";color:var(--blue);font-size:15px;line-height:1}.faq-item.open .faq-icon{background:var(--blue-pale);transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .4s;overflow:hidden}.faq-answer-inner{color:var(--ink-muted);max-width:700px;padding:0 0 20px;font-size:15px;line-height:1.75}.faq-item.open .faq-answer{max-height:300px}.cta-box{background:var(--blue);border-radius:var(--radius-lg);text-align:center;margin:48px 0;padding:40px}.cta-box h3{font-family:var(--display);color:#fff;margin-bottom:12px;font-size:28px;font-weight:700}.cta-box p{color:#ffffffbf;max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:15px}.cta-box .btn-primary{background:var(--amber);color:var(--ink);padding:14px 32px}.cta-box .btn-primary:hover{background:#ef9f27}.author-box{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:24px;margin:48px 0;padding:28px;display:flex}.author-img{border:2px solid var(--blue-light);object-fit:cover;border-radius:50%;flex-shrink:0;width:72px;height:72px}.author-name{font-family:var(--display);color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:700}.author-role{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.author-bio{color:var(--ink-muted);font-size:14px;line-height:1.6}footer{padding:40px 48px}@media (width<=768px){nav{padding:14px 20px}.article-hero,.article-body{padding-left:20px;padding-right:20px}.article-hero{padding-top:120px}.author-box{flex-direction:column}footer{padding:32px 20px}}