.clarity-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:30px;align-items:start;margin-bottom:40px}.source-panel{border:1px solid var(--line);background:#faf7ef;padding:29px 30px 22px;box-shadow:5px 5px 0 #e5dfd0;position:sticky;top:20px}.panel-label{display:flex;justify-content:space-between;align-items:center}.paperclip{font-size:30px;line-height:1;color:var(--muted)}.source-panel h2,.result-panel h2{font:400 29px/1.2 var(--serif);letter-spacing:-.6px;margin:15px 0 20px}.notice{font-size:18px;line-height:1.95;margin:0}.notice [data-source]{border-radius:3px;transition:background .15s}.notice .highlight{background:#efe09c;box-shadow:0 0 0 3px #efe09c}.source-caption{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;font-size:12px;color:var(--muted)}.result-panel{padding:29px 0 0}.result-panel>.eyebrow{display:block;line-height:18px}.result-panel>.eyebrow{color:var(--green)}#before-reveal{padding:20px 30px 35px;border:1px dashed #bbb5a5;background:#f0ebde;min-height:335px}#before-reveal>p{margin:7px 0 16px}#before-reveal .muted{font-size:14px;color:var(--muted)}.empty-mark{font:65px var(--serif);color:var(--green)}.hint{font-size:12px;color:var(--muted);margin:0 0 14px}.action-list{display:grid;gap:9px}.action-card{display:flex;align-items:start;gap:12px;background:#faf7ef;border:1px solid var(--line);border-radius:3px;color:var(--ink);width:100%;text-align:left;padding:16px;font-size:14px;line-height:1.5}.action-card strong{display:block;margin-bottom:5px;font-size:15px}.action-card[aria-pressed="true"]{border-color:var(--green);background:#e5ebd9}.action-card[aria-pressed="true"]{box-shadow:inset 4px 0 0 var(--green)}.action-card[aria-pressed="true"] .source-indicator{font-weight:800;text-decoration:underline}.action-no{font:italic 21px var(--serif);width:20px;flex-shrink:0}.source-indicator{margin-left:auto;color:var(--green)}.action-card.compact,.action-card.exception{padding-left:48px}.action-card.exception{border-left:4px solid #b65b30;padding-left:45px;background:#eee3d1}.missing{margin-top:18px;padding:17px 20px;background:#e5e7da;border-left:3px solid var(--green);font-size:14px}.missing>strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.missing p{margin:8px 0 0}.fact-check{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding-block:28px 20px;display:grid;grid-template-columns:1fr 1.12fr;gap:30px}.fact-check h2{font:400 27px/1.2 var(--serif);margin:10px 0}.fact-check .eyebrow{color:var(--orange);margin:0}.fact-check p:not(.eyebrow){font-size:14px;color:var(--muted);margin:10px 0}.check-options{align-content:center;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.check-options button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;font-size:13px;border-radius:3px}.check-options button[aria-pressed="true"]{background:var(--green);color:var(--paper)}.check-options p{flex-basis:100%;min-height:22px}.demo-tools{display:flex;align-items:center;gap:23px;margin-block:25px}.made-with{font-size:13px;color:var(--muted);padding-block:4px 35px;max-width:800px}.made-with summary{cursor:pointer;padding:10px 0;width:max-content}.made-with p{margin-top:10px}.footer{margin-top:5px}
@media(max-width:850px){.clarity-layout,.fact-check{grid-template-columns:1fr;gap:28px}.source-panel{position:static}.result-panel{padding:0}.notice{font-size:17px}.page-header p{font-size:16px}}
@media(max-width:620px){.source-panel{padding:23px 21px 19px}.notice{font-size:16px;line-height:1.85}.source-panel h2,.result-panel h2{font-size:27px}.action-card{padding:14px 12px;font-size:13px;gap:8px}.action-card strong{font-size:14px}.action-card.compact{padding-left:40px}.action-card.exception{padding-left:37px}.demo-tools{flex-direction:column;align-items:flex-start;gap:18px}.badge{font-size:12px}.fact-check{gap:8px}.source-caption{font-size:12px}#before-reveal{padding:20px;min-height:295px}}

/* Opus 5.5: Emil design-engineering pass */
@media (hover:hover) and (pointer:fine){.action-card:hover{border-color:var(--green);background:#e5ebd9}.check-options button:hover{background:var(--green);color:var(--paper)}}.check-options button{min-height:44px}
