.developer-hero,.developer-builder-hero{border-bottom:1px solid var(--ppc-border)}.developer-hero__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(24rem,.9fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}.developer-hero h1{max-width:48rem;margin-top:0}.developer-hero__media{display:flex;margin:0;background:var(--ppc-illustration-surface)}.developer-hero__media img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;-o-object-fit:contain;object-fit:contain}.developer-hero__points{display:grid;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none}.developer-hero__points li{display:flex;gap:.75rem;align-items:center}.developer-hero__points .nsw-material-icons{color:var(--nsw-brand-dark)}.developer-heading{max-width:52rem}.developer-heading--wide{max-width:60rem}.developer-page-nav{padding-top:2rem;padding-bottom:2rem}.developer-page-nav .nsw-in-page-nav{margin:0}.developer-status-legend{display:flex;flex-wrap:wrap;gap:.5rem}.developer-catalogue-layout{align-items:start;margin-top:2.5rem}.developer-catalogue-results .nsw-results-bar{margin-bottom:2rem}.developer-catalogue-results>.nsw-in-page-alert{margin-top:0}.developer-catalogue-group+.developer-catalogue-group{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--ppc-border)}.developer-catalogue-group__heading{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem}.developer-catalogue-group__heading .business-kicker,.developer-catalogue-group__heading h3{margin-top:0}.developer-catalogue-group__heading h3{margin-bottom:0}.developer-card-grid,.developer-output-grid{row-gap:1.5rem}.developer-catalogue-card,.developer-catalogue-card .nsw-card__content,.developer-engine-card,.developer-engine-card .nsw-card__content{height:100%}.developer-catalogue-card .nsw-card__content,.developer-engine-card .nsw-card__content{display:flex;flex-direction:column}.developer-catalogue-card__meta,.developer-engine-card__meta{display:flex;justify-content:flex-start;gap:1rem;align-items:flex-start}.developer-catalogue-card__category{margin:1rem 0 .35rem;color:var(--ppc-muted);font-size:.875rem;font-weight:700;text-transform:uppercase}.developer-catalogue-card .nsw-card__copy{flex-grow:1}.developer-engine-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0}.developer-engine-group{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--ppc-border)}.developer-engine-group__heading{display:grid;grid-template-columns:minmax(13rem,.4fr) minmax(0,.6fr);gap:2rem;align-items:baseline;margin-bottom:1.5rem}.developer-engine-group__heading h4,.developer-engine-group__heading p{margin:0}.developer-engine-group__heading p{color:var(--ppc-muted)}.developer-engine-card .nsw-card__content{min-height:12.5rem}.developer-engine-card__meta{margin-bottom:1.5rem}.developer-engine-card .nsw-card__copy{margin-bottom:0;color:var(--ppc-muted)}.developer-page .nsw-status-label--info{border-color:var(--nsw-brand-dark);background-color:var(--nsw-brand-dark)}.developer-page .nsw-status-label--warning{border-color:var(--nsw-brand-accent);background-color:var(--nsw-brand-accent)}.developer-catalogue-card:hover .developer-catalogue-card__category,.developer-catalogue-card:hover .nsw-card__copy,.developer-engine-card:hover .nsw-card__copy{color:var(--nsw-text-light)}.developer-catalogue-card:hover .nsw-status-label,.developer-engine-card:hover .nsw-status-label{border-color:var(--nsw-brand-light);background-color:var(--nsw-brand-light);color:var(--nsw-brand-dark)}.developer-vacuum-layout,.developer-distribution-layout,.developer-embed-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(28rem,1.2fr);gap:clamp(3rem,7vw,6rem);align-items:start}.developer-principle{margin-top:2rem}.developer-output-grid .nsw-content-block{height:100%;padding-top:1.25rem;border-top:.25rem solid var(--nsw-brand-accent)}.developer-output-grid .nsw-material-icons{color:var(--nsw-brand-dark);font-size:2.25rem}.developer-cta .nsw-callout__content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.developer-cta h2,.developer-builder-form h2,.developer-widget-preview h2{margin-top:0}.developer-builder-hero .nsw-intro{max-width:52rem}.developer-builder-layout{display:grid;grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}.developer-builder-form{display:grid;gap:1.5rem;padding:clamp(1.5rem,3vw,2rem);border:1px solid var(--ppc-border);background:var(--ppc-surface)}.developer-builder-form h2,.developer-builder-form .nsw-form__group,.developer-builder-form .nsw-button{margin:0}.developer-builder-form .nsw-form__label+:where(input,select,.nsw-form__input-group){margin-top:.5rem}.developer-builder-form .nsw-form__helper{margin-top:.5rem;margin-bottom:0;line-height:1.45}.developer-builder-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.developer-builder-form>.nsw-button{justify-self:start}.developer-widget-preview__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.developer-widget-preview__stage{min-height:15rem;padding:clamp(1rem,3vw,2rem);border:1px solid var(--ppc-border);background:var(--ppc-canvas)}.developer-widget-preview .nsw-in-page-alert{margin-top:1rem}.developer-code-panel{min-width:0;border:1px solid var(--nsw-brand-dark);background:var(--nsw-text-dark);color:var(--nsw-white)}.developer-code-panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--nsw-brand-supplementary);font-weight:700}.developer-code-panel pre{max-width:100%;margin:0;padding:1.5rem;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.developer-code-panel code{color:inherit}.developer-format-hero__meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem;color:var(--ppc-muted);font-weight:700}.developer-format-overview,.developer-format-example-layout,.developer-format-workflow,.developer-format-validation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}.developer-format-overview .nsw-in-page-nav{margin:0}.developer-format-field-grid{margin-top:2rem}.developer-format-field-grid .nsw-content-block{height:100%}.developer-format-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.developer-format-list code{display:inline-block;padding:.375rem .625rem;border:1px solid var(--ppc-border);background:var(--ppc-surface);color:var(--nsw-brand-dark);font-size:.875rem}.developer-format-notes{margin-top:2rem}.developer-format-notes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 2rem;margin-bottom:0}.developer-format-example-layout{align-items:center}.developer-format-downloads{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;margin-top:1.5rem}.developer-format-downloads a{display:inline-flex;gap:.375rem;align-items:center;font-weight:700}.developer-format-page .developer-code-panel pre{max-height:34rem;white-space:pre;overflow-wrap:normal}.developer-format-workflow{align-items:center}.developer-format-workflow .nsw-steps{margin-top:0}.developer-format-workflow .nsw-steps__content h3{font-size:1rem;line-height:1.45}.developer-format-validation{align-items:center}.developer-format-checklist{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.developer-format-checklist li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;align-items:start}.developer-format-checklist .material-icons{color:var(--nsw-brand-dark)}@media(max-width:62rem){.developer-hero__layout,.developer-vacuum-layout,.developer-distribution-layout,.developer-builder-layout,.developer-embed-layout,.developer-format-overview,.developer-format-example-layout,.developer-format-workflow,.developer-format-validation{grid-template-columns:1fr}.developer-engine-group__heading{grid-template-columns:1fr;gap:.5rem}}@media(max-width:42rem){.developer-builder-form__row,.developer-cta .nsw-callout__content{grid-template-columns:1fr}.developer-widget-preview__header{align-items:center}.developer-format-notes ul{grid-template-columns:1fr}}
