@layer reset,base;@layer components{.integration-page{max-width:1080px}.integration-intro{background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1.7fr;gap:70px;margin-bottom:55px;padding:35px;display:grid}.integration-intro h2{font-size:var(--text-2xl)}.integration-intro p{font-size:var(--text-base)}.integration-setup{margin:0;padding-left:23px}.integration-setup li{margin-bottom:30px;padding-left:18px}.integration-setup li::marker{color:var(--amber);font-family:var(--mono);font-size:var(--text-lg)}.integration-setup h3{font-size:var(--text-xl);margin-bottom:14px}.integration-setup p{font-size:var(--text-base);max-width:780px}.integration-setup .code-block{max-width:700px;margin-top:20px}}@layer responsive{@media (width<=760px){.integration-intro{grid-template-columns:1fr;gap:20px;margin-bottom:38px;padding:25px}.integration-setup li{padding-left:8px}}}