/* Native service-page compositions; shared tokens and focus rules remain in blocks.css. */
.ng-service-main { padding-block: var(--wp--preset--spacing--60); }
.ng-services { min-width: 0; }
.ng-services .ng-service-hero { max-width: 50rem; padding-bottom: var(--wp--preset--spacing--50); }
.ng-services .ng-service-hero h1 { max-width: 23ch; }
.ng-services .ng-service-section { margin-block-start: var(--wp--preset--spacing--60); }
.ng-services .ng-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40); }
.ng-services .ng-service-grid > * { margin-block: 0; }
.ng-services .ng-service-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ng-services .ng-service-card { padding: var(--wp--preset--spacing--50); display: flex; flex-direction: column; gap: var(--wp--preset--spacing--30); }
.ng-services .ng-service-card > * { margin: 0; }
.ng-services .ng-service-card .ng-service-link, .ng-services .ng-service-card .wp-block-buttons { margin-block-start: auto; }
.ng-services .ng-service-price { font-size: var(--wp--preset--font-size--large); font-weight: 700; color: var(--wp--preset--color--interactive); }
.ng-services .ng-service-muted, .ng-services .ng-service-final { background: var(--wp--preset--color--surface); padding: clamp(1.5rem, 4vw, 3rem); border-radius: var(--wp--custom--radius--card); }
.ng-services .ng-service-final { border-top: 4px solid var(--wp--preset--color--interactive); }
.ng-services .ng-service-faq { padding-block: var(--wp--preset--spacing--40); border-bottom: 1px solid var(--wp--preset--color--border); }
.ng-services li { margin-block-end: var(--wp--preset--spacing--20); }
.ng-services ul, .ng-services ol { padding-inline-start: 1.4em; }
.ng-services .ng-service-allowance { border-top: 1px solid var(--wp--preset--color--border); padding-block-start: var(--wp--preset--spacing--30); font-weight: 600; }
.ng-services .ng-service-link a { display: inline-flex; align-items: center; min-height: var(--wp--custom--target--minimum); overflow-wrap: anywhere; }
@media (max-width: 1100px) { .ng-services .ng-service-plans { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 781px) { .ng-services .ng-service-grid { grid-template-columns: minmax(0, 1fr); } }