.zine .zc-servers{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 26px;margin:clamp(28px,4vw,44px) 0 0;padding:16px 0 0;list-style:none;display:grid}.zine .zc-servers>li{min-width:0;display:flex}.zine .zc-server{background:var(--card);border:2px solid var(--ink);width:100%;min-width:0;box-shadow:5px 5px 0 var(--ink);align-content:start;gap:14px;padding:26px clamp(16px,2.4vw,26px) 22px;display:grid;position:relative}.zine .zc-servers>li:nth-child(odd) .zc-server{transform:rotate(-.6deg)}.zine .zc-servers>li:nth-child(2n) .zc-server{background:#fff3e6;transform:rotate(.5deg)}.zine .zc-server h3{font-variation-settings:"wdth" 75;letter-spacing:-.01em;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1}.zine .zc-server>p{color:var(--ink-2);font-size:16px}.zine .zc-tools{gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.zine .zc-tools li{grid-template-columns:18px minmax(0,1fr);gap:8px;display:grid}.zine .zc-tools li:before{content:"→";font:700 14px/1.6 var(--f-mono);color:var(--rose-ink)}.zine .zc-tools code{font:600 12.5px var(--f-mono);color:var(--muted);overflow-wrap:anywhere}.zine .zc-url{border:2px solid var(--ink);background:var(--ink);border-radius:10px;align-items:stretch;gap:0;min-width:0;display:flex;overflow:hidden}.zine .zc-url code{min-width:0;font:700 14px/1.4 var(--f-mono);color:var(--peach);overflow-wrap:anywhere;flex:auto;padding:10px 12px}.zine .zc-url .zc-copy{border-width:0 0 0 2px;border-left-color:var(--ink);border-radius:0}.zine .zc-copy{border:2px solid var(--ink);background:var(--peach);min-width:72px;min-height:44px;color:var(--ink);font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;flex:none;padding:6px 14px}.zine .zc-copy:hover{background:var(--card)}.zine .zc-copy[data-state=copied]{background:#cfe9d6}.zine .zc-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:8px;display:grid}.zine .zc-way{background:var(--card);border:2px solid var(--ink);align-content:start;gap:10px;min-width:0;padding:26px 22px 22px;display:grid;position:relative;box-shadow:4px 4px #09030ae6}.zine .zc-way h3{font-size:24px;font-weight:800;line-height:1.1}.zine .zc-way p,.zine .zc-way li{color:var(--ink-2);font-size:15.5px}.zine .zc-way ol{gap:6px;margin:0;padding-left:22px;list-style:decimal;display:grid}.zine .zc-way ol li::marker{font:700 14px var(--f-mono);color:var(--rose-ink)}.zine .zc-way .zc-tag{font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);background:var(--peach);border-radius:999px;justify-self:start;padding:3px 9px}.zine .zc-tabs{margin-top:8px}.zine .zc-tablist{border-bottom:3px solid var(--ink);flex-wrap:wrap;gap:10px;padding-bottom:18px;display:flex}.zine .zc-tab{border:2px solid var(--ink);background:var(--card);min-height:44px;color:var(--ink);font:700 15px/1.2 var(--f-body);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:8px 14px}.zine .zc-tab:hover{background:#fff3e6}.zine .zc-tab[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:2px 2px 0 var(--rose)}.zine .zc-panel{padding-top:clamp(22px,3vw,34px)}.zine .zc-panel:focus-visible{outline-offset:6px}.zine .zc-panel[hidden]{display:none}.zine .zc-client{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,40px);display:grid}.zine .zc-client-h{grid-column:1/-1;gap:8px;display:grid}.zine .zc-client-h h3{font-variation-settings:"wdth" 75;letter-spacing:-.01em;text-transform:lowercase;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:.95}.zine .zc-client-h p{max-width:68ch;color:var(--ink-2)}.zine .zc-steps{counter-reset:zc-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.zine .zc-steps li{counter-increment:zc-step;min-width:0;padding-left:40px;font-size:16px;position:relative}.zine .zc-steps li:before{content:counter(zc-step);border:2px solid var(--ink);background:var(--peach);width:28px;height:28px;font:700 13px var(--f-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.zine .zc-steps code,.zine .zc-note code,.zine .zc-way code,.zine .z-faq code{font:700 .86em var(--f-mono);overflow-wrap:anywhere;background:#09030a14;border-radius:4px;padding:1px 5px}.zine .zc-side{gap:18px;min-width:0;display:grid}.zine .zc-buttons{flex-wrap:wrap;gap:14px;display:flex}.zine .zc-buttons .z-btn{font-size:16px}.zine .zc-snippet{border:2px solid var(--ink);background:var(--ink);min-width:0;box-shadow:4px 4px 0 var(--rose);border-radius:10px;margin:0;overflow:hidden}.zine .zc-snippet figcaption{font:700 12px var(--f-mono);letter-spacing:.06em;color:#e0d2c7;border-bottom:1px solid #3a2a34;justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.zine .zc-snippet figcaption span{overflow-wrap:anywhere;min-width:0}.zine .zc-snippet .zc-copy{border-color:var(--peach);min-height:36px}.zine .zc-snippet pre{font:500 13.5px/1.55 var(--f-mono);color:#fbeee2;tab-size:2;margin:0;padding:14px;overflow-x:auto}.zine .zc-snippet pre:focus-visible{outline-offset:-3px}.zine .zc-note{border:2px dashed var(--rose-ink);color:var(--ink-2);background:#c84b700f;border-radius:10px;gap:6px;padding:14px 16px;font-size:15px;display:grid}.zine .zc-note b{font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rose-ink)}.zine .zc-note ul{gap:4px;margin:0;padding-left:18px;list-style:outside;display:grid}.zine .zc-src{font:500 12.5px/1.6 var(--f-mono);color:var(--muted)}.zine .zc-src a{color:var(--ink-2);-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose);text-underline-offset:3px;overflow-wrap:anywhere}@media (max-width:1020px){.zine .zc-client{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.zine .zc-servers,.zine .zc-ways{grid-template-columns:minmax(0,1fr)}.zine .zc-servers>li:nth-child(n) .zc-server{transform:none}.zine .zc-tab{padding:8px 12px;font-size:14px}.zine .zc-snippet pre{font-size:12.5px}}