.sqw-developers [hidden] { display: none; }
.sqw-developers svg { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.sqw-developer-hero { background: var(--sq-website-bg-page); border-bottom: 1px solid var(--sq-website-border-default); }
.sqw-developer-hero__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--sq-website-spacing-7); padding-block: var(--sq-website-spacing-7); }
.sqw-developer-hero h1 { margin-bottom: var(--sq-website-spacing-5); font-size: var(--sq-website-text-3xl); }
.sqw-developer-hero p { max-width: 34rem; color: var(--sq-website-text-muted); font-size: var(--sq-website-text-lg); }
.sqw-developer-hero img { width: 100%; max-height: 25rem; aspect-ratio: 8 / 5; object-fit: contain; }
.sqw-developer-actions { display: flex; flex-wrap: wrap; gap: var(--sq-website-spacing-3); }
.sqw-developer-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sq-website-spacing-5); padding-block: var(--sq-website-spacing-6); border-bottom: 1px solid var(--sq-website-border-default); }
.sqw-developer-paths a { display: flex; gap: var(--sq-website-spacing-4); align-items: center; padding: var(--sq-website-spacing-3) 0; text-decoration: none; }
.sqw-developer-paths a > svg:first-child { width: 2rem; height: 2rem; color: var(--sq-website-theme-primary); }
.sqw-developer-paths a:nth-child(2) > svg:first-child { color: var(--sq-website-theme-green); }
.sqw-developer-paths a:nth-child(3) > svg:first-child { color: var(--sq-website-theme-orange); }
.sqw-developer-paths span { display: grid; flex: 1; gap: var(--sq-website-spacing-1); }
.sqw-developer-paths small { color: var(--sq-website-text-muted); font-size: var(--sq-website-text-sm); }
.sqw-developer-section { padding-block: var(--sq-website-spacing-7); border-bottom: 1px solid var(--sq-website-border-default); scroll-margin-top: 6rem; }
.sqw-developer-section-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--sq-website-spacing-5); margin-bottom: var(--sq-website-spacing-6); }
.sqw-developer-section h2, .sqw-developer-community h2 { margin-bottom: var(--sq-website-spacing-3); font-size: var(--sq-website-text-2xl); }
.sqw-developer-section h3 { font-size: var(--sq-website-text-lg); }
.sqw-developer-section-heading p { margin: 0; color: var(--sq-website-text-muted); }
.sqw-developer-tabs { display: flex; gap: var(--sq-website-spacing-4); border-bottom: 1px solid var(--sq-website-border-default); }
.sqw-developer-tabs button { min-width: 4rem; min-height: 2.75rem; padding: var(--sq-website-spacing-2); border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--sq-website-text-muted); font: inherit; cursor: pointer; }
.sqw-developer-tabs button[aria-selected="true"] { color: var(--sq-website-theme-primary); border-bottom-color: var(--sq-website-theme-primary); font-weight: 600; }
.sqw-developer-start { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--sq-website-spacing-7); align-items: start; min-height: 25rem; }
.sqw-developer-start > div { min-width: 0; }
.sqw-developer-start > div > p { color: var(--sq-website-text-muted); font-size: var(--sq-website-text-sm); }
.sqw-developer-steps { display: grid; gap: var(--sq-website-spacing-4); padding-left: var(--sq-website-spacing-5); }
.sqw-developer-steps li { padding-left: var(--sq-website-spacing-2); }
.sqw-developer-steps li::marker { color: var(--sq-website-text-muted); }
.sqw-developer-steps p { margin: var(--sq-website-spacing-1) 0 0; font-size: var(--sq-website-text-sm); color: var(--sq-website-text-muted); }
.sqw-developer-code { overflow: hidden; border: 1px solid var(--sq-website-border-default); border-radius: var(--sq-website-radius-md); background: var(--sq-website-bg-surface); }
.sqw-developer-code header { display: flex; justify-content: space-between; align-items: center; gap: var(--sq-website-spacing-3); padding: var(--sq-website-spacing-2) var(--sq-website-spacing-4); border-bottom: 1px solid var(--sq-website-border-default); background: var(--sq-website-bg-subtle); font-family: var(--sq-website-font-mono); font-size: var(--sq-website-text-sm); }
.sqw-developer-code button { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 0; border-radius: var(--sq-website-radius-sm); background: transparent; color: var(--sq-website-text-body); cursor: pointer; }
.sqw-developer-code button:hover { background: var(--sq-website-bg-surface); }
.sqw-developer-code pre { min-height: 17rem; margin: 0; padding: var(--sq-website-spacing-5); overflow-x: auto; color: var(--sq-website-text-title); font: var(--sq-website-text-sm) / 1.9 var(--sq-website-font-mono); }
.sqw-developer-code code { font: inherit; }
.sqw-developer-code [role="status"] { min-height: 1.75rem; margin: 0; padding: 0 var(--sq-website-spacing-5) var(--sq-website-spacing-2); font-size: var(--sq-website-text-xs); color: var(--sq-website-theme-green); }
.sqw-developer-search { width: min(100%, 22rem); }
.sqw-developer-search input { min-height: 2.75rem; font-size: var(--sq-website-text-sm); }
.sqw-developer-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--sq-website-spacing-7); align-items: start; }
.sqw-developer-guides details { min-width: 0; padding-block: var(--sq-website-spacing-4); border-top: 1px solid var(--sq-website-border-default); scroll-margin-top: 6rem; }
.sqw-developer-guides summary { display: flex; align-items: center; gap: var(--sq-website-spacing-3); min-height: 2.75rem; color: var(--sq-website-text-title); font-weight: 600; cursor: pointer; }
.sqw-developer-guides summary::after { content: "+"; margin-left: auto; color: var(--sq-website-text-muted); }
.sqw-developer-guides details[open] summary::after { content: "-"; }
.sqw-developer-guides summary::-webkit-details-marker { display: none; }
.sqw-developer-guides details > div { padding: var(--sq-website-spacing-4) 0; color: var(--sq-website-text-muted); font-size: var(--sq-website-text-sm); overflow-wrap: anywhere; }
.sqw-developer-guides code { color: var(--sq-website-text-title); }
.sqw-developer-guides a { display: inline-flex; gap: var(--sq-website-spacing-2); align-items: center; min-height: 2.75rem; color: var(--sq-website-theme-primary-strong); text-decoration: none; }
.sqw-developer-empty { padding-block: var(--sq-website-spacing-7); text-align: center; color: var(--sq-website-text-muted); }
.sqw-developer-community { display: flex; align-items: center; justify-content: space-between; gap: var(--sq-website-spacing-5); padding-block: var(--sq-website-spacing-7); }
.sqw-developer-community p { margin: 0; color: var(--sq-website-text-muted); }
@media (max-width: 60rem) {
    .sqw-developer-hero__inner, .sqw-developer-start { gap: var(--sq-website-spacing-5); }
    .sqw-developer-hero h1 { font-size: var(--sq-website-text-2xl); }
    .sqw-developer-paths { gap: var(--sq-website-spacing-4); }
    .sqw-developer-paths a { flex-wrap: wrap; }
    .sqw-developer-paths a > svg:last-child { display: none; }
}
@media (max-width: 48rem) {
    .sqw-developer-hero__inner, .sqw-developer-start, .sqw-developer-guides { grid-template-columns: minmax(0, 1fr); }
    .sqw-developer-hero__inner { padding-block: var(--sq-website-spacing-6); }
    .sqw-developer-hero img { max-height: 13rem; }
    .sqw-developer-hero p { font-size: var(--sq-website-text-base); }
    .sqw-developer-paths { grid-template-columns: minmax(0, 1fr); gap: var(--sq-website-spacing-2); padding-block: var(--sq-website-spacing-4); }
    .sqw-developer-paths a > svg:last-child { display: block; }
    .sqw-developer-community { flex-direction: column; align-items: start; }
    .sqw-developer-code pre { padding: var(--sq-website-spacing-4); }
}