body{background:var(--canvas)}.demo-header{max-width:1180px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between}.demo-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;text-decoration:none;color:var(--text)}.demo-brand img{width:35px;height:35px;background:#fffdf9;border-radius:7px}.demo-header nav{display:flex;gap:25px;font-size:13px}.demo-header nav a{text-decoration:none}.demo-main{background:transparent;max-width:1120px;margin:auto;padding:36px 32px 70px;overflow:visible}.intro{max-width:650px;margin:0 0 40px}.intro h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:16px 0 20px;font-weight:550}.intro>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:510px}.snapshot{font-size:12px;color:var(--muted);margin-top:20px}.demo-shell{border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;background:var(--surface);min-height:520px}.demo-inbox{background:var(--panel);border-right:1px solid var(--line)}.demo-inbox-top{padding:27px 24px 15px}.demo-inbox h2{font-size:21px;margin:14px 0 24px;letter-spacing:-.5px}.topic-label{font-size:12px;color:var(--muted);display:block}.demo-inbox select{margin:8px 0 16px;padding:10px;width:100%;max-width:100%;background:var(--soft);border-radius:6px;color:var(--text)}.unread{font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted)}#count{font-size:11px;color:var(--muted);margin-top:18px}.demo-card{display:grid;gap:10px;text-align:left;width:100%;padding:22px 24px;border-top:1px solid var(--line);border-left:3px solid transparent}.demo-card.active{background:var(--selected);border-left-color:var(--ink)}.demo-card strong{font-size:14px;line-height:1.5}.demo-card span{font-size:11px;color:var(--muted)}.card-category{text-transform:capitalize}#reading{padding:36px 40px;scroll-margin-top:15px;outline:none}#reading:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.reading-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:15px}#reading h2{font-size:28px;letter-spacing:-.7px}.takeaway{font-size:21px;line-height:1.55;margin:22px 0;color:var(--text)}.discussion-status{display:inline-block;font-size:11px;color:var(--ink);background:var(--selected);padding:6px 9px;border-radius:5px}.source-meta{font-size:12px;line-height:1.8;color:var(--muted);margin:25px 0}.discussion{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.discussion summary{cursor:pointer;font-size:13px;font-weight:600}.context-part h3{font-size:12px;margin-bottom:7px}.context-part p,.caution{font-size:13px;line-height:1.7;color:var(--muted)}.paraphrase-label{font-size:11px;color:var(--muted);margin-top:22px}.caution{font-style:italic}.reading-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.source-link{font-size:13px;text-decoration:none}#save-note{font-size:11px;color:var(--muted);margin-top:17px}.demo-empty{padding:30px;font-size:14px;color:var(--muted);line-height:1.6}.demo-explainer{max-width:650px;margin:36px auto 0;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.demo-explainer h2{font-size:20px;color:var(--text);margin-bottom:10px}.demo-explainer summary{cursor:pointer}.demo-explainer details{margin-top:20px}.demo-explainer details p{text-align:left}@media(max-width:720px){.demo-header{padding:20px}.demo-header nav{gap:13px;font-size:12px}.demo-main{padding:20px 16px 45px}.demo-shell{grid-template-columns:1fr}.demo-inbox{border-right:0;border-bottom:1px solid var(--line)}.demo-inbox-top{padding:22px}.demo-card{padding:17px 22px}#reading{padding:28px 23px}.reading-top{margin-bottom:26px}#reading h2{font-size:25px}.takeaway{font-size:19px}.reading-actions .primary{min-height:44px}.intro{padding:0 7px}.intro h1{letter-spacing:-1.5px}.snapshot{line-height:1.6}.demo-header nav a:first-child{display:none}}
.demo-main{display:block}