git-demo{display:block;width:100%;min-height:0}.demo-view{width:100%}.demo-view svg{display:block;width:100%;height:auto;max-height:340px;font-family:var(--font-sans)}.demo-caption{font-size:28px;line-height:1.35;margin-top:16px;min-height:40px}.demo-controls{display:flex;align-items:center;gap:12px;margin-top:24px}.demo-controls button{font-size:20px;padding:10px 16px}.demo-step{font-size:20px;color:var(--text-muted);margin-left:12px}.simulation-label{font-size:16px;color:var(--text-muted);margin-left:auto}.media-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:center}.media-layout figure{margin:0;min-width:0}.real-screen{display:block;width:100%;height:auto;border:1px solid var(--line)}.screen-caption{font-size:16px;color:var(--text-muted);margin-top:12px}.screen-detail{margin-top:24px}.screen-story{display:flex;flex-direction:column;gap:28px}.screen-story p{font-size:28px}.screen-story strong{display:block;font-size:36px;margin-bottom:12px}.repo-screen{width:100%;max-width:1000px;margin:0}.repo-screen img{width:100%;height:auto;display:block}.repo-screen figcaption{font-size:20px;color:var(--text-muted);margin-top:16px}.repo-labels{display:flex;gap:60px;font-size:28px}.repo-labels b{font-weight:650}.mini-diagram{width:100%;height:auto;max-height:350px;display:block;font-family:var(--font-sans)}.visual-copy{font-size:28px}.permission-bars{display:flex;align-items:flex-end;gap:32px;height:280px}.permission-bars>div{flex:1;border-bottom:3px solid var(--any-forest);display:flex;flex-direction:column;justify-content:flex-end;gap:14px}.permission-bars .bar{background:#f1f4e4;border:1px solid var(--any-forest);padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between}.permission-bars strong{font-size:28px}.permission-bars span{font-size:24px;line-height:1.4}.role-label{font-size:24px;padding-bottom:16px}.diff-example{display:grid;grid-template-columns:1fr 1fr;gap:32px}.diff-example>div{border-top:2px solid var(--any-forest);padding-top:24px}.diff-example h3{font-size:28px;margin-bottom:28px}.diff-example p{font-size:32px}.diff-example .minus{background:#f3f4f3;padding:22px 20px}.diff-example .plus{background:#f1f4e4;padding:22px 20px}.merge-result{font-size:32px;margin-top:12px}.video-wrap{position:relative;max-width:900px;margin:0 auto;width:100%}.video-wrap video{display:block;width:100%;max-height:455px;background:#fff;border:1px solid var(--line)}.video-wrap figcaption{font-size:16px;color:var(--text-muted);margin-top:10px}.video-print{display:none;width:100%}.video-transcript{font-size:20px;line-height:1.5}.video-transcript summary{cursor:pointer}.video-transcript ol{font-size:20px;padding-left:26px;margin-top:12px}.content:has(.video-wrap){gap:18px}.content:has(git-demo){gap:12px}.content:has(.permission-bars){gap:30px}.roles-caption{font-size:24px;color:var(--text-muted)}
body[data-theme=mono] .permission-bars .bar,body[data-theme=mono] .diff-example .plus{background:#fff}body[data-theme=mono] git-demo svg{filter:grayscale(1)}
@media screen and (max-width:760px){body[data-mode=reading] .media-layout{grid-template-columns:1fr}body[data-mode=reading] .repo-labels{flex-direction:column;gap:16px}body[data-mode=reading] .demo-view{overflow-x:auto}body[data-mode=reading] .demo-view svg{min-width:800px}body[data-mode=reading] .demo-controls{flex-wrap:wrap}body[data-mode=reading] .simulation-label{margin-left:0;width:100%}body[data-mode=reading] .demo-step{margin-left:0}body[data-mode=reading] .permission-bars{height:auto;flex-direction:column;align-items:stretch}body[data-mode=reading] .permission-bars .bar{height:auto!important;gap:24px}body[data-mode=reading] .diff-example{grid-template-columns:1fr}body[data-mode=reading] .video-wrap video{max-height:none}body[data-mode=reading] .mini-diagram{min-width:740px}body[data-mode=reading] .diagram-scroll{overflow-x:auto}body[data-mode=reading] .screen-story strong{font-size:30px}}
@media print{.demo-controls,.video-transcript{display:none!important}.video-wrap video{display:none}.video-print{display:block}.video-wrap{max-width:900px}.demo-caption{margin-top:24px}}
.version-compare{display:grid;grid-template-columns:1fr 1fr;gap:48px}.version-paper{position:relative;border:1px solid var(--line);padding:28px 28px 34px;min-height:305px}.version-label{font-size:24px;color:var(--text-muted);margin-bottom:24px}.version-paper h3{font-size:32px;font-weight:650;margin-bottom:20px}.version-paper .version-subject{font-size:24px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:22px}.version-paper .version-line{font-size:28px;margin-bottom:16px}.version-paper .version-added{font-size:28px;line-height:1.4;border-left:5px solid var(--any-lime);padding-left:12px;margin-left:-17px;font-weight:600}.version-added span{margin-right:8px}.version-takeaway{font-size:32px}.content:has(.version-compare){gap:28px}
@media screen and (max-width:760px){body[data-mode=reading] .version-compare{grid-template-columns:1fr;gap:24px}body[data-mode=reading] .version-paper{padding:24px;min-height:0}body[data-mode=reading] .version-added{font-size:26px}body[data-mode=reading] .version-takeaway{font-size:28px}}