/* /book: "Get a quote" flow. Page-only classes are prefixed .book-. Tokens only. */

.page-book { background: var(--c-paper); }

/* ---- hero strip ---- */
.book-hero { padding-block: var(--sp-4) var(--sp-5); }
.book-hero__strip { display: grid; gap: var(--sp-3) var(--sp-6); align-items: end; }
@media (min-width: 960px) { .book-hero__strip { grid-template-columns: minmax(0, 1fr) auto; } }
.book-hero__copy { min-width: 0; }
.book-hero__lede { max-width: 38rem; margin-top: var(--sp-3); }
.book-hero__proof { list-style: none; padding: 0; display: grid; gap: .5rem; font-size: var(--fs-sm); font-weight: 600; }
.book-hero__proof li { display: flex; align-items: center; gap: .6rem; }
.book-hero__proof .icon { color: var(--c-yellow); flex: none; }

/* ---- layout ---- */
.book { padding-block: var(--sp-5) var(--sp-8); }
.book__grid { display: grid; gap: var(--sp-6); align-items: start; }
@media (min-width: 1000px) { .book__grid { grid-template-columns: minmax(0, 1fr) 20rem; gap: var(--sp-7); } }
.book__main { min-width: 0; }
.book__side { display: grid; gap: var(--sp-4); }

/* ---- restore banner ---- */
.book-restore { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2) var(--sp-4); padding: var(--sp-3) var(--sp-4); margin-bottom: var(--sp-4); background: var(--c-white); border: 1px solid var(--c-line); border-left: 4px solid var(--c-black); border-radius: var(--r-sm); font-size: var(--fs-sm); }
.book-restore p { display: flex; gap: .5rem; align-items: center; }
.book-restore[hidden] { display: none; }
.book-textbtn { background: none; border: 0; padding: .5rem .25rem; min-height: 44px; font: inherit; font-size: var(--fs-sm); font-weight: 700; color: var(--c-black); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.book-textbtn:hover { text-decoration-thickness: 2px; }

/* ---- progress ---- */
.book-progress { margin-bottom: var(--sp-5); }
.book-progress__now { display: flex; gap: .6rem; align-items: baseline; font-size: var(--fs-sm); color: var(--muted); margin-bottom: var(--sp-2); }
.book-progress__now strong { font-family: var(--font-display); font-stretch: 110%; color: var(--c-black); font-size: var(--fs-base); }
.book-progress__bar { height: 6px; background: var(--c-line); border-radius: var(--r-pill); overflow: hidden; }
.book-progress__bar span { display: block; height: 100%; width: 20%; background: var(--c-black); border-radius: var(--r-pill); }
@media (prefers-reduced-motion: no-preference) { .book-progress__bar span { transition: width var(--t) var(--ease); } }
.book-progress__list { display: none; list-style: none; padding: 0; margin-top: var(--sp-3); }
@media (min-width: 720px) {
  .book-progress__now { display: none; }
  .book-progress__bar { display: none; }
  .book-progress__list { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 0; position: relative; }
  .book-progress__item { position: relative; }
  .book-progress__item::before { content: ""; position: absolute; top: 1.1rem; left: calc(-50% + 1.4rem); right: calc(50% + 1.4rem); height: 2px; background: var(--c-line-strong); }
  .book-progress__item:first-child::before { display: none; }
  .book-progress__item.is-done::before, .book-progress__item.is-current::before { background: var(--c-black); }
}
.book-progress__btn { display: grid; justify-items: center; gap: .4rem; width: 100%; background: none; border: 0; padding: 0 .25rem; font: inherit; color: var(--muted); cursor: pointer; }
.book-progress__btn:disabled { cursor: default; }
.book-progress__dot { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--c-white); border: 2px solid var(--c-line-strong); font-family: var(--font-display); font-weight: 800; font-size: var(--fs-sm); color: var(--muted); position: relative; z-index: 1; }
.book-progress__txt { font-size: var(--fs-sm); font-weight: 600; }
.is-done .book-progress__dot { background: var(--c-black); border-color: var(--c-black); color: var(--c-yellow); }
.is-current .book-progress__dot { background: var(--c-yellow); border-color: var(--c-black); color: var(--c-black); }
.is-current .book-progress__btn, .is-done .book-progress__btn { color: var(--c-black); }
.is-current .book-progress__txt { font-weight: 800; }
.is-done .book-progress__btn:not(:disabled):hover .book-progress__txt { text-decoration: underline; }

