/* Ydelseskort. Beskrivelserne er 60-100 ord, så teksten får hovedspalten og
 * pris, knap og udtalelse ligger i en aside. Prisen står med * fordi
 * lokationstillægget nederst gælder alle tre ydelser. */
.services{background:var(--surface-light);color:var(--text-on-light)}
.services__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-12) var(--space-4)}
.services h2{margin:0 0 var(--space-8);font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--heading-tracking,0)}
.service{display:grid;grid-template-columns:1fr;gap:var(--space-6);background:var(--ink-0);border:1px solid var(--border-soft);border-radius:20px;padding:var(--space-6);margin-bottom:var(--space-4)}
.service h3{margin:0 0 var(--space-4);font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:var(--heading-tracking,0)}
.service p{margin:0 0 var(--space-4);font-size:var(--text-base);line-height:var(--leading-body);max-width:var(--measure)}
.service p:last-child{margin-bottom:0}
.service__aside{display:flex;flex-direction:column;gap:var(--space-4);align-self:start}
.service__prices{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-4);list-style:none;background:var(--surface-sand);border-radius:12px}
.service__prices li{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.35}
.service__quote{margin:0;display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--gold-500)}
.service__quote blockquote{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-on-light)}
.service__quote figcaption{font-size:var(--text-sm);color:var(--text-muted)}
.addon{background:var(--ink-0);border:1px solid var(--border-soft);border-radius:20px;padding:var(--space-6);margin-top:var(--space-8)}
.addon h3{margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:var(--weight-bold)}
.addon table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.addon td{padding:var(--space-3) 0;border-bottom:1px solid #EDE7DC;vertical-align:top;line-height:1.4}
.addon tr:last-child td{border-bottom:0}
.addon td:first-child{font-weight:var(--weight-bold);white-space:nowrap;padding-right:var(--space-6)}
.services__note{margin:var(--space-6) 0 0;font-size:var(--text-sm);color:var(--text-muted);max-width:var(--measure)}
@media (min-width:768px){
  .services__inner{padding:var(--space-24) var(--space-6)}
  .services h2{margin-bottom:var(--space-12)}
  .service{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-12);padding:var(--space-8);margin-bottom:var(--space-6)}
}