.docs { padding: 56px 0 80px; }
.docs .wrap { max-width: 900px; }
.docs h1 { margin-bottom: 16px; }
.docs h2 { margin: 48px 0 14px; padding-top: 20px; border-top: 1px solid var(--line); }
.docs h3 { margin: 0 0 6px; }
.docs p { color: var(--ink-soft); }
.docs code { padding: 2px 6px; border-radius: 5px; background: var(--paper-dim); font: 500 13.5px/1.5 ui-monospace, SFMono-Regular, monospace; }

.note {
    margin: 22px 0;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--green);
    border-radius: 8px;
    background: var(--paper-dim);
    font-size: 14.5px;
    line-height: 1.6;
}

.docs-table { width: 100%; margin: 16px 0 8px; border-collapse: collapse; }
.docs-table th { padding: 9px 12px; border-bottom: 1px solid var(--line-strong); color: var(--muted); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.docs-table td { padding: 10px 12px; border-bottom: 1px solid var(--line); font-size: 14px; vertical-align: top; }
.docs-table td code { white-space: nowrap; }

.resource { margin: 28px 0 34px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.resource h3 code { padding: 3px 8px; background: var(--ink); color: var(--paper); font-size: 15px; }
.resource p { margin: 8px 0 0; font-size: 14.5px; }