/* ---- form card ---- */
.book-form { background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--r-lg); box-shadow: var(--sh-1); padding: clamp(1.25rem, .6rem + 2.5vw, 2.5rem); border-top: 5px solid var(--c-yellow); }
.book-step { display: grid; gap: var(--sp-5); }
.book-step[hidden], .book-form[hidden], .book-done[hidden], .book-progress[hidden], .book-flow[hidden] { display: none; }
.book-step__head { display: grid; gap: .4rem; }
.book-step__title { font-size: var(--fs-2xl); line-height: 1.1; }
.book-step__title:focus { outline: none; }
.book-step__title:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.book-step__lede { color: var(--muted); font-size: var(--fs-base); max-width: 36rem; }
.book-step__help { margin-top: var(--sp-2); }
.book-step .form[hidden], .book-step [hidden] { display: none !important; }
.book-err { display: none; }
.book-err.is-visible { display: flex; }

/* fieldsets used as .field: keep legend in normal flow */
.fieldset.field { display: grid; gap: .5rem; grid-template-rows: none; }
.fieldset.field > * { grid-row: auto !important; margin-top: 0 !important; }
.fieldset.field .field__hint { margin-top: -.15rem !important; }
.fieldset__legend { margin-bottom: 0; }

/* ---- step 1: service cards ---- */
.book-services { display: grid; gap: var(--sp-3); }
@media (min-width: 760px) { .book-services { grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); } }
.book-service { position: relative; display: grid; grid-template-columns: 6.5rem 1fr; background: var(--c-white); border: 2px solid var(--c-line-strong); border-radius: var(--r); overflow: hidden; cursor: pointer; transition: border-color var(--t-fast), box-shadow var(--t-fast); }
@media (min-width: 760px) { .book-service { grid-template-columns: 1fr; align-content: start; } }
.book-service:hover { border-color: var(--c-black); box-shadow: var(--sh-2); }
.book-service input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.book-service:has(input:checked) { border-color: var(--c-black); box-shadow: inset 0 0 0 1px var(--c-black), inset 0 5px 0 var(--c-yellow); }
.book-service:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.book-service__media { display: block; background: var(--c-black); aspect-ratio: 4/3; overflow: hidden; }
@media (max-width: 759px) { .book-service__media { aspect-ratio: auto; height: 100%; min-height: 6.5rem; } }
.book-service__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.book-service__body { display: grid; gap: .35rem; padding: var(--sp-4); align-content: start; }
.book-service__title { font-family: var(--font-display); font-stretch: 110%; font-weight: 800; font-size: var(--fs-md); line-height: 1.2; color: var(--c-black); }
.book-service__meta { font-size: var(--fs-sm); color: var(--c-muted-dark, var(--muted)); line-height: 1.45; }
@media (max-width: 759px) { .book-service__meta { font-size: var(--fs-xs); } .book-service__title { font-size: var(--fs-base); } }

/* ---- step 2 helpers ---- */
.book-suggest { display: flex; gap: var(--sp-3); align-items: flex-start; padding: var(--sp-4); background: var(--c-yellow-100); border-left: 5px solid var(--c-yellow); border-radius: var(--r-sm); }
.book-suggest[hidden] { display: none; }
.book-suggest .icon { flex: none; width: 1.5rem; height: 1.5rem; color: var(--c-black); margin-top: .1rem; }
.book-suggest strong { display: block; color: var(--c-black); }
.book-check { padding: var(--sp-4); border: 1.5px solid var(--c-line-strong); border-radius: var(--r); background: var(--c-white); }
.book-check:has(input:checked) { border-color: var(--c-black); background: #FFFDF5; }

/* enclosure styles */
.book-styles { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); }
.book-style { position: relative; display: grid; align-content: start; gap: .25rem; background: var(--c-white); border: 2px solid var(--c-line-strong); border-radius: var(--r); overflow: hidden; cursor: pointer; padding-bottom: var(--sp-3); transition: border-color var(--t-fast); }
.book-style:hover { border-color: var(--c-black); }
.book-style input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.book-style:has(input:checked) { border-color: var(--c-black); box-shadow: inset 0 0 0 1px var(--c-black), inset 0 5px 0 var(--c-yellow); }
.book-style:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.book-style__media { display: block; aspect-ratio: 4/3; background: var(--c-black); overflow: hidden; margin-bottom: .5rem; }
.book-style__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.book-style__title { padding-inline: var(--sp-3); font-family: var(--font-display); font-stretch: 110%; font-weight: 800; font-size: var(--fs-base); color: var(--c-black); line-height: 1.25; }
.book-style__meta { padding-inline: var(--sp-3); font-size: var(--fs-xs); color: var(--muted); }
.book-style--text { padding-top: var(--sp-4); align-content: center; min-height: 6rem; }

