Third-party evidence

<div class="d2 evidence"><div class="eyebrow">EVIDENCE MAP</div><div class="sources"><button id="official" class="active">OFFICIAL SPEC</button><button id="independent">INDEPENDENT REVIEW</button></div><div class="flow"><div class="box source" id="sourceFact">Measured weight · 1.2 kg</div><div class="connector"></div><div class="box answer"><small>ANSWER CLAIM</small><b id="claimText">The lamp weighs 1.2 kg.</b><span id="basis">SPECIFICATION</span></div></div><div class="note">Trace each claim to the kind of source that supports it.</div></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}}.evidence .sources{display:flex;gap:5px;margin:clamp(7px,2vmin,16px) 0}.evidence button{flex:1;padding:7px 3px;font-size:1em}.evidence button.active{border-color:var(--accent);color:var(--accent)}.evidence .flow{display:flex;align-items:stretch;gap:0}.evidence .source,.evidence .answer{flex:1;min-width:0;display:grid;align-content:center;gap:5px;min-height:clamp(66px,11vmin,105px)}.evidence .connector{width:clamp(16px,4vmin,45px);align-self:center;border-top:3px solid var(--accent);position:relative}.evidence .connector:after{content:'›';position:absolute;right:-2px;top:-.95em;color:var(--accent);font-size:1.8em}.evidence .answer{border-color:var(--accent)}.evidence .answer b{font-size:1.12em}.evidence .answer span{color:var(--accent);font-size:1em}.evidence .note{color:var(--muted);margin-top:clamp(6px,1.5vmin,13px)}

const official=document.querySelector('#official'),independent=document.querySelector('#independent'),source=document.querySelector('#sourceFact'),claim=document.querySelector('#claimText'),basis=document.querySelector('#basis');let timer;function show(review){official.classList.toggle('active',!review);independent.classList.toggle('active',review);source.textContent=review?'Reader test · beam reaches desk edge':'Measured weight · 1.2 kg';claim.textContent=review?'The beam covers a wide work area.':'The lamp weighs 1.2 kg.';basis.textContent=review?'USER EXPERIENCE':'SPECIFICATION'}official.onclick=()=>{clearInterval(timer);show(false)};independent.onclick=()=>{clearInterval(timer);show(true)};timer=setInterval(()=>show(!independent.classList.contains('active')),2600);setTimeout(()=>show(true),700);