.page-module__zXzN-q__page{background:#fffdf8;border:1px solid #1f2f2e14;border-radius:24px;flex-direction:column;gap:20px;width:min(980px,100% - 32px);margin:24px auto 42px;padding:clamp(20px,3vw,32px);display:flex;box-shadow:0 16px 40px #1f2f2e1a}.page-module__zXzN-q__header{flex-direction:column;gap:8px;display:flex}.page-module__zXzN-q__kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.page-module__zXzN-q__header h1{font-size:clamp(1.9rem,4vw,3rem)}.page-module__zXzN-q__header p{color:var(--ink-soft)}.page-module__zXzN-q__tabs{flex-wrap:wrap;gap:8px;display:flex}.page-module__zXzN-q__tabButton{color:var(--accent-strong);cursor:pointer;font:inherit;background:#fff;border:1px solid #0f766e59;border-radius:999px;padding:8px 14px;font-weight:700}.page-module__zXzN-q__tabButton:hover{background:#f3fffd}.page-module__zXzN-q__activeTab{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.page-module__zXzN-q__activeTab:hover{background:var(--accent-strong)}.page-module__zXzN-q__category{flex-direction:column;gap:10px;display:flex}.page-module__zXzN-q__categoryTitle{color:var(--ink);font-size:1.3rem}.page-module__zXzN-q__grid{flex-direction:column;gap:12px;display:flex}.page-module__zXzN-q__card{background:#fff;border:1px solid #1f2f2e14;border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.page-module__zXzN-q__card h3{font-size:1.05rem}.page-module__zXzN-q__card p{color:var(--ink-soft)}.page-module__zXzN-q__noteColumns{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;display:grid}.page-module__zXzN-q__noteBlock{flex-direction:column;gap:8px;min-width:0;display:flex}.page-module__zXzN-q__noteBlock h4{color:var(--ink);font-size:.98rem}.page-module__zXzN-q__codePanel{min-width:0;position:relative}.page-module__zXzN-q__codeNote{color:#d7deef;white-space:pre;background:#101422;border:1px solid #d7deef24;border-radius:10px;margin:0;padding:40px 12px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.45;overflow-x:auto}.page-module__zXzN-q__copyButton{color:#d7deef;cursor:pointer;width:28px;height:28px;font:inherit;background:#101422eb;border:1px solid #d7deef38;border-radius:6px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.page-module__zXzN-q__copyButton:hover{color:#fff;background:#0f766ef2;border-color:#99f6e4cc}.page-module__zXzN-q__copied{color:#fff;background:#16a34af2;border-color:#86efaccc}.page-module__zXzN-q__back{color:var(--accent-strong);border:1px solid #0f766e66;border-radius:999px;align-self:flex-start;padding:9px 14px;display:inline-flex}.page-module__zXzN-q__back:hover{background:#f3fffd}