/* junk load size */
.book-loads { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
.book-load { position: relative; display: grid; gap: .25rem; padding: var(--sp-4); background: var(--c-white); border: 2px solid var(--c-line-strong); border-radius: var(--r); cursor: pointer; transition: border-color var(--t-fast); }
.book-load:hover { border-color: var(--c-black); }
.book-load input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.book-load:has(input:checked) { border-color: var(--c-black); box-shadow: inset 0 0 0 1px var(--c-black), inset 0 5px 0 var(--c-yellow); }
.book-load:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.book-load__bar { display: block; height: .7rem; background: var(--c-line); border-radius: var(--r-pill); overflow: hidden; margin-bottom: .35rem; }
.book-load__bar i { display: block; height: 100%; width: var(--w); background: var(--c-black); border-radius: var(--r-pill); }
.book-load__bar--q { background: repeating-linear-gradient(90deg, var(--c-line) 0 .5rem, var(--c-white) .5rem 1rem); }
.book-load__title { font-family: var(--font-display); font-stretch: 110%; font-weight: 800; color: var(--c-black); }
.book-load__meta { font-size: var(--fs-sm); color: var(--muted); line-height: 1.4; }

/* item chips */
.book-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.book-chip { position: relative; cursor: pointer; }
.book-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.book-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: .55rem 1rem; border: 1.5px solid var(--c-line-strong); border-radius: var(--r-pill); background: var(--c-white); font-weight: 600; font-size: var(--fs-sm); color: var(--c-black); transition: all var(--t-fast); }
.book-chip:hover span { border-color: var(--c-black); }
.book-chip input:checked + span { background: var(--c-black); color: var(--c-white); border-color: var(--c-black); }
.book-chip input:checked + span::before { content: ""; width: .9rem; height: .9rem; margin-right: .45rem; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC72C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E"); }
.book-chip input:focus-visible + span { outline: 2px solid var(--focus); outline-offset: 2px; }

/* ---- step 3 area check ---- */
.book-area { display: flex; gap: var(--sp-3); align-items: flex-start; padding: var(--sp-4); border-radius: var(--r-sm); border-left: 5px solid var(--c-line-strong); background: var(--c-paper); }
.book-area[hidden] { display: none; }
.book-area .icon { flex: none; width: 1.4rem; height: 1.4rem; margin-top: .1rem; }
.book-area.is-yes { background: var(--c-green-100); border-color: var(--c-green); }
.book-area.is-yes .icon { color: var(--c-green); }
.book-area.is-maybe { background: var(--c-yellow-100); border-color: var(--c-yellow); }

/* ---- review ---- */
.book-review { display: grid; gap: var(--sp-4); }
.book-review__group { border: 1px solid var(--c-line); border-radius: var(--r); padding: var(--sp-4) var(--sp-5); background: var(--c-white); }
.book-review__head { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-3); border-bottom: 1px solid var(--c-line); margin-bottom: var(--sp-2); padding-bottom: .25rem; }
.book-review__title { font-size: var(--fs-md); }
.book-review__list { display: grid; }
.book-review__list > div { display: grid; grid-template-columns: 8rem 1fr; gap: var(--sp-3); padding: .55rem 0; border-top: 1px solid var(--c-line); }
.book-review__list > div:first-child { border-top: 0; }
@media (max-width: 479px) { .book-review__list > div { grid-template-columns: 1fr; gap: .1rem; } }
.book-review__list dt { font-size: var(--fs-sm); color: var(--muted); }
.book-review__list dd { margin: 0; color: var(--fg); font-weight: 600; overflow-wrap: anywhere; }
.book-review--done .book-review__group { background: var(--c-paper); }
.book-send-error[hidden] { display: none; }

/* ---- nav (sticky on phones) ---- */
.book-nav { display: flex; gap: var(--sp-3); justify-content: space-between; align-items: center; margin-top: var(--sp-6); padding-top: var(--sp-5); border-top: 1px solid var(--c-line); }
.book-nav__next { margin-left: auto; min-width: 13rem; }
@media (max-width: 719px) {
  .book-nav { position: sticky; bottom: 0; z-index: 20; margin: var(--sp-6) calc(-1 * clamp(1.25rem, .6rem + 2.5vw, 2.5rem)) calc(-1 * clamp(1.25rem, .6rem + 2.5vw, 2.5rem)); padding: var(--sp-3) clamp(1.25rem, .6rem + 2.5vw, 2.5rem) calc(var(--sp-3) + env(safe-area-inset-bottom)); background: var(--c-white); border-top: 1px solid var(--c-line-strong); border-radius: 0 0 var(--r-lg) var(--r-lg); box-shadow: 0 -6px 16px rgb(0 0 0 / .08); }
  .book-nav__next { flex: 1; min-width: 0; }
}

