.rr-project{--rr-line:var(--border)}.rr-project .intro{padding-bottom:28px}.rr-summary{display:flex;justify-content:space-between;gap:20px;padding-bottom:32px;font-size:13px;color:var(--muted)}.rr-summary strong{color:var(--text);margin-right:12px;font-weight:600}.rr-nav{position:sticky;top:0;z-index:20;background:var(--bg);border-block:1px solid var(--border)}.rr-nav>.wrap{display:flex;gap:28px;overflow:auto;padding-block:17px}.rr-nav a{white-space:nowrap;font-size:13px;color:var(--muted)}.rr-nav a:hover{color:var(--text);text-decoration:none}.rr-section{padding-top:56px;padding-bottom:24px;scroll-margin-top:70px}.rr-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:32px}.rr-section-heading h2{font-size:clamp(28px,3vw,42px);margin:10px 0 0}.rr-section-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:560px}.rr-grid{display:grid;grid-template-columns:1fr;gap:40px}.rr-screen{min-width:0}.rr-screen-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.rr-screen-head .mono{font-size:10px;display:block;margin-bottom:5px}.rr-screen h3{font-size:22px;line-height:1.3;margin:0}.rr-toggle{display:flex;gap:2px;border:1px solid var(--border);border-radius:7px;padding:3px;flex-shrink:0}.rr-toggle button{font:inherit;font-size:12px;padding:9px 14px;background:transparent;color:var(--muted);border:0;border-radius:4px;cursor:pointer}.rr-toggle button[aria-pressed=true]{background:var(--action);color:var(--text)}.rr-image{display:block;width:100%;position:relative;padding:0;border:1px solid var(--border);background:#192736;overflow:hidden;cursor:zoom-in;border-radius:3px}.rr-image img{display:block;width:100%;height:auto}.rr-expand{position:absolute;bottom:14px;right:14px;background:#121a24ed;color:#f7f4eb;padding:8px 12px;border:1px solid #ffffff30;border-radius:5px;font-size:12px;opacity:0;transition:opacity .2s}.rr-image:hover .rr-expand,.rr-image:focus-visible .rr-expand{opacity:1}.rr-screen>p{font-size:14px;line-height:1.7;margin:13px 0 0;max-width:850px;color:var(--muted)}.rr-figma-section iframe{display:block;width:100%;height:650px;border:1px solid var(--border);border-radius:4px;background:var(--section-blue)}.rr-source{margin-top:40px;padding-block:35px;border-block:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.rr-source h2{margin:10px 0 14px;font-size:32px}.rr-source p{max-width:660px;color:var(--muted);font-size:15px}.rr-source .caption{margin-top:12px;font-size:12px}.rr-source-actions{display:grid;gap:12px}.rr-source-actions .button{width:100%}.rr-related{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:60px}.rr-related h2{font-size:30px;margin-top:10px}.rr-index-card{max-width:100%}.rr-cover{display:block;position:relative;background:radial-gradient(ellipse at 80% 15%,#5a2e43 0,transparent 60%),#192636;color:#f2e7cf;overflow:hidden;padding:36px 42px 0;border:1px solid #ffffff16;border-radius:5px}.rr-cover:hover{text-decoration:none}.rr-cover-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.rr-cover-label>span{font-size:clamp(24px,3vw,42px);font-weight:800;letter-spacing:-.04em}.rr-cover-label small{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.rr-cover-screens{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start;height:330px}.rr-cover-screens img{width:100%;height:auto;border:1px solid #ffffff26;box-shadow:0 15px 40px #0006}.rr-cover-screens img:last-child{margin-top:48px}.rr-index-copy{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px}.rr-index-copy h2{font-size:28px;margin:8px 0}.rr-index-copy h2 a{color:var(--text)}.rr-index-copy p{font-size:14px;color:var(--muted)}.rr-index-copy a:hover{text-decoration:none}.rr-viewer .rr-viewer-switch{display:flex;gap:4px}.rr-viewer .rr-viewer-switch button[aria-pressed=true]{background:#cfb576;color:#122131;border-color:#cfb576}.rr-viewer .viewer-stage.is-zoomed{display:block}.rr-viewer .viewer-stage.is-zoomed img{max-width:none;max-height:none;width:1600px;height:900px;margin:auto}.rr-viewer .viewer-toolbar{flex-wrap:wrap}.rr-viewer .viewer-close{font-size:13px!important}.rr-viewer .viewer-close span{font-size:13px}.rr-viewer .viewer-paging{display:flex}.rr-viewer .viewer-stage img{flex-shrink:0}.rr-viewer .viewer-actions{flex-wrap:wrap;gap:8px}.rr-file-ready{display:flex;gap:12px;flex-wrap:wrap}.rr-file-ready[hidden]{display:none}@media(max-width:700px){.rr-summary{flex-direction:column;gap:8px}.rr-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.rr-section{padding-top:36px}.rr-screen-head{gap:12px;flex-wrap:wrap}.rr-screen h3{font-size:20px}.rr-grid{gap:30px}.rr-expand{opacity:1;bottom:8px;right:8px;padding:5px 8px}.rr-source{grid-template-columns:1fr;gap:24px}.rr-source-actions{display:flex;flex-wrap:wrap}.rr-source-actions .button{width:auto}.rr-related{flex-direction:column;align-items:flex-start;padding-block:40px}.rr-figma-section iframe{height:460px}.rr-index-copy{align-items:flex-start;flex-direction:column;gap:18px}.rr-cover{padding:24px 20px 0}.rr-cover-label{display:block;margin-bottom:20px}.rr-cover-label small{display:block;margin-top:8px;font-size:10px}.rr-cover-screens{height:190px;gap:12px;grid-template-columns:1fr}.rr-cover-screens img:last-child{display:none}.rr-viewer .viewer-toolbar{gap:10px}.rr-viewer .viewer-actions{width:100%}.rr-viewer .viewer-actions button{padding:8px;font-size:11px}.rr-viewer .viewer-footer{padding:10px}.rr-viewer .viewer-help{display:none}}@media(prefers-reduced-motion:reduce){.rr-expand{transition:none}}

/* One readable screen per chapter; controls stay aligned across chapters. */
.rr-screen[hidden]{display:none}.rr-carousel-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.rr-carousel-bar label{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.rr-carousel-bar select{font:inherit;font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:10px 36px 10px 12px;border-radius:6px;min-width:220px}.rr-carousel-count{font-family:'IBM Plex Mono',monospace;font-size:12px;white-space:nowrap;color:var(--muted)}.rr-carousel-stage{position:relative;padding-inline:52px}.rr-slide-prev,.rr-slide-next{position:absolute;top:calc(50% - 16px);width:38px;height:48px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:22px}.rr-slide-prev{left:0}.rr-slide-next{right:0}.rr-slide-prev:hover,.rr-slide-next:hover{background:var(--action)}.rr-cover{padding:32px}.rr-cover-label{justify-content:center;flex-direction:column;gap:7px;text-align:center;margin-bottom:28px}.rr-cover-screens{grid-template-columns:1fr 1fr;gap:24px;height:auto;align-items:center}.rr-cover-screens img:last-child{margin-top:0}.rr-figma-section iframe{height:480px}.rr-carousel-stage .rr-grid{gap:0}@media(max-width:700px){.rr-carousel-stage{padding-inline:0;padding-bottom:52px}.rr-slide-prev,.rr-slide-next{top:auto;bottom:0;width:44px;height:38px}.rr-slide-prev{left:calc(50% - 52px)}.rr-slide-next{right:calc(50% - 52px)}.rr-carousel-bar label{gap:8px;flex-wrap:wrap;max-width:85%}.rr-carousel-bar select{min-width:0;max-width:100%;width:240px}.rr-cover{padding:22px 16px}.rr-cover-label{display:flex;margin-bottom:22px}.rr-cover-screens{grid-template-columns:1fr 1fr;gap:12px;height:auto}.rr-cover-screens img:last-child{display:block}.rr-cover-label small{margin:0}.rr-figma-section iframe{height:380px}}
.rr-index-card{border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--section-blue)}.rr-index-card .rr-cover{border:0;border-bottom:1px solid var(--border);border-radius:0}.rr-index-copy{display:block;padding:26px 32px 30px}.rr-index-copy .mono{font-size:10px}.rr-index-copy h2{margin:8px 0 10px}.rr-index-copy>.text-link{display:inline-block;margin-top:18px;font-size:14px;font-weight:600}.rr-index-copy p{max-width:650px}@media(max-width:700px){.rr-index-copy{padding:22px 20px}.rr-index-copy>.text-link{margin-top:14px}}

.rr-index-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.rr-index-description .text-link{display:inline-block;margin-top:12px;font-size:14px;font-weight:600}.rr-index-description p{max-width:560px}.rr-index-copy h2{margin-bottom:0}@media(max-width:700px){.rr-index-copy{grid-template-columns:1fr;gap:16px}}