.hover-card-preview{color:#183d43;background:#e8f1ed;border:2px solid #355d64;gap:7px;padding:11px;display:grid;box-shadow:5px 5px #9ab8b1}.hover-card-toolbar{color:#254951;background:#f9f5e9;border:1px solid #7fa29a;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:10px;font-weight:800;display:flex}.hover-card-toolbar b{color:#2c2417;letter-spacing:.04em;background:#d8a14c;padding:2px 5px;font-size:9px}.hover-card-target{background:#fffdf4;border:2px solid #355d64;gap:4px;padding:9px 10px;display:grid;box-shadow:3px 3px #b8d0c8}.hover-card-target strong{color:#183d43;align-items:center;gap:5px;display:flex;font-size:13px!important}.hover-card-target strong span{color:#fffdf4;background:#2e6c68;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;display:inline-grid}.hover-card-target p{color:#3d6061;margin:0;line-height:1.4;font-size:10px!important}.hover-card-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.hover-card-paths li{background:#f7fbf7;border:1px solid #8aac9f;gap:3px;min-width:0;padding:6px 7px;display:grid}.hover-card-paths b{color:#244951;font-size:10px!important}.hover-card-paths span{color:#42666b;line-height:1.35;font-size:9px!important}.hover-card-verdict{color:#183d43;line-height:1.45;font-size:11px!important}.term-interactive-demo.hover-demo{color:#f8f4e8;background:#183f45;border:2px solid #244f54;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #9bbab1}.hover-demo .hover-demo-intro{gap:4px;display:grid}.hover-demo .hover-demo-eyebrow{color:#f1c979;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:850}.hover-demo .hover-demo-intro p{color:#e4f1e9;margin:0;font-size:13px;line-height:1.55}.hover-demo .hover-demo-mode{color:#e4f1e9;gap:5px;max-width:34rem;font-size:12px;font-weight:800;display:grid}.hover-demo .hover-demo-mode select{color:#1b4248;width:100%;min-height:39px;font:inherit;background:#fffaf0;border:2px solid #88aca4;border-radius:0;padding:7px 9px;font-size:13px;font-weight:750}.hover-demo .hover-demo-mode select:focus-visible{outline-offset:3px;outline:3px solid #f1c979}.hover-demo .hover-demo-mode small{color:#c6ddd4;font-size:11px;font-weight:650}.hover-demo .hover-demo-stage{color:#163d43;background:#e6efe8;border:1px solid #6f9b91;gap:9px;padding:14px;display:grid}.hover-demo .hover-demo-button-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.term-interactive-demo.hover-demo .hover-demo-target{color:#fffdf4;min-height:40px;font:inherit;background:#2f7470;border:2px solid #245f5d;border-radius:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:3px 3px #173d42}.term-interactive-demo.hover-demo .hover-demo-target span{color:#fffdf4;border:1px solid #d7eee3;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:inline-grid}.term-interactive-demo.hover-demo .hover-demo-target:hover{color:#fffdf4;background:#1f5756;border-color:#183d42;transform:translateY(-1px)}.term-interactive-demo.hover-demo .hover-demo-target:active{transform:translate(2px,2px);box-shadow:1px 1px #173d42}.term-interactive-demo.hover-demo .hover-demo-target:focus-visible{outline-offset:3px;outline:3px solid #d18a3f}.hover-demo .hover-demo-tooltip{color:#193f45;background:#fffaf0;border:2px solid #315f61;max-width:28ch;padding:8px 11px;font-size:12px;line-height:1.5;display:block;box-shadow:3px 3px #9bbab1}.term-interactive-demo.hover-demo .hover-demo-close{color:#214d50;min-height:32px;font:inherit;background:#f8f2e5;border:1px solid #557f79;border-radius:0;padding:5px 10px;font-size:12px;font-weight:750}.term-interactive-demo.hover-demo .hover-demo-close:hover{color:#183d42;background:#e7d39c;border-color:#214d50}.term-interactive-demo.hover-demo .hover-demo-close:focus-visible{outline-offset:3px;outline:3px solid #d18a3f}.hover-demo .hover-demo-trigger{color:#416466;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.hover-demo .hover-demo-trigger b{color:#1a464b;font-size:12px;font-weight:850}.hover-demo .hover-demo-trigger span{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.hover-demo .hover-demo-trigger .is-on{color:#185b45;background:#ccebdd}.hover-demo .hover-demo-trigger .is-off{color:#3e5b59;background:#d8e4dc}.hover-demo .hover-demo-paths{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hover-demo .hover-demo-paths li{color:#1d454a;background:#f7f2e7;border:1px solid #7fa39a;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 11px;display:flex}.hover-demo .hover-demo-paths li b{color:#173f45;flex:none;min-width:5.5em;font-size:13px;font-weight:850}.hover-demo .hover-demo-paths li span{color:#254f51;font-size:12px;line-height:1.45}.hover-demo .hover-demo-paths li.is-found{background:#dff2e6;border-color:#73a98e}.hover-demo .hover-demo-paths li.is-found span{color:#185b45}.hover-demo .hover-demo-paths li.is-bad{background:#f9e5dc;border-color:#d59a87}.hover-demo .hover-demo-paths li.is-bad span{color:#913f35}.hover-demo .hover-demo-paths li.is-pending span{color:#496567}.hover-demo .hover-demo-status{color:#eef7ef;background:#103238;border-left:4px solid #e0b653;margin:0;padding:10px 11px;font-size:13px;line-height:1.55}.term-interactive-demo.hover-demo .hover-demo-reset{color:#f7f3e7;min-height:34px;font:inherit;background:#244f54;border:1px solid #b9d5ca;border-radius:0;justify-self:start;padding:6px 11px;font-size:12px;font-weight:800}.term-interactive-demo.hover-demo .hover-demo-reset:hover{color:#fffdf4;background:#315f61;border-color:#f1c979}.term-interactive-demo.hover-demo .hover-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #f1c979}.hover-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hover-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.hover-recap li b{color:var(--ink)}.hover-recap code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.hover-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.hover-how-steps li{padding-left:4px}.hover-how-steps code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.hover-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hover-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.hover-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.hover-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.hover-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.hover-example.is-good small{color:#2f7a4a;background:#d9f0e1}.hover-example.is-bad small{color:#a83a44;background:#f7dfe2}.hover-example b{color:var(--ink);font-size:14px}.hover-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}@media (max-width:780px){.hover-card-paths{gap:3px}.hover-card-paths li{padding:5px}}