.visual-notebook-nav{border-top:1px solid var(--nb-line);border-bottom:1px solid var(--nb-line);margin-bottom:30px;padding:20px 0 23px}.notebook-series{align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.notebook-series>span{letter-spacing:.08em;color:var(--nb-ink);font-size:14px}.notebook-series>small{color:var(--nb-muted);font-size:12px}.notebook-switch{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notebook-tab{border:1px solid var(--nb-line);background:var(--nb-surface);align-items:center;gap:20px;min-width:0;padding:17px 20px;display:flex}.notebook-mark{white-space:nowrap;color:var(--nb-accent);font-size:24px}.notebook-tab>span:nth-child(2){flex:1;min-width:0}.notebook-tab strong{letter-spacing:-.03em;font-size:20px;font-weight:600;line-height:1.5;display:block}.notebook-tab small{color:var(--nb-muted);margin-top:3px;font-size:13px;display:block}.notebook-tab>em{white-space:nowrap;color:var(--nb-muted);font-size:12px;font-style:normal}.notebook-tab[aria-current=page]{background:var(--nb-accent);border-color:var(--nb-accent);color:var(--nb-onaccent);box-shadow:3px 3px 0 var(--nb-line)}.notebook-tab[aria-current=page] :is(small,em,.notebook-mark){color:var(--nb-onaccent)}.notebook-tab:not([aria-current]):hover{border-color:var(--nb-accent);background:var(--nb-surface)}.notebook-context{color:var(--nb-muted);font-size:13px;line-height:1.8;margin-top:16px!important}.motion-page .motion-intro,.geometry-page .geometry-intro{border-top:0;padding-top:20px}.effect-foundation{border-top:1px solid var(--nb-line);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding-top:14px;font-size:12px;line-height:1.7;display:flex;margin-top:16px!important}.effect-foundation>span{color:var(--nb-muted);font-size:11px}.effect-foundation>a{color:var(--nb-accent);border-bottom:1px solid var(--nb-line)}.effect-connection-notes{border-top:1px solid var(--nb-line);margin-top:13px;padding-top:10px}.effect-connection-notes p{line-height:1.8;font-size:12px!important}.effect-connection-notes strong{font-weight:550}.geometry-connections{border-top:1px solid var(--nb-line);margin-top:28px;padding-top:22px}.geometry-connections>h3{color:var(--nb-muted);margin:0 0 12px;font-size:14px;font-weight:500}.geometry-connections>a{border:1px solid var(--nb-line);background:var(--nb-surface);justify-content:space-between;align-items:start;gap:20px;margin-top:10px;padding:15px 18px;display:flex}.geometry-connections strong{color:var(--nb-accent);font-size:16px;font-weight:550;display:block}.geometry-connections small{color:var(--nb-muted);margin-top:6px;font-size:13px;line-height:1.8;display:block}.geometry-connections b{color:var(--nb-accent);font-weight:500}.geometry-further{color:var(--nb-muted);margin-top:25px;font-size:13px}.geometry-further>a{color:var(--nb-accent);border-bottom:1px solid var(--nb-line);margin-top:7px;display:inline-block}.geometry-further>p{margin-top:7px!important}.notebook-footer-link{white-space:nowrap;color:var(--nb-accent)!important}@media (width<=760px){.visual-notebook-nav{margin-bottom:22px;padding-top:13px}.notebook-tab{flex-wrap:wrap;gap:12px;padding:14px}.notebook-mark{font-size:21px}.notebook-tab strong{font-size:18px}.notebook-tab small{font-size:12px}.notebook-tab>em{display:none}.notebook-context{font-size:12px}.motion-page .motion-intro,.geometry-page .geometry-intro{padding-top:12px}.geometry-connections>a{padding:14px}.geometry-connections small{font-size:13px}}@media (width<=430px){.notebook-switch{gap:9px}.notebook-tab{padding:12px;display:block}.notebook-mark{margin-bottom:7px;font-size:20px;display:block}.notebook-tab strong{font-size:17px}.notebook-tab small{font-size:12px;line-height:1.6}.notebook-series{gap:12px}.notebook-series>small{font-size:11px}.effect-foundation{font-size:12px}}.notebook-palette{border-top:1px solid var(--nb-line);margin-top:18px;padding-top:13px}.notebook-palette>summary{cursor:pointer;color:var(--nb-muted);align-items:center;gap:13px;width:fit-content;min-height:34px;font-size:13px;list-style:none;display:flex}.notebook-palette>summary::-webkit-details-marker{display:none}.notebook-palette strong{color:var(--nb-ink);font-weight:500}.palette-chevron{color:var(--nb-accent);margin-left:4px;font-size:18px}.notebook-palette[open] .palette-chevron{rotate:45deg}.palette-current{gap:3px;display:flex}.palette-current i{background:var(--nb-accent);width:13px;height:13px}.palette-current i:nth-child(2){background:var(--nb-cyan)}.palette-current i:nth-child(3){background:var(--nb-ink)}.notebook-palette fieldset{border:0;margin:13px 0 0;padding:0}.notebook-palette legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.palette-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.palette-option{cursor:pointer;border:1px solid var(--nb-line);background:var(--nb-surface);min-height:50px;color:var(--nb-ink);align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:flex;position:relative}.palette-option input{opacity:0;width:1px;height:1px;position:absolute}.palette-swatches{flex-shrink:0;display:flex;box-shadow:0 0 0 1px #82928c80}.palette-swatches i{background:var(--swatch-paper);width:9px;height:22px}.palette-swatches i:nth-child(2){background:var(--swatch-ink)}.palette-swatches i:nth-child(3){background:var(--swatch-accent)}.palette-swatches i:nth-child(4){background:var(--swatch-cyan)}.palette-chosen{visibility:hidden;color:var(--nb-accent);margin-left:auto;font-size:13px}.palette-option:has(input:checked){border-color:var(--nb-accent);box-shadow:inset 0 -2px var(--nb-accent)}.palette-option:has(input:checked) .palette-chosen{visibility:visible}.palette-option:has(input:focus-visible){outline:3px solid var(--nb-accent);outline-offset:3px}.palette-option:has(input:disabled){opacity:.6;cursor:default}.palette-help{color:var(--nb-muted);font-size:12px;line-height:1.8;margin-top:12px!important}@media (width<=1100px){.palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=430px){.palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-option{gap:8px;padding:11px}.notebook-palette>summary{font-size:13px}}