.sample-tag{font-size:.82rem;color:#b8c9e3}.example-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:24px;background:#edf3fb;border:1px solid #d2deed;border-radius:12px}.example-controls label{display:grid;gap:8px;font-weight:600}.example-controls select{font:inherit;color:#102447;background:white;border:1px solid #aec0d9;border-radius:8px;padding:12px;min-width:220px;max-width:100%}.example-controls p{flex:1;min-width:220px;margin:0}.example-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.example-metric{border:1px solid #d2deed;border-radius:12px;background:white;padding:22px}.example-metric span{display:block;font-size:.85rem;color:#52627a}.example-metric strong{display:block;font-size:1.8rem;line-height:1.35;color:#12396b;margin-top:8px}.example-metric small{display:block;color:#52627a;margin-top:8px}.example-table-wrap{overflow-x:auto;border:1px solid #d2deed;border-radius:12px;background:#fff;margin:20px 0}.example-table{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}.example-table caption{text-align:left;padding:20px;font-weight:700;color:#16365f}.example-table th,.example-table td{text-align:left;padding:16px;border-bottom:1px solid #e1e8f1}.example-table thead{background:#edf3fb}.example-table th{font-size:.8rem}.example-table tr:last-child td{border-bottom:0}.example-chart{display:grid;gap:18px;padding:24px;border:1px solid #d2deed;border-radius:12px;background:#fff}.example-bar-row{display:grid;grid-template-columns:90px 1fr 70px;gap:16px;align-items:center}.example-bar-track{height:18px;border-radius:8px;background:#e7eef8;overflow:hidden}.example-bar-fill{height:100%;background:#275aa2;border-radius:8px}.example-bar-row strong{font-size:.85rem;text-align:right}.example-interpretation{padding:26px;border-left:4px solid #275aa2;background:#edf3fb;border-radius:0 12px 12px 0;margin-top:24px}.example-interpretation h3{color:#16365f;margin-bottom:12px}.example-interpretation p{margin-bottom:12px}.example-interpretation p:last-child{margin-bottom:0}.example-status{font-weight:600;color:#16365f}.example-line-chart{width:100%;height:auto;max-height:310px;background:#fff;border:1px solid #d2deed;border-radius:12px}.example-chart-key{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem}.example-chart-key span:before{content:'';display:inline-block;width:22px;height:3px;background:#275aa2;margin-right:8px;vertical-align:middle}.example-chart-key span:last-child:before{background:#a95d0a}.example-output h3{margin-top:24px}.example-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.example-steps article{padding:24px;border:1px solid #d2deed;border-radius:12px}.example-steps h3{margin-bottom:12px}@media(max-width:600px){.example-metrics,.example-steps{grid-template-columns:1fr}.example-metric strong{font-size:1.65rem}.example-controls{padding:18px}.example-controls label,.example-controls p,.example-controls select{width:100%;min-width:0}.example-bar-row{grid-template-columns:70px 1fr 56px;gap:10px}.example-chart{padding:18px}.example-interpretation{padding:22px}.example-table-wrap:focus-visible{outline:2px solid #275aa2;outline-offset:3px}}
.example-table-hint{display:none}@media(max-width:600px){.example-table-hint{display:block;font-size:.8rem;color:#52627a;margin:20px 0 -8px}}

.example-disclaimer{font-size:.82rem;color:#52627a;margin:0 0 12px}