.preview-banner{background:#172d40;border-bottom:1px solid #355d82;font-size:13px}.preview-banner .shell{display:flex;gap:16px;align-items:center;padding:10px 0;flex-wrap:wrap}.preview-banner b{color:var(--amber)}.preview-banner span{margin-right:auto;color:#c5d5e7}.preview-banner a{color:var(--blue);text-decoration:none}.preview-hero{padding:64px 0 28px}.preview-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.12}.preview-hero p{max-width:830px;color:var(--muted)}.status-row{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-metrics article{padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--panel3)}.result-metrics strong{font-size:30px;display:block;color:var(--mint)}.result-metrics span{font-size:13px;color:var(--muted)}.result-topology{display:block;width:100%;border-radius:16px;border:1px solid var(--line)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter-bar button{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;background:var(--panel3);color:var(--muted);cursor:pointer}.filter-bar button[aria-pressed=true]{background:#163b3d;border-color:var(--mint);color:var(--mint)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px;letter-spacing:.03em}td a{color:var(--blue);text-decoration:none}.pass{color:var(--mint);white-space:nowrap}.fault-description{color:var(--muted);font-size:13px;margin-top:5px}.packet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.packet-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel3)}.packet-card h3{margin-top:4px}.packet-card dl{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:14px}.packet-card dt{color:var(--muted)}.packet-card dd{margin:0;word-break:break-word}.unchanged{color:var(--mint)}.changed{color:var(--amber)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-grid .card{display:flex;flex-direction:column;gap:12px}.download-grid .btn{margin-top:auto}.method-note{font-size:14px;color:var(--muted);margin-top:14px}.learning-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.learning-checks div{padding:15px;border-radius:12px;border:1px solid var(--line);background:var(--panel3)}[hidden]{display:none!important}@media(max-width:760px){.packet-grid,.download-grid,.learning-checks{grid-template-columns:1fr}.result-metrics{grid-template-columns:1fr 1fr}.preview-hero{padding-top:38px}.packet-card dl{grid-template-columns:100px 1fr}.section-head{align-items:start;flex-direction:column;gap:10px}}

.test-guide{padding:18px 20px;background:#132b3b;border:1px solid #31556e;border-radius:12px;margin:16px 0;color:#c3d8ea;font-size:14px}.test-guide>b{color:#8ce2c6}.test-guide p{margin:8px 0 0}.test-guide strong{color:#edf7ff}.scenario-table table{min-width:900px;table-layout:fixed}.scenario-table th:first-child{width:5%}.scenario-table th:nth-child(2){width:25%}.scenario-table th:nth-child(3){width:28%}.scenario-table th:nth-child(4){width:27%}.scenario-table th:last-child{width:15%}.scenario-table td{vertical-align:top;padding-top:22px;padding-bottom:22px;line-height:1.75}.test-purpose{margin:10px 0 0;color:#bfcee0;font-size:13px}.test-action strong{color:#b8ddff;font-size:14px}.test-commands{margin-top:12px}.test-commands summary{cursor:pointer;color:#77c7ee;font-size:12px}.test-commands pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:#070f19;color:#90ddc0;font:12px/1.8 Consolas,monospace;border-radius:7px}.result-pass{margin-top:10px;font-size:12px}.evidence-links a{display:block;margin-bottom:8px}