엔진별 인용 격차

<div class="scene engines"><div class="panel query">Q: a quiet lamp for a small desk?</div><div class="engine"><b>ENGINE A</b><div><span>SPECS</span><span class="on">REVIEW</span><span>POLICY</span></div></div><div class="engine"><b>ENGINE B</b><div><span class="on">SPECS</span><span>REVIEW</span><span>POLICY</span></div></div><div class="engine"><b>ENGINE C</b><div><span>SPECS</span><span>REVIEW</span><span class="on">POLICY</span></div></div></div>

.scene{width:min(92%,680px);max-height:94%;font:700 clamp(10px,max(1.7vmin,1vw),15px)/1.3 sans-serif;color:var(--fg)}.label{font:900 clamp(10px,max(1.3vmin,1vw),12px)/1 sans-serif;letter-spacing:.12em;color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);padding:clamp(8px,2vmin,18px)}.muted{color:var(--muted)}.accent{color:var(--accent)}.row{display:flex;align-items:center;gap:clamp(5px,1.2vmin,10px)}.pill{display:inline-block;padding:.35em .6em;border:1px solid var(--line);border-radius:30px}button{cursor:pointer;font:inherit}@media(min-width:700px){.scene{transform:scale(1.5)}}.engines{max-width:600px}.query{font-size:clamp(10px,max(1.9vmin,1vw),17px);margin-bottom:clamp(8px,2vmin,18px);border-color:var(--accent)}.engine{display:grid;grid-template-columns:clamp(70px,17vmin,130px) 1fr;gap:5px;align-items:center;margin:5px 0}.engine b{font-size:clamp(10px,max(1.3vmin,1vw),12px)}.engine>div{display:flex;gap:4px}.engine span{flex:1;text-align:center;padding:clamp(5px,1.3vmin,12px) 2px;border:1px solid var(--line);background:var(--surface);font-size:clamp(10px,max(1.1vmin,1vw),12px);opacity:.4}.engine .on{background:var(--accent);color:white;border-color:var(--accent);opacity:1;animation:pulse 3s infinite}.engine:nth-child(3) .on{animation-delay:.4s}.engine:nth-child(4) .on{animation-delay:.8s}@keyframes pulse{0%,20%{transform:scale(.92);opacity:.5}45%,90%{transform:none;opacity:1}100%{transform:scale(.92);opacity:.5}}