/* Services shows the artifacts of an engagement; the homepage shows a request. */
.service-package {--sd-line:rgb(var(--brand-burgundy-rgb) / .14);margin-top:0;overflow-anchor:none;}
.service-deliverables-section {position:relative;scroll-margin-top:120px;}
.sd-legacy-anchor {position:absolute;top:0;left:0;scroll-margin-top:120px;}
.service-package [hidden] {display:none!important;}
/* Inactive slides remain in the shared sizing grid, but are neither visible nor focusable. */
.service-package .sd-panel[hidden] {display:grid!important;visibility:hidden;pointer-events:none;}
.service-package .sd-label,.service-package .sd-tab,.service-package .sd-navigation,.service-package dt {font:400 12px/20px var(--mono);letter-spacing:.015em;text-transform:uppercase;}
.service-package .sd-label {color:var(--accent);}
.service-package .sd-muted {color:var(--muted);}
.service-package .sd-intro {display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:24px;}
.service-package .sd-intro h2 {font:400 var(--type-section)/var(--line-section) var(--serif);letter-spacing:-.035em;margin:0;color:var(--ink);}
.service-package .sd-intro>p {max-width:360px;font:400 16px/24px var(--sans);color:var(--body);}
.service-package .sd-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--sd-line);margin-bottom:16px;}
.service-package .sd-tabs::-webkit-scrollbar {display:none;}
.service-package .sd-tab {position:relative;min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 12px;color:var(--body);white-space:nowrap;border:0;background:none;border-radius:0;}
.service-package .sd-tab>span {opacity:.5;}
.service-package .sd-tab:after {content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--accent);transform:scaleX(0);}
.service-package .sd-tab[aria-selected="true"] {color:var(--accent);background:rgb(var(--brand-burgundy-rgb) / .025);}
.service-package .sd-tab[aria-selected="true"]:after {transform:scaleX(1);}
.service-package .sd-tab:hover {color:var(--accent);}
.service-package .sd-tab:focus-visible {outline:2px solid var(--accent);outline-offset:-4px;}
.service-package .sd-shell {overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:16px;background:linear-gradient(130deg,rgba(255,255,255,.55),rgba(255,255,255,.3));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 36px rgb(var(--brand-burgundy-rgb) / .025);}
.service-package .sd-panels {display:grid;grid-template-rows:auto;}
.service-package .sd-panel {display:grid;grid-area:1 / 1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto;column-gap:48px;row-gap:0;align-items:start;min-height:432px;padding:32px;outline-offset:-4px;}
.service-package .sd-copy {display:block;grid-column:1;grid-row:1;align-self:start;}
.service-package .sd-copy h4 {font:400 32px/36px var(--serif);letter-spacing:-.03em;margin:0 0 16px;color:var(--accent);max-width:400px;}
.service-package .sd-copy>p {font:400 16px/24px var(--sans);color:var(--body);max-width:400px;margin:0;}
.service-package .sd-copy>p.sd-receive {margin-top:24px;font-size:14px;line-height:20px;}
.service-package .sd-receive strong {display:block;color:var(--ink);margin-bottom:8px;font-weight:600;}
.service-package .sd-artifact {grid-column:2;grid-row:1;align-self:stretch;width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.58);overflow:hidden;box-shadow:0 8px 24px rgb(var(--brand-burgundy-rgb) / .025);}
.service-package .sd-artifact-header {display:flex;justify-content:space-between;align-items:center;gap:16px;height:52px;min-height:52px;box-sizing:border-box;padding:16px 20px;border-bottom:1px solid var(--sd-line);background:rgb(var(--brand-burgundy-rgb) / .025);}
.service-package .sd-artifact-header .sd-label {font-size:12px;line-height:20px;}
.service-package .sd-artifact-header .sd-muted {flex:none;}
.service-package .sd-document {padding:20px;}
.service-package .sd-document h5 {margin:0 0 20px;font:600 18px/24px var(--sans);color:var(--ink);}
.service-package .sd-definition {margin:0;display:grid;gap:16px;}
.service-package .sd-definition>div {display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:baseline;}
.service-package .sd-definition dt {margin:0;color:var(--muted);}
.service-package .sd-definition dd {margin:0;font:400 14px/20px var(--sans);color:var(--body);}
.service-package .sd-source-line {display:flex;align-items:baseline;gap:12px;border-top:1px solid var(--sd-line);padding-top:16px;margin-top:20px;font:400 14px/20px var(--sans);color:var(--muted);}
.service-package .sd-source-line>span {color:var(--accent);}
.service-package .sd-code {font:400 12px/20px var(--mono);padding:20px;margin:0;color:var(--body);white-space:pre-wrap;overflow-wrap:anywhere;text-transform:uppercase;}
.service-package .sd-code code {font:inherit;}
.service-package .sd-code span {color:#a31331;}
.service-package .sd-code b {font-weight:400;color:#aa5700;}
.service-package .sd-code i {font-style:normal;color:#00853f;}
.service-package .sd-test-samples {padding:16px 20px;border-top:1px solid var(--sd-line);}
.service-package .sd-test-samples>.sd-label {display:block;margin-bottom:12px;}
.service-package .sd-test-samples>div {display:flex;justify-content:space-between;gap:16px;font:400 14px/20px var(--sans);color:var(--body);}
.service-package .sd-test-samples>div+div {margin-top:8px;}
.service-package .sd-test-samples strong {font-weight:500;color:var(--accent);text-align:right;}
.service-package .sd-workflow-inlet {padding:20px;display:flex;justify-content:space-between;gap:16px;align-items:center;}
.service-package .sd-workflow-inlet strong {font:600 16px/24px var(--sans);}
.service-package .sd-workflow-routes {padding:0 20px 20px;display:grid;gap:0;}
.service-package .sd-workflow-routes>div {position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:16px;padding:12px 0;font:400 14px/20px var(--sans);}
.service-package .sd-workflow-routes>div>span:nth-child(2) {color:var(--muted);}
.service-package .sd-workflow-routes>div>strong {grid-column:2;font-weight:500;color:var(--accent);margin-top:4px;}
.service-package .sd-workflow-routes small {display:block;font:400 14px/20px var(--sans);color:var(--body);margin-top:4px;}
.service-package .sd-route-line {grid-row:1/3;position:relative;border-left:1px solid var(--sd-line);margin-left:0;}
.service-package .sd-route-line:after {content:"";position:absolute;top:8px;left:0;width:16px;height:1px;background:var(--sd-line);}
.service-package .sd-record-fields {gap:16px;}
.service-package .sd-record-sources {border-top:1px solid var(--sd-line);padding-top:16px;margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 16px;font:400 14px/20px var(--sans);color:var(--body);}
.service-package .sd-record-sources>.sd-label {width:100%;}
.service-package .sd-record-sources>span:not(.sd-label) {border-bottom:1px solid var(--sd-line);}
.service-package .sd-navigation {border-top:1px solid var(--sd-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;}
.service-package .sd-navigation button {display:flex;align-items:center;gap:12px;min-height:40px;padding:8px;color:var(--accent);font:inherit;background:none;border:0;}
.service-package .sd-navigation button:disabled {opacity:.3;cursor:default;}
.service-package .sd-page {color:var(--muted);}
.service-package .sd-maintenance {display:flex;align-items:flex-start;gap:16px;margin-top:24px;max-width:920px;}
.service-package .sd-maintenance svg {width:24px;height:24px;flex:0 0 24px;fill:none;stroke:var(--accent);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
.service-package .sd-maintenance p {font:400 14px/20px var(--sans);color:var(--body);}
.service-package .sd-maintenance strong {font-weight:600;color:var(--ink);}
@media(max-width:1000px) {
 .service-package .sd-panel {column-gap:32px;padding:24px;}
 .service-package .sd-tab {gap:8px;font-size:12px;padding-inline:8px;}
 .service-package .sd-definition>div {grid-template-columns:88px minmax(0,1fr);gap:12px;}
 .service-package .sd-copy h4 {font-size:28px;line-height:32px;}
}
@media(max-width:760px) {
 .service-package {margin-top:0;}
 .service-package .sd-intro {display:block;margin-bottom:24px;}
 .service-package .sd-intro>p {max-width:520px;margin-top:16px;}
 .service-package .sd-tabs {grid-template-columns:repeat(4,max-content);}
 .service-package .sd-tab {padding:16px;}
 .service-package .sd-panels {grid-template-rows:repeat(2,auto);}
 .service-package .sd-panel {grid-area:1 / 1 / 3 / 2;grid-template-columns:1fr;grid-template-rows:subgrid;column-gap:0;row-gap:0;min-height:0;align-items:start;}
 .service-package .sd-copy h4 {max-width:540px;margin:0 0 12px;}
 .service-package .sd-copy>p {max-width:540px;}
 .service-package .sd-copy>p.sd-receive {margin-top:16px;}
 .service-package .sd-receive strong {display:inline;margin:0 4px 0 0;}
 .service-package .sd-artifact {grid-column:1;grid-row:2;max-width:640px;margin-top:24px;}
 .service-package .sd-definition>div {grid-template-columns:104px minmax(0,1fr);}
 .service-package .sd-navigation {padding-inline:16px;}
}
@media(max-width:420px) {
 .service-package .sd-panel {padding:20px 16px;}
 .service-package .sd-artifact-header {height:64px;min-height:64px;padding:12px 16px;}
 .service-package .sd-document,.service-package .sd-code,.service-package .sd-test-samples {padding:16px;}
 .service-package .sd-definition>div {grid-template-columns:1fr;gap:4px;}
 .service-package .sd-definition {gap:12px;}
 .service-package .sd-artifact-header .sd-label {font-size:12px;}
 .service-package .sd-workflow-inlet {padding:16px;}
 .service-package .sd-workflow-routes {padding:0 16px 16px;}
 .service-package .sd-maintenance {gap:12px;}
}

/* A confirmed deliverable marker, aligned with the receipt label in every panel. */
.service-package .sd-receive strong {display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.service-package .sd-receive-check {width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#00853f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
