/* Portfolio additions, scoped to preserve existing page styling. */
.examples-section { padding-block: 85px; scroll-margin-top: 24px; }
.examples-intro { max-width: 800px; color: var(--muted); margin-bottom: 32px; }
.examples-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 24px; }
.example-card { display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid var(--line); border-top: 3px solid var(--cyan); border-radius: 12px; background: var(--pale); }
.example-card > p { color: var(--muted); }
.example-card .example-disclosure { font-size: .88rem; }
.example-card .button { align-self: flex-start; margin-top: auto; padding-block: 12px; text-align: center; }
.example-card a:not(.button) { color: var(--blue); }
.pks-home .headline-services { grid-auto-rows: 1fr; }
.pks-home .headline-services .service-card { display: flex; flex-direction: column; }
.pks-home .headline-services .service-card p { margin-bottom: 0; }
@media (max-width: 680px) { .examples-grid { grid-template-columns: 1fr; } .examples-section { padding-block: 52px; } .example-card { padding: 24px; } }

.pks-home #request-workflow .request-example { margin-top: 0; padding-top: 0; border-top: 0; }