.g10-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.g10-connection{margin:0;padding:32px 26px;background:#f4eeea;border:1px solid #ded1c8;border-radius:14px}.g10-flow{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;text-align:center;gap:10px}.g10-app{display:flex;flex-direction:column;align-items:center;gap:14px}.g10-app svg{width:58px;height:58px;padding:13px;border-radius:15px;background:#542e35;color:#e0ca89}.g10-app:last-child svg{background:#102c3e}.g10-app strong{font-size:16px;line-height:1.35}.g10-choice{color:#795847;font-size:12px;line-height:1.4}.g10-choice svg{display:block;width:100%;height:24px;margin-bottom:8px}.g10-connection figcaption{margin-top:28px;padding-top:22px;border-top:1px solid #ded1c8;text-align:center}.g10-connection figcaption strong{color:var(--ink);font-size:16px}.g10-connection figcaption p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}@media(max-width:960px){.g10-layout{grid-template-columns:1fr;gap:28px}.g10-connection{width:100%;max-width:540px;margin:auto}}@media(max-width:420px){.g10-connection{padding:26px 16px}.g10-flow{grid-template-columns:1fr 76px 1fr;gap:5px}.g10-app strong{font-size:14px}}
.g10-settings{margin:20px 0;border-top:1px solid #ded1c8;border-bottom:1px solid #ded1c8;padding:16px 0}.g10-settings summary{cursor:pointer;font-weight:600;color:var(--ink)}.g10-settings p{font-size:15px;line-height:1.65}.g10-settings summary:focus-visible{outline:2px solid #795847;outline-offset:4px}