.relasi-book{--rl-ground:#eef2f6;--rl-paper:#ffffff;--rl-ink:#203b61;--rl-muted:#53647a;--rl-soft:#e5ebf2;--rl-control:#7d8a9c;--rl-line:#cfd8e3;--rl-tag:#ccdef3;--rl-tag-ink:#203b61;--rl-r:3px;--rl-tab:14px;--rl-folder:3px 14px 3px 3px;min-height:100vh;background:var(--rl-ground);color:var(--rl-ink);color-scheme:light;font:400 16px/1.6 Figtree,Arial,sans-serif;font-synthesis:none}.relasi-book :is(h1,h2,h3,button,a){font-family:inherit}.relasi-book :focus-visible{outline:3px solid var(--rl-ink);outline-offset:3px}.relasi-book-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:8px max(20px,calc((100vw - 1120px) / 2));background:var(--rl-paper);border-bottom:1px solid var(--rl-line);font-size:13px}.relasi-book-banner a,.relasi-book-chapter a,.relasi-book-intro nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px}.relasi-book-content{max-width:1180px;margin:auto;padding:44px 32px}.relasi-book-intro h1{margin:4px 0;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:600;line-height:1;letter-spacing:-.03em}.relasi-book-intro>p:not(.relasi-eyebrow){max-width:60ch;font-size:1.15rem}.relasi-book-intro nav{display:flex;flex-wrap:wrap;gap:4px 24px}.relasi-book-chapter{margin-top:48px;padding-top:24px;border-top:2px solid var(--rl-ink)}.relasi-book-chapter h2{max-width:24ch;margin:4px 0 12px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;line-height:1.15}.relasi-book-chapter ol,.relasi-book-chapter>p{max-width:72ch}.relasi-book-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0;padding:0;list-style:none}.relasi-book-palette li{display:grid;gap:4px;padding:10px;background:var(--rl-paper);border:1px solid var(--rl-line);border-radius:var(--rl-folder)}.relasi-book-palette span{height:54px;border:1px solid var(--rl-control);border-radius:var(--rl-r)}.relasi-book-type{display:grid;gap:6px;margin:16px 0;padding:18px;background:var(--rl-paper);border-radius:var(--rl-folder)}.relasi-book-type strong{font-size:30px;font-weight:600}.relasi-book .relasi-scroll{display:grid;gap:16px;padding:4px}.relasi-book figure{margin:16px 0}.relasi-book figure img{width:100%;height:auto;border:1px solid var(--rl-line);border-radius:var(--rl-folder)}.relasi-book figcaption{color:var(--rl-muted);font-size:14px}.relasi-book .live-specimen>h2{font-size:1.6rem;font-weight:600}.relasi-book-parts{display:grid;gap:12px;margin-top:18px}.relasi-book-parts>h3{margin:0;font-size:1.2rem}@media (max-width:700px){.relasi-book-content{padding:28px 16px}}