@font-face{font-family:Outfit;src:url('/fonts/Outfit-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('/fonts/Outfit-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--accent:#ff0000;--muted:#b9b9b9;--line:#343434}*{box-sizing:border-box}body{margin:0;background:#101010;color:#fff;font:17px/1.6 Outfit,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header,footer{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--line)}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}main{max-width:1200px;margin:auto;padding:30px 40px 80px}.breadcrumb{font-size:13px;color:var(--muted)}.heading{padding:44px 0 40px;max-width:820px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}h1{font-size:clamp(34px,5vw,64px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0 24px}h2{font-size:23px;line-height:1.3;margin:10px 0 18px}p{color:var(--muted)}.heading>p:last-child{font-size:20px}.catalog-bar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.catalog-bar label{width:min(100%,460px)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card,.panel,.note{background:#191919;border:1px solid var(--line);border-radius:20px;padding:28px}.tool-card{display:flex;flex-direction:column;align-items:start}.tool-card>p:not(.eyebrow){flex:1}.tool-card a{border-top:1px solid var(--line);padding-top:18px;margin-top:12px;width:100%;display:flex;justify-content:space-between}.tool-card:hover{border-color:#777}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start}label{display:block;font-size:15px;color:#ddd;margin-bottom:18px}input,select{display:block;width:100%;margin-top:8px;background:#101010;border:1px solid #555;border-radius:9px;padding:13px 14px;color:#fff;font:inherit;min-height:48px}input[aria-invalid=true]{border-color:#ff8181}.field-error{display:block;color:#ff9d9d;font-size:13px;margin-top:4px}button{border:0;border-radius:30px;background:var(--accent);color:#fff;padding:15px 24px;min-height:48px;font:600 16px Outfit,Arial;cursor:pointer;width:100%;display:flex;justify-content:space-between}button:hover{background:#c71010}button:disabled{opacity:.6;cursor:wait}.hint,.note p{font-size:15px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric{padding:18px;background:#101010;border-radius:12px;min-width:0}.metric span{font-size:13px;color:var(--muted);display:block}.metric strong{font-size:clamp(23px,3vw,32px);font-weight:600;overflow-wrap:anywhere}.note{margin:26px 0}.back{display:inline-block;margin-top:10px}footer{border-top:1px solid var(--line)}footer>p{width:100%;font-size:14px}.table-scroll{overflow-x:auto;margin-top:24px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;white-space:nowrap;border-bottom:1px solid var(--line)}.improvements{padding-left:20px}.improvements li{margin-bottom:12px;color:var(--muted)}[hidden]{display:none!important}#form-status{font-size:14px;margin-bottom:0;overflow-wrap:anywhere}@media(max-width:950px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){main{padding:20px 20px 55px}.site-header,footer{padding:22px 20px}nav{gap:16px}.heading{padding:28px 0}.tool-grid,.workspace{grid-template-columns:1fr}.panel,.tool-card,.note{padding:22px}.catalog-bar{align-items:start}.catalog-bar>p{white-space:nowrap}.result-grid{gap:10px}}

/* Match the main site's Outfit heading weight and brand red. */
@font-face{font-family:Outfit;src:url('/fonts/Outfit-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
h1,h2,h3{font-family:Outfit,sans-serif;font-weight:500;line-height:1.2;letter-spacing:normal}
h1{font-size:86px}@media(max-width:1400px){h1{font-size:74px}}@media(max-width:1200px){h1{font-size:72px}}@media(max-width:992px){h1{font-size:58px}}@media(max-width:768px){h1{font-size:34px}}
select{appearance:none;-webkit-appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:16px}

.result-offer{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.offer-link{display:inline-block;background:#ff0000;color:#fff;padding:14px 20px;border-radius:30px}.offer-link:hover{color:#fff;background:#c71010}.check{display:flex;align-items:center;gap:10px}.check input{width:20px;min-height:20px;margin:0;accent-color:#ff0000}fieldset{border:1px solid var(--line);border-radius:12px;margin:0 0 22px;padding:18px}legend{padding:0 8px;font-size:15px}.table-scroll td{white-space:normal;min-width:170px;max-width:320px;overflow-wrap:anywhere}#results>p{overflow-wrap:anywhere}

/* Softer card surfaces with readable labels; brand red remains an accent. */
.tool-card{background:#222222;border-color:#505050}.tool-card h2{color:#f5f5f5}.tool-card>p:not(.eyebrow){color:#d0d0d0}.tool-card .eyebrow{color:#eeeeee;display:flex;align-items:center;gap:9px;letter-spacing:1.2px}.tool-card .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#ff0000;flex-shrink:0}.tool-card a{color:#f5f5f5;border-color:#505050}.tool-card a:hover{text-decoration:underline;text-underline-offset:5px}.tool-card:hover,.tool-card:focus-within{border-color:#888888}

/* Existing site branding: CFTC wordmark in the header, original SVG in the footer. */
@font-face{font-family:Outfit;src:url('/fonts/Outfit-Black.woff2') format('woff2');font-weight:900;font-display:swap}
.site-header .mil-logo{font-size:42px;font-weight:900;line-height:1;color:#fff;letter-spacing:normal;flex-shrink:0}.site-header .mil-logo:hover{color:#fff}.footer-logo{display:block;width:240px;max-width:100%;line-height:1}.footer-logo img{display:block;width:100%;height:auto}.mil-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:992px){.site-header .mil-logo{font-size:36px}}

/* Keep intrinsic table/URL widths inside the result panel. */
.workspace>.panel,.results,#results,.table-scroll{min-width:0;max-width:100%}.table-scroll{width:100%;overscroll-behavior-x:contain}.breadcrumb,.results{overflow-wrap:anywhere}input,select{min-width:0}
@media(max-width:650px){.tool-grid,.workspace{grid-template-columns:minmax(0,1fr)}.comparison-table{display:block;width:100%}.comparison-table caption{display:block;text-align:left;margin-bottom:14px}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.comparison-table tbody{display:block}.comparison-table tbody tr{display:block;padding:16px;margin-bottom:14px;background:#101010;border:1px solid var(--line);border-radius:12px}.comparison-table tbody th,.comparison-table tbody td{display:block;width:100%;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;padding:10px 0}.comparison-table tbody th{font-size:16px}.comparison-table tbody td::before{content:attr(data-label);display:block;color:#b9b9b9;font-size:12px;font-weight:600;margin-bottom:4px}.comparison-table tbody td:last-child{border-bottom:0}.result-grid{grid-template-columns:minmax(0,1fr)}}