.demo-header{display:flex;justify-content:space-between;align-items:center;padding-block:26px;border-bottom:1px solid var(--line)}.demo-intro{padding-block:40px 25px}.demo-intro h1{font-size:clamp(35px,4vw,54px)}.demo-intro p{color:var(--muted);max-width:760px;margin-top:20px}.demo-layout{display:grid;grid-template-columns:.75fr 1fr;gap:50px;padding-block:35px 60px}.source-shot img{border:1px solid var(--line);border-radius:8px;height:auto}.source-shot figcaption{font-size:12px;color:var(--muted);margin-top:15px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.tabs button{font-size:12px;padding:10px 13px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:4px;cursor:pointer}.tabs button[aria-selected=true]{border-color:var(--accent);background:#12271a;color:var(--text)}[role=tabpanel]{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:24px;min-height:350px}[role=tabpanel] h2{font-size:25px;line-height:1.2;margin-bottom:20px}[role=tabpanel] p{font-size:14px;color:var(--muted)}[role=tabpanel] pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,monospace;margin:0;color:#dce9df}.result-chip{display:inline-block;border:1px solid var(--dim);padding:8px 12px;color:#b7e3c7;font-size:13px;margin-bottom:18px}.warning-chip{border-color:#64512f;color:#edd3a2}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:9px 5px;border-bottom:1px solid var(--line);font-weight:400}th{color:var(--muted)}.positive{color:var(--accent)}.negative{color:#f06a5d}.demo-bottom{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-block:25px}.current-screen-link{display:block;margin-top:20px;font-size:13px;color:#b7e3c7}@media(max-width:700px){.demo-header{gap:20px}.demo-header a{font-size:12px}.demo-layout{display:block;padding-top:20px}.source-shot{margin-bottom:28px}.demo-intro{padding-top:28px}.demo-intro h1{font-size:36px}[role=tabpanel]{padding:20px;min-height:330px}[role=tabpanel] h2{font-size:23px}.tabs{gap:5px}.tabs button{padding:10px;font-size:11px}table{font-size:11px}td,th{padding:8px 3px}}
