.wx-example{background:#fff5;border:1px solid #07151125;border-radius:9px;margin:28px 0;overflow:hidden}.wx-toolbar{flex-direction:column;gap:18px;padding:24px;display:flex}.wx-toolbar strong{font-size:18px}.wx-toolbar p{color:#52675a;max-width:800px;margin:7px 0 0;font-size:14px}.wx-controls{flex-wrap:wrap;gap:8px;display:flex}.wx-controls button{font:12px var(--font-brand-sans);color:#071511;cursor:pointer;background:0 0;border:1px solid #07151140;border-radius:5px;padding:10px 15px}.wx-controls button[aria-pressed=true]{color:#b7f56a;background:#071511}.wx-controls button:focus-visible{outline-offset:3px;outline:3px solid #1f8b72}.wx-graph{background:#071511;width:100%;max-height:330px;padding:16px;display:block}.wx-result{background:#e3e9df;padding:24px}.wx-result>span{font:10px var(--font-brand-mono);text-transform:uppercase;color:#1f8b72;margin-bottom:10px;display:block}.wx-result>strong{font-size:22px;line-height:1.25;display:block}.wx-result p{color:#395647;max-width:830px;margin:12px 0 0;font-size:14px}.wx-caption{margin:18px 0;padding:0 24px;line-height:1.6;color:#52675a!important;font-size:11px!important}.wx-download{padding:0 24px 24px;font-weight:600;display:block;font-size:13px!important;text-decoration:underline!important}.wx-timeline{background:#071511;grid-template-columns:repeat(4,1fr);gap:15px;padding:24px;display:grid}.wx-reading{color:#f3f4ed;background:#11231d;border:1px solid #78dbba50;border-radius:7px;padding:20px}.wx-reading>span{font:11px var(--font-brand-mono);color:#78dbba;display:block}.wx-reading>strong{color:#b7f56a;margin:18px 0;font-size:46px;line-height:1.1;display:block}.wx-reading>b{font-size:14px;display:block}.wx-reading small{color:#a4beb0;margin-top:8px;font-size:11px;display:block}.wx-gap{background:0 0;border-style:dashed}.wx-gap>strong{color:#a4beb0}@media (max-width:600px){.wx-toolbar,.wx-result{padding:18px}.wx-controls{gap:6px}.wx-controls button{padding:10px;font-size:11px}.wx-graph{height:200px;padding:4px}.wx-timeline{grid-template-columns:1fr 1fr;gap:10px;padding:16px}.wx-reading{padding:15px}.wx-reading>strong{font-size:36px}.wx-result>strong{font-size:20px}.wx-caption{padding:0 18px}.wx-download{padding:0 18px 20px}}.wx-mobile-graph{display:none}@media (max-width:600px){.wx-graph{display:none}.wx-mobile-graph{background:#071511;grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.wx-mobile-graph>div{color:#f3f4ed;border:1px solid #78dbba55;border-radius:6px;flex-direction:column;gap:8px;padding:14px;display:flex}.wx-mobile-graph small{color:#a4beb0;font-size:10px}.wx-mobile-graph strong{font-size:15px;line-height:1.2}.wx-mobile-graph span{color:#78dbba;font-size:10px}.wx-mobile-graph>.wx-affected{color:#071511;background:#b7f56a}.wx-mobile-graph>.wx-affected span,.wx-mobile-graph>.wx-affected small{color:#395647}}.wx-retrieval-path{background:#071511;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;display:grid}.wx-retrieval-path>div{color:#f3f4ed;border:1px solid #78dbba55;border-radius:7px;padding:22px}.wx-retrieval-path small{font:10px var(--font-brand-mono);color:#78dbba;display:block}.wx-retrieval-path strong{margin:22px 0;font-size:23px;line-height:1.3;display:block}.wx-retrieval-path p{color:#a4beb0;margin:0;font-size:13px;line-height:1.6}.wx-retrieval-path>.wx-connected{background:#203626;border-color:#b7f56a}.wx-retrieval-path>.wx-connected strong{color:#b7f56a}@media (max-width:700px){.wx-retrieval-path{grid-template-columns:1fr;gap:10px;padding:16px}.wx-retrieval-path>div{padding:18px}.wx-retrieval-path strong{margin:12px 0;font-size:23px}}