
.af-article-page{--af-a:#c8ff4d;--af-b:#83ffcf}
.af-article-page .guide-article-hero h1{max-width:1150px}
.af-article-page .guide-article-hero{padding-bottom:30px}
.af-article-page .guide-prose a:not(.af-related a):not(.af-sources a):not(.af-cards a){color:var(--af-a);text-decoration:underline;text-decoration-color:rgba(200,255,77,.35);text-underline-offset:3px}
.af-article-page .guide-answer p{line-height:1.83;font-size:15px}
.af-hero-figure{margin-top:12px;margin-bottom:24px}.af-hero-figure img,.af-inline-figure img{width:100%;height:auto;display:block;border:1px solid rgba(200,255,77,.17);border-radius:18px;background:#09121a}
.af-hero-figure figcaption,.af-inline-figure figcaption{color:#8695a1;line-height:1.6;font-size:12px;margin:13px 4px 0}
.af-inline-figure{margin:28px 0}
.af-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #26323b;border-radius:14px;background:#0b1219;margin:22px 0}
.af-table table{border-collapse:collapse;min-width:840px;width:100%}
.af-table caption{text-align:left;padding:14px 17px;font-size:12px;color:#98a8ad}
.af-table th,.af-table td{font-size:12px;line-height:1.65;padding:13px 15px;text-align:left;vertical-align:top;border-top:1px solid #22303a;color:#abb8c2}
.af-table tbody th{font-weight:750;color:#e5f0f2}
.af-table thead th{background:#122019;font-size:10px;color:#c8ff4d;text-transform:uppercase;letter-spacing:.055em}
.af-table tbody tr:hover{background:#142024}
.af-note,.af-formula{border:1px solid rgba(200,255,77,.2);border-left:3px solid #c8ff4d;border-radius:13px;background:linear-gradient(135deg,#14201a,#0c1219);padding:22px;margin:24px 0}
.af-note>b,.af-formula>b{color:#c8ff4d;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.af-note p,.af-formula p{color:#b3c0c3;font-size:14px;line-height:1.72;margin:10px 0 0}
.af-formula code{display:block;padding:15px;margin:14px 0 0;background:#07110e;border-radius:9px;white-space:normal;overflow-wrap:anywhere;color:#e4f0ea;font-size:12px;line-height:1.8}
.af-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0}
.af-cards article{min-width:0;padding:23px;border-radius:16px;background:#0c141b;border:1px solid #28343b;display:flex;flex-direction:column}
.af-cards span{font-size:10px;color:#c8ff4d;font-weight:850;letter-spacing:.12em}
.af-article-page .af-cards h3{font-size:22px;line-height:1.2;margin:15px 0 12px}
.af-cards p{color:#a9b7bd;font-size:13px;line-height:1.74;margin:0 0 16px}
.af-cards a{font-size:12px;color:#bbebbe;margin-top:auto}
.af-selector{margin:24px 0 30px;padding:23px;background:linear-gradient(140deg,#101c17,#091018);border:1px solid rgba(200,255,77,.26);border-radius:19px}
.af-selector-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid #2d3b35}
.af-selector-top strong{color:#c8ff4d;letter-spacing:.11em;font-size:11px}
.af-selector-top span{font-size:11px;color:#93a9a1}
.af-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0}
.af-fields label{min-width:0;color:#c5d2d2;font-weight:700;font-size:12px;display:flex;flex-direction:column;gap:9px}
.af-fields select{background:#142329;border:1px solid #36534a;color:#edf3ee;padding:12px;border-radius:9px;min-height:47px;width:100%;min-width:0;font:inherit;font-weight:450;font-size:12px}
.af-fields select:focus-visible,.af-action:focus-visible,.af-code button:focus-visible{outline:2px solid #c8ff4d;outline-offset:3px}
.af-action{width:100%;border:0;border-radius:10px;background:#c8ff4d;color:#08120b;font-weight:850;font-size:14px;padding:16px 18px;display:flex;justify-content:space-between;cursor:pointer}
.af-result{background:#0b1814;border:1px solid #345644;border-radius:12px;margin:17px 0 0;padding:20px;color:#cdd8d4;font-size:13px;line-height:1.75}
.af-result b{color:#d5ff75}.af-result h3{color:#f1f6f1;margin:0 0 13px;font-size:22px}
.af-result ul{padding-left:20px;margin:12px 0}.af-result a{color:#c8ff4d}
.af-disclaimer{font-size:11px!important;color:#869b96!important;margin:14px 0 0!important;line-height:1.7!important}
.af-code{margin:23px 0;border:1px solid #2a3a42;border-radius:14px;overflow:hidden;background:#080f17}
.af-code-head{background:#121f27;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #263a42}
.af-code-head span{font-size:11px;color:#96c5b2;letter-spacing:.07em}
.af-code-head button{background:#20332e;border:1px solid #345d4b;color:#d4f7d5;padding:8px 13px;border-radius:6px;font-size:12px;cursor:pointer}
.af-code pre{max-width:100%;overflow:auto;margin:0;padding:20px;font-size:12px;line-height:1.65;tab-size:4}
.af-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;color:#d6e2ea}
.af-checks{display:grid;gap:8px;margin:23px 0}
.af-checks label{padding:14px 15px;border:1px solid #25343b;background:#0c141b;border-radius:10px;color:#c0cbd1;font-size:13px;line-height:1.5;display:flex;gap:12px;align-items:flex-start}
.af-checks input{width:18px;height:18px;flex:none;accent-color:#c8ff4d;margin:0}
.af-faq{display:grid;gap:9px}
.af-faq details{background:#0d151c;border:1px solid #2a3640;border-radius:11px;padding:17px 18px}
.af-faq summary{color:#f0f5f6;font-size:15px;font-weight:700;cursor:pointer;line-height:1.5}
.af-faq details[open] summary{color:#c8ff4d}
.af-faq p{color:#a8b8c2;line-height:1.75;font-size:13px;margin:14px 0 0}
.af-sources,.af-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}
.af-sources a,.af-related a{display:flex;flex-direction:column;gap:7px;border:1px solid #293841;border-radius:13px;background:#0c141b;padding:18px;transition:border-color .15s}
.af-sources a:hover,.af-related a:hover{border-color:#c8ff4d}
.af-sources b,.af-related b{color:#d5e6e2;font-size:13px;line-height:1.4}
.af-sources span,.af-related span{font-size:12px;color:#92a3ab;line-height:1.7}
@media(max-width:900px){.af-fields{grid-template-columns:1fr}.af-selector-top span{display:none}}
@media(max-width:660px){.af-article-page .guide-article-hero{padding-top:33px}.af-cards,.af-sources,.af-related{grid-template-columns:1fr}.af-cards article{padding:19px}.af-table table{min-width:710px}.af-selector{padding:17px}.af-code pre{padding:14px;font-size:11px}.af-hero-figure img,.af-inline-figure img{border-radius:10px}.af-hero-figure figcaption,.af-inline-figure figcaption{font-size:11px}.af-article-page .guide-article-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.af-sources a,.af-related a{transition:none}}