/* ---- confirmation ---- */
.book-done { display: grid; gap: var(--sp-4); background: var(--c-white); border: 1px solid var(--c-line); border-top: 5px solid var(--c-yellow); border-radius: var(--r-lg); box-shadow: var(--sh-1); padding: clamp(1.25rem, .6rem + 2.5vw, 2.5rem); }
.book-done__badge { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--c-black); color: var(--c-yellow); }
.book-done__title:focus { outline: none; }
.book-done__lede { font-size: var(--fs-md); max-width: 36rem; }
.book-ref { display: grid; gap: .5rem; justify-items: start; padding: var(--sp-5); background: var(--c-black); color: var(--c-white); border-radius: var(--r); }
.book-ref__label { font-size: var(--fs-sm); color: var(--c-muted-light, rgb(255 255 255 / .75)); }
.book-ref__num { font-family: var(--font-display); font-stretch: 120%; font-weight: 900; font-size: clamp(1.6rem, 1rem + 3vw, 2.5rem); letter-spacing: .04em; color: var(--c-yellow); overflow-wrap: anywhere; line-height: 1.1; }
.book-ref .btn--secondary { background: transparent; color: var(--c-white); border-color: var(--c-white); box-shadow: none; }
.book-ref .btn--secondary:hover { background: var(--c-white); color: var(--c-black); }
.book-done__h { margin-top: var(--sp-3); }

/* ---- sidebar ---- */
.book-side { background: var(--c-black); color: var(--c-white); border-radius: var(--r-lg); padding: var(--sp-5); border-top: 5px solid var(--c-yellow); display: grid; gap: var(--sp-3); }
@media (min-width: 1000px) { .book__side { position: sticky; top: calc(var(--header-h, 72px) + var(--sp-4)); } }
.book-side__title { color: var(--c-white); }
.book-side__list { list-style: none; padding: 0; display: grid; gap: var(--sp-4); font-size: var(--fs-sm); line-height: 1.5; }
.book-side__list li { display: grid; grid-template-columns: auto 1fr; gap: .75rem; }
.book-side__list .icon { color: var(--c-yellow); margin-top: .15rem; }
.book-side__list strong { color: var(--c-white); }
.book-side__fine { font-size: var(--fs-sm); color: var(--c-yellow); font-weight: 600; }
.book-side .divider { border-color: rgb(255 255 255 / .2); margin: var(--sp-2) 0; }
.book-side__call strong { color: var(--c-white); }
.book-side__call { font-size: var(--fs-sm); line-height: 1.6; }
.book-side__call a { color: var(--c-yellow); font-family: var(--font-display); font-weight: 800; font-size: var(--fs-md); }
.book-side .fine { color: rgb(255 255 255 / .75); }
@media (max-width: 999px) { .book__side { order: 2; } }

.book-done__steps { grid-template-columns: 1fr !important; }

