.connector-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.connector-page{padding-bottom:clamp(80px,9vw,140px)}.connector-page>*+*{margin-top:clamp(64px,7vw,112px)}.connector-group{scroll-margin-top:calc(var(--nav-h) + 24px)}.connector-group-head{max-width:640px}.connector-group-head h2{margin:0;font:400 var(--fs-32) /1.15 var(--f-display);letter-spacing:-.04em}.connector-group-head p{margin:8px 0 0;color:var(--mute);font:300 var(--fs-16) /1.4 var(--f-body)}.connector-grid{--connector-pad:20px;display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin:28px 0 0;padding:0;list-style:none}.connector-tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"mark name" "mark text" "mark does";align-content:start;grid-column-gap:16px;column-gap:16px;padding:var(--connector-pad);background:var(--paper-2);transition:background-color .3s var(--ease)}.connector-mark{grid-area:mark;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.connector-mark img{width:24px;height:24px;object-fit:contain}.connector-tile h3{grid-area:name;margin:0;font:500 var(--fs-18) /1.2 var(--f-display);letter-spacing:-.03em}.connector-tile>p{grid-area:text;max-width:38ch;margin:4px 0 0;color:var(--ink-2);font:300 var(--fs-14) /1.35 var(--f-body)}.connector-does,.connector-guide{grid-area:does;margin:14px 0 0}.connector-does{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.connector-does li,.connector-guide{display:inline-flex;align-items:center;gap:5px;padding:6px 10px 6px 8px;border-radius:9px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:400 var(--fs-13) /1 var(--f-display);letter-spacing:-.01em}.connector-does .ic{width:14px;height:14px;color:var(--mint-ink)}.connector-guide{justify-self:start;padding:6px 8px 6px 10px;text-decoration:none;transition:color .3s var(--ease),box-shadow .3s var(--ease)}.connector-guide:after{position:absolute;inset:0;content:""}.connector-guide .ic{width:14px;height:14px;transition:transform .3s var(--ease)}.connector-tile:has(.connector-guide:hover){background:var(--paper-3)}.connector-tile:has(.connector-guide:hover) .connector-guide{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.connector-tile:has(.connector-guide:hover) .connector-guide .ic{transform:translateX(2px)}.site .connector-guide:focus-visible{outline:none}.connector-tile:has(.connector-guide:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.connector-more,.connector-note{max-width:60ch;margin:20px 0 0;color:var(--mute);font:300 var(--fs-14) /1.4 var(--f-body)}.connector-more a{color:var(--ink-2);text-underline-offset:4px;transition:color .3s var(--ease)}.connector-more a:hover{color:var(--ink)}.connector-page>.connector-note{margin-top:28px;font-size:var(--fs-12)}.connector-soon-kinds{display:grid;grid-gap:8px;gap:8px;margin-top:28px}.connector-soon-kind{display:grid;grid-gap:14px;gap:14px;padding:20px;background:var(--paper-2)}.connector-soon-kind h3{margin:0;font:500 var(--fs-18) /1.2 var(--f-display);letter-spacing:-.03em}.connector-soon-kind ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.connector-soon-kind li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:400 var(--fs-14) /1 var(--f-display);letter-spacing:-.01em}.connector-soon-kind img{width:22px;height:22px;border-radius:5px;object-fit:contain}@media (min-width:620px){.connector-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:961px){.connector-grid{--connector-pad:28px;grid-template-columns:repeat(3,1fr)}.connector-tile{grid-template-areas:"mark does" "name name" "text text";min-height:216px}.connector-mark{width:52px;height:52px;margin-bottom:40px;border-radius:14px}.connector-mark img{width:28px;height:28px}.connector-tile h3{font-size:var(--fs-20)}.connector-does,.connector-guide{align-self:start;justify-self:end;margin-top:0}.connector-does{justify-content:flex-end}.connector-soon-kind{grid-template-columns:220px 1fr;align-items:center;gap:40px;padding:20px 28px}}@media (prefers-reduced-motion:reduce){.connector-guide,.connector-guide .ic,.connector-tile{transition:none}}