@layer components{.t-mark--unknown{background:transparent;color:var(--color-molasse);border:1px dashed rgb(95 97 91/.55)}.cmpx-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.cmpx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cmpx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cmpx-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:22px 22px 18px;background:#fffdf9;border:1px solid var(--mk-line);border-radius:var(--radius-mk-card);text-decoration:none;color:var(--color-encre);transition:border-color .16s var(--ease-mk-state),box-shadow .2s var(--ease-mk-state),transform .2s var(--ease-mk-in)}.cmpx-card:hover{border-color:var(--color-encre);box-shadow:var(--shadow-mk-hard-sm);transform:translate(-1px,-1px)}.cmpx-card:focus-visible{outline:2px solid var(--color-leman);outline-offset:3px}.cmpx-card-title{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.25}.cmpx-card-text{font-size:14px;line-height:1.5;color:var(--color-encre-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cmpx-card-meta{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-molasse)}.cmpx-card-arrow{flex:none;color:var(--color-encre);transition:transform .2s var(--ease-mk-in)}.cmpx-card:hover .cmpx-card-arrow{transform:translateX(3px)}.cmpx-method{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.cmpx-method{grid-template-columns:repeat(4,minmax(0,1fr))}}.cmpx-facts{gap:14px;font-size:15px;line-height:1.6}.cmpx-cost,.cmpx-facts{display:flex;flex-direction:column}.cmpx-cost-row{display:grid;gap:4px 16px;grid-template-columns:minmax(0,1fr);padding:12px 0;border-bottom:1px solid var(--mk-line)}@media (min-width:640px){.cmpx-cost-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}}.cmpx-cost-row:last-child{border-bottom:0}.cmpx-cost-row[data-total=true]{border-top:2px solid var(--color-encre);border-bottom:2px solid var(--color-encre)}.cmpx-cost-label{font-weight:600}.cmpx-cost-label,.cmpx-cost-value{font-size:15px;color:var(--color-encre)}.cmpx-cost-value{line-height:1.5;font-variant-numeric:tabular-nums}.cmpx-cost-row[data-total=true] .cmpx-cost-value{font-family:var(--font-display);font-weight:600;font-size:18px}.cmpx-cost-note{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--color-molasse)}.cmpx-list{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.6;color:var(--color-encre-2);counter-reset:cmpx}.cmpx-list>li{position:relative;padding-left:30px;counter-increment:cmpx}.cmpx-list>li:before{content:counter(cmpx);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;border:1px solid var(--mk-line-strong);font-family:var(--font-mono);font-size:11px;line-height:18px;text-align:center;color:var(--color-molasse)}.cmpx-source-link{color:var(--color-leman);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgb(46 111 142/.4);overflow-wrap:anywhere}.cmpx-source-link:hover{text-decoration-color:currentColor}.cmpx-source-meta{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-molasse);margin-top:2px}}@media (prefers-reduced-motion:reduce){.cmpx-card,.cmpx-card-arrow{transition:none}.cmpx-card:hover,.cmpx-card:hover .cmpx-card-arrow{transform:none}}