/* svc-icons-b.css - 20px accent icon inline before the service name. Keyed by card order (same in EN and FR). Pure CSS. */
/* (MOCKUP-ONLY card block dropped: glass-a.css owns the card surface) */

#estimator .estimator__list > .service-card .service-card__name{display:flex;align-items:flex-start;gap:.5rem}
#estimator .estimator__list > .service-card .service-card__name::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;margin-top:calc((1lh - 20px)/2);background-color:#5f7a90;-webkit-mask:var(--svc-icon) center/20px 20px no-repeat;mask:var(--svc-icon) center/20px 20px no-repeat}
@media (min-width:641px){#estimator .estimator__list > .service-card .service-card__name::before{width:24px;height:24px;-webkit-mask-size:24px 24px;mask-size:24px 24px;margin-top:calc((1lh - 24px)/2)}}
/* mockup-only: selected check circle in the accent instead of mint */
#estimator .estimator__list > .service-card.is-selected .service-card__check{background:#5f7a90;border-color:#5f7a90;color:#fff}
#estimator .estimator__list > .service-card:nth-child(1) .service-card__name{--svc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%202-2h1.6a1%201%200%200%200%20.85-.5l.7-1.2a1%201%200%200%201%20.86-.5h4a1%201%200%200%201%20.86.5l.7%201.2a1%201%200%200%200%20.85.5H19a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20d%3D%22M12%2017.6a3.4%203.4%200%201%200%200-6.8%203.4%203.4%200%200%200%200%206.8z%22%2F%3E%3Cpath%20d%3D%22M8.5%203h7%22%2F%3E%3C%2Fsvg%3E")}
#estimator .estimator__list > .service-card:nth-child(2) .service-card__name{--svc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.75%207.5a2.75%202.75%200%201%200%200-5.5%202.75%202.75%200%200%200%200%205.5z%22%2F%3E%3Cpath%20d%3D%22M19.25%207.5a2.75%202.75%200%201%200%200-5.5%202.75%202.75%200%200%200%200%205.5z%22%2F%3E%3Cpath%20d%3D%22M4.75%2022a2.75%202.75%200%201%200%200-5.5%202.75%202.75%200%200%200%200%205.5z%22%2F%3E%3Cpath%20d%3D%22M19.25%2022a2.75%202.75%200%201%200%200-5.5%202.75%202.75%200%200%200%200%205.5z%22%2F%3E%3Cpath%20d%3D%22M6.7%206.7%208.9%208.9%22%2F%3E%3Cpath%20d%3D%22M17.3%206.7%2015.1%208.9%22%2F%3E%3Cpath%20d%3D%22M6.7%2017.3%208.9%2015.1%22%2F%3E%3Cpath%20d%3D%22M17.3%2017.3%2015.1%2015.1%22%2F%3E%3Cpath%20d%3D%22M10%208.5h4a1.5%201.5%200%200%201%201.5%201.5v4a1.5%201.5%200%200%201-1.5%201.5h-4A1.5%201.5%200%200%201%208.5%2014v-4A1.5%201.5%200%200%201%2010%208.5z%22%2F%3E%3Cpath%20d%3D%22M12%2013.2a1.2%201.2%200%201%200%200-2.4%201.2%201.2%200%200%200%200%202.4z%22%2F%3E%3C%2Fsvg%3E")}
#estimator .estimator__list > .service-card:nth-child(3) .service-card__name{--svc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%202.75h6a2.5%202.5%200%200%201%202.5%202.5v13.5a2.5%202.5%200%200%201-2.5%202.5H9a2.5%202.5%200%200%201-2.5-2.5V5.25A2.5%202.5%200%200%201%209%202.75z%22%2F%3E%3Cpath%20d%3D%22M10%208.5v6.5l5.25-3.25z%22%2F%3E%3Cpath%20d%3D%22M10.5%2018.25h3%22%2F%3E%3C%2Fsvg%3E")}
#estimator .estimator__list > .service-card:nth-child(4) .service-card__name{--svc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2z%22%2F%3E%3Cpath%20d%3D%22M14%203v7%22%2F%3E%3Cpath%20d%3D%22M14%2021v-6%22%2F%3E%3Cpath%20d%3D%22M14%2015H9%22%2F%3E%3Cpath%20d%3D%22M9%2015a5%205%200%200%201%205-5%22%2F%3E%3Cpath%20d%3D%22M14%2012h7%22%2F%3E%3C%2Fsvg%3E")}
#estimator .estimator__list > .service-card:nth-child(5) .service-card__name{--svc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.5l6%203.4v6.7l-6%203.4-6-3.4V5.9z%22%2F%3E%3Cpath%20d%3D%22M6%205.9l6%203.4%206-3.4%22%2F%3E%3Cpath%20d%3D%22M12%209.3v6.7%22%2F%3E%3Cpath%20d%3D%22M2.5%2014.5c.6%203.4%204.9%206%209.5%206s8.9-2.6%209.5-6%22%2F%3E%3C%2Fsvg%3E")}
#estimator .estimator__list > .service-card:nth-child(6) .service-card__name{--svc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.5%206.5h15a2%202%200%200%201%202%202v7a2%202%200%200%201-2%202h-15a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2z%22%2F%3E%3Cpath%20d%3D%22M6.75%206.5v3.5%22%2F%3E%3Cpath%20d%3D%22M10.25%206.5v5%22%2F%3E%3Cpath%20d%3D%22M13.75%206.5v3.5%22%2F%3E%3Cpath%20d%3D%22M17.25%206.5v5%22%2F%3E%3C%2Fsvg%3E")}
#estimator .estimator__list > .service-card:has(.service-card__input:focus-visible){outline:2px solid #5f7a90;outline-offset:2px}