Advertising beside AI answers

<div class="d2 ads"><div class="eyebrow">ANSWER / SPONSORED</div><div class="box question" id="adQuestion">How should I set up a small desk?</div><div class="box answer"><small>ANSWER</small><b id="adAnswer">Measure the work area, then compare size and light.</b></div><div class="box sponsor"><small>SPONSORED · SEPARATE PLACEMENT</small><b id="adTopic">Compact desk accessories</b></div><button id="adQuestionButton">CHANGE QUESTION →</button></div>

:root{--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif}.d2{width:min(94%,760px);max-height:94%;font:700 10px/1.35 var(--font-sans);color:var(--fg)}.d2 small{font-size:10px}.d2 .eyebrow{color:var(--accent);font-weight:900;letter-spacing:.08em}.d2 .box{background:var(--surface);border:1px solid var(--line);padding:clamp(6px,1.5vmin,14px)}.d2 .soft{color:var(--muted)}.d2 button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--fg);background:var(--surface)}@media(min-width:700px){.d2{font-size:14px}.d2 small{font-size:12px}}.ads .question{font-size:1.08em;margin:clamp(7px,1.8vmin,15px) 0}.ads .answer,.ads .sponsor{display:grid;gap:5px}.ads .answer{border-color:var(--fg)}.ads .sponsor{margin-top:clamp(5px,1vmin,10px);border-style:dashed;border-color:var(--accent)}.ads small{color:var(--muted)}.ads .sponsor small{color:var(--accent)}.ads b{font-size:1.08em}.ads button{padding:6px 9px;margin-top:clamp(6px,1.5vmin,13px)}@media(max-width:699px){.ads button{display:none}}

const question=document.querySelector('#adQuestion'),answer=document.querySelector('#adAnswer'),topic=document.querySelector('#adTopic'),button=document.querySelector('#adQuestionButton');let desk=true,timer;function show(next){desk=next;question.textContent=desk?'How should I set up a small desk?':'How do I pack for a weekend trip?';answer.textContent=desk?'Measure the work area, then compare size and light.':'Check the forecast and pack layers for the trip.';topic.textContent=desk?'Compact desk accessories':'Lightweight travel organizers'}button.onclick=()=>{clearInterval(timer);show(!desk)};timer=setInterval(()=>show(!desk),2700);setTimeout(()=>show(false),700);