/* ---- selected-state check badge on the picture/bar cards ---- */
.book-service::after, .book-style::after, .book-load::after, .book-day::after { content: ""; position: absolute; top: .6rem; right: .6rem; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 2px solid var(--c-white); background: rgb(0 0 0 / .35) no-repeat center / 70%; box-shadow: 0 1px 4px rgb(0 0 0 / .3); transition: all var(--t-fast); pointer-events: none; }
.book-load::after, .book-day::after { background-color: var(--c-white); border-color: var(--c-line-strong); box-shadow: none; }
.book-service:has(input:checked)::after, .book-style:has(input:checked)::after, .book-load:has(input:checked)::after, .book-day:has(input:checked)::after { background-color: var(--c-black); border-color: var(--c-yellow); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC72C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E"); }
.book-service:has(input:checked), .book-style:has(input:checked), .book-load:has(input:checked) { background: #FFFDF5; }
.book-service:has(input:checked) .book-service__title::after { content: "Selected"; margin-left: .5rem; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--c-black); background: var(--c-yellow); padding: .1rem .45rem; border-radius: var(--r-xs); vertical-align: middle; }
.book-load { padding-right: 3rem; }

/* ---- step 1 error: visible, calm, impossible to miss ---- */
#err-service.is-visible { padding: var(--sp-3) var(--sp-4); background: var(--c-red-100); border-left: 4px solid var(--c-red); border-radius: var(--r-sm); font-size: var(--fs-sm); }

/* keep fields clear of the sticky header and the phone Continue bar when scrolled to */
.book-step [data-field], .book-services { scroll-margin-top: 6rem; scroll-margin-bottom: 7rem; }

/* ---- day and window picker ---- */
.book-when .choice-cards { margin-top: .5rem; }
.book-days { display: grid; grid-template-columns: repeat(auto-fill, minmax(4.4rem, 1fr)); gap: .5rem; margin-top: .6rem; }
.book-day { position: relative; display: grid; justify-items: center; gap: .05rem; padding: .6rem .25rem .55rem; background: var(--c-white); border: 1.5px solid var(--c-line-strong); border-radius: var(--r); cursor: pointer; min-height: 5rem; text-align: center; transition: border-color var(--t-fast), background-color var(--t-fast); }
.book-day::after { top: .25rem; right: .25rem; width: 1.1rem; height: 1.1rem; border-width: 1.5px; opacity: 0; }
.book-day:has(input:checked)::after { opacity: 1; }
.book-day input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.book-day:hover { border-color: var(--c-black); }
.book-day:has(input:checked) { border-color: var(--c-black); background: #FFFDF5; box-shadow: inset 0 0 0 1px var(--c-black), inset 0 4px 0 var(--c-yellow); }
.book-day:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.book-day__w { font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.book-day__n { font-family: var(--font-display); font-stretch: 112%; font-weight: 900; font-size: var(--fs-xl, 1.5rem); line-height: 1.1; color: var(--c-black); }
.book-day__m { font-size: var(--fs-xs); color: var(--muted); }
.book-day.is-closed { opacity: .45; cursor: not-allowed; background: var(--c-paper); border-style: dashed; }
.book-day.is-closed:hover { border-color: var(--c-line-strong); }
.book-flex .choice-card__meta { max-width: 32rem; }

/* ---- sidebar: your request so far ---- */
.book-mine { background: var(--c-white); border: 1px solid var(--c-line); border-top: 5px solid var(--c-yellow); border-radius: var(--r-lg); padding: var(--sp-5); display: grid; gap: var(--sp-3); box-shadow: var(--sh-1); }
.book-mine__empty { font-size: var(--fs-sm); color: var(--muted); }
.book-mine__empty[hidden], .book-mine__meter[hidden], .book-mine__rec[hidden] { display: none; }
.book-mine__list { display: grid; margin: 0; }
.book-mine__list > div { display: grid; grid-template-columns: 5.2rem 1fr; gap: .6rem; padding: .45rem 0; border-top: 1px solid var(--c-line); font-size: var(--fs-sm); }
.book-mine__list > div:first-child { border-top: 0; }
.book-mine__list dt { color: var(--muted); }
.book-mine__list dd { margin: 0; font-weight: 600; color: var(--c-black); overflow-wrap: anywhere; }
.book-mine__list:empty { display: none; }
.book-mine__bar { display: block; height: .8rem; background: var(--c-line); border-radius: var(--r-pill); overflow: hidden; }
.book-mine__bar i { display: block; height: 100%; background: var(--c-black); border-radius: var(--r-pill); }
@media (prefers-reduced-motion: no-preference) { .book-mine__bar i { transition: width var(--t) var(--ease); } }
.book-mine__cap { display: block; margin-top: .35rem; font-size: var(--fs-xs); color: var(--muted); }
.book-mine__rec { font-size: var(--fs-sm); background: var(--c-yellow-100); border-left: 4px solid var(--c-yellow); border-radius: var(--r-sm); padding: var(--sp-3); color: var(--c-black); font-weight: 600; }
.book-mine__fine { display: flex; gap: .5rem; align-items: flex-start; font-size: var(--fs-xs); color: var(--muted); }
.book-mine__fine .icon { flex: none; margin-top: .1rem; }
@media (max-width: 999px) { .book-mine { display: none; } }

/* ---- confirmation: reply time ---- */
.book-done__eta { display: flex; gap: .6rem; align-items: center; font-weight: 700; color: var(--c-black); background: var(--c-yellow-100); border-left: 5px solid var(--c-yellow); border-radius: var(--r-sm); padding: var(--sp-3) var(--sp-4); max-width: 36rem; }
.book-done__eta .icon { flex: none; }

/* step 1 error sits right under the heading, above the cards (base.css pins .field__error to grid row 4) */
.book-step > #err-service { grid-row: auto; margin-top: 0; }
.book-service__meta { color: var(--c-body, #3a3a3a); }