:root{--bg:#f8fafc;--card:#fff;--text:#111827;--muted:#4b5563;--accent:#2563eb;--line:#d1d5db}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header,.site-footer{border-bottom:1px solid var(--line);background:#fff}.site-footer{border-top:1px solid var(--line);border-bottom:none;margin-top:2rem}.wrap{max-width:1100px;margin:0 auto;padding:1rem}.brand{color:var(--text);font-weight:700}.lead{color:var(--muted);font-size:1.15rem}.muted{color:var(--muted)}nav ul{flex-wrap:wrap;gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.75rem}.grid,.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card,.scenario-card,.product-card{background:var(--card);border:1px solid var(--line);border-radius:.6rem;padding:1rem}.scenario-header{margin-bottom:1rem}.scenario-links{margin-top:1rem}.scenario-status{color:var(--muted);margin:1rem 0}.scenario-log{border:1px solid var(--line);background:#fff;border-radius:.5rem;margin:1rem 0;padding:.75rem 1rem .75rem 2rem}.scenario-error,.scenario-empty{border:1px solid var(--line);background:#fff;border-radius:.5rem;margin:1rem 0;padding:1rem}.scenario-error{background:#fef2f2;border-color:#fca5a5}.scenario-empty{background:#f8fafc;border-color:#cbd5e1}.network-results,.network-diagnostics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0;display:grid}.network-result-card{background:var(--card);border:1px solid var(--line);border-radius:.5rem;padding:1rem}.network-result-card h2{margin-top:0;font-size:1.1rem}.button-row{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.dynamic-product-card{scroll-margin-top:1rem}.product-image{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:.4rem;width:100%}.detail-image{max-width:420px}.product-detail{grid-template-columns:minmax(240px,420px) minmax(0,1fr);align-items:start;gap:1.5rem;margin:1rem 0;display:grid}.detail-section{grid-column:1/-1}.product-price,.old-price{font-weight:700}.old-price{color:#6b7280;margin-right:.5rem;text-decoration:line-through}.search-loader{min-height:12rem;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:.6rem;place-content:center;justify-items:center;gap:.75rem;display:grid}.search-loader[hidden]{display:none}.search-loader-spinner{border:.25rem solid #bfdbfe;border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite search-loader-spin}#search-results[hidden]{display:none}@keyframes search-loader-spin{to{transform:rotate(360deg)}}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #1d4ed8;border-radius:.4rem;padding:.45rem .75rem}button[disabled]{opacity:.5;cursor:not-allowed}form{border:1px solid var(--line);background:#fff;gap:.6rem;max-width:520px;margin:1rem 0;padding:1rem;display:grid}input,select{font:inherit;border:1px solid var(--line);border-radius:.3rem;padding:.4rem}.checkbox-row{align-items:center;gap:.5rem;display:flex}#product-search-form{max-width:720px}#product-search-form label:not(.checkbox-row){font-weight:600}#search-status{color:var(--muted);margin:1rem 0}fieldset{border:1px solid var(--line)}table{border-collapse:collapse;background:#fff;width:100%}th,td{border:1px solid var(--line);text-align:left;padding:.5rem}pre.code{white-space:pre-wrap;color:#e2e8f0;background:#0f172a;border-radius:.5rem;padding:1rem}.badge{border:1px solid var(--line);background:#f8fafc;border-radius:999px;margin:.1rem;padding:.1rem .5rem;font-size:.8rem;display:inline-block}.pagination,.link-list,.breadcrumbs{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.pagination{margin:1rem 0}.page-link{border:1px solid var(--line);background:#fff;border-radius:.35rem;padding:.35rem .6rem}.page-link[aria-current=page]{border-color:var(--accent);font-weight:700}.page-link[aria-disabled=true]{opacity:.5;pointer-events:none}.review{border-top:1px solid var(--line);padding:.75rem 0}iframe{border:1px solid var(--line);background:#fff;width:100%;min-height:260px;margin:0 0 1rem}.forms-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.forms-grid form{border-radius:.6rem;max-width:none;margin:0}.forms-grid h2{margin:0;font-size:1.15rem}.form-button-row{flex-wrap:wrap;gap:.6rem;display:flex}.form-result{background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;margin:1rem 0;padding:1rem}.form-event-panel{margin-top:1.5rem}.form-event-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.form-event-heading h2,.form-event-heading p{margin:.25rem 0}.form-event-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin:1rem 0;display:grid}.form-event-status{border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:.75rem}.form-event-status[data-seen=true]{background:#f0fdf4;border-color:#86efac}.form-event-status dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.form-event-status dd{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.form-event-log{max-height:20rem;overflow:auto}.mouse-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.mouse-case{flex-direction:column;gap:.75rem;display:flex}.mouse-case h2,.mouse-case p{margin:0}.mouse-target-row{flex-wrap:wrap;gap:.75rem;display:flex}.mouse-action-target{min-height:3rem;font-weight:700}.mouse-away-target{border-color:var(--line);color:var(--text);background:#fff}.mouse-hover-case[data-hovered=true] .mouse-hover-target{background:#15803d;border-color:#166534;transform:translateY(-2px)}.mouse-move-target{color:#1e3a8a;text-align:center;user-select:none;background-color:#eff6ff;background-image:linear-gradient(#dbeafe 1px,#0000 1px),linear-gradient(90deg,#dbeafe 1px,#0000 1px);background-size:20px 20px;border:2px dashed #60a5fa;border-radius:.5rem;place-items:center;min-height:8rem;padding:1rem;font-weight:700;display:grid}.mouse-press-case[data-state=pressed] .mouse-press-target{background:#b45309;border-color:#92400e;transform:translateY(2px)}.mouse-press-case[data-state=released] .mouse-press-target{background:#15803d;border-color:#166534}.mouse-status{min-height:1.5rem;color:var(--muted)}.mouse-event-panel{margin-top:1.5rem}.mouse-event-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.mouse-event-heading h2,.mouse-event-heading p{margin:.25rem 0}.mouse-event-log{max-height:20rem;overflow:auto}@media (width<=640px){h1{font-size:1.6rem}.product-detail{grid-template-columns:1fr}.form-event-heading,.mouse-event-heading{flex-direction:column;align-items:stretch}}