.other-spaces{max-width:780px;margin-inline:auto}.other-spaces .page-heading{margin-bottom:8px}.other-spaces-intro{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.5}.other-spaces-list{gap:10px;display:grid}.other-space{background:var(--card,var(--soft));min-height:88px;color:var(--foreground);border-radius:18px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:background-color .16s,transform .16s;display:flex}.other-space-icon{background:color-mix(in srgb,var(--accent)10%,var(--card));width:42px;height:42px;color:var(--accent);border-radius:13px;flex:0 0 42px;place-items:center;display:grid}.other-space-copy{flex:1;gap:4px;min-width:0;display:grid}.other-space strong{font-family:inherit;font-size:16px;font-weight:650;line-height:1.35}.other-space-copy>span{color:var(--muted);font-size:13px;line-height:1.45}.other-space>svg{color:var(--muted);flex-shrink:0}.other-spaces-back{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;text-decoration:none;display:inline-flex}.other-space:focus-visible,.other-spaces-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.other-space:active{transform:scale(.99)}@media (hover:hover){.other-space:hover{background:var(--soft)}.other-spaces-back:hover{color:var(--foreground)}}@media (prefers-reduced-motion:reduce){.other-space{transition:none}.other-space:active{transform:none}}.other-space-notebook{flex:0 0 42px;place-items:center;width:42px;height:52px;display:grid}.other-space-notebook-cover{background:var(--accent);width:36px;height:48px;color:var(--accent-contrast,white);border-radius:3px 6px 6px 3px;flex-direction:column;gap:4px;padding:13px 6px 6px 9px;display:flex;position:relative;transform:rotate(-7deg);box-shadow:2px 3px 5px #0002}.other-space-notebook-cover:before{content:"";background:#0002;width:1px;position:absolute;top:0;bottom:0;left:4px}.other-space-notebook-cover:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:#ffffff80;width:4px;height:10px;position:absolute;top:0;right:6px}.other-space-notebook-cover>span{font-size:7px;font-weight:600;line-height:1.2}.other-space-notebook-cover>i{opacity:.45;background:currentColor;width:13px;height:1px}.other-space-notebook-cover>i:last-child{width:8px}
