.cmp-wrap{--cmp-line:color-mix(in srgb, var(--color-text) 14%, transparent);--cmp-soft:color-mix(in srgb, var(--color-text) 4%, transparent);--cmp-gap:clamp(.75rem, 2.2cqi, 1.5rem);min-width:0;container-type:inline-size}.cmp-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cmp-mark{block-size:1.4rem;inline-size:1.4rem;color:var(--color-muted);background:color-mix(in srgb, var(--color-muted) 14%, transparent);border-radius:999px;flex:none;place-items:center;margin-top:.05em;display:inline-grid}.cmp-mark[data-on]{color:var(--color-bg);background:var(--color-primary)}.cmp-dot{flex:none;place-items:center;block-size:1.4rem;inline-size:1.4rem;display:inline-grid}.cmp-dot:before{content:"";background:color-mix(in srgb, var(--color-text) 35%, transparent);border-radius:999px;block-size:.4rem;inline-size:.4rem}.cmp-feat{min-width:0;color:var(--color-text);overflow-wrap:anywhere;flex-wrap:wrap;flex:auto;justify-content:space-between;align-items:baseline;gap:.15rem .75rem;line-height:1.45;display:flex}.cmp-feat[data-off],.cmp-feat-label{color:var(--color-muted)}.cmp-feat-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.cmp-uvt{gap:var(--cmp-gap);grid-template-columns:minmax(0,1fr);display:grid}.cmp-uvt-col{border-radius:var(--card-radius);border:1px solid var(--cmp-line);background:var(--cmp-soft);flex-direction:column;min-width:0;padding:clamp(1.25rem,3.4cqi,2.25rem);display:flex}.cmp-uvt-col[data-us]{border-color:color-mix(in srgb, var(--color-primary) 55%, transparent);background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 60%), color-mix(in srgb, var(--color-primary) 5%, var(--color-bg));box-shadow:0 1.5rem 3rem -1.75rem color-mix(in srgb, var(--color-primary) 55%, transparent)}.cmp-uvt-name{border-bottom:1px solid var(--cmp-line);font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--color-text);margin:0 0 1rem;padding-bottom:1rem;font-size:clamp(1.25rem,3.2cqi,1.75rem);line-height:1.15}.cmp-uvt-col:not([data-us]) .cmp-uvt-name{color:var(--color-muted)}.cmp-uvt-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cmp-uvt-row{border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);align-items:flex-start;gap:.75rem;padding-block:.7rem;display:flex}.cmp-uvt-row:last-child{border-bottom:0}.cmp-uvt-col:not([data-us]) .cmp-mark[data-on]{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 16%, transparent)}@container (min-width:40rem){.cmp-uvt{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(var(--cmp-rows), auto);column-gap:var(--cmp-gap);row-gap:0}.cmp-uvt-col{grid-row:1 / span var(--cmp-span);grid-template-rows:subgrid;display:grid}.cmp-uvt-list{grid-row:2 / span var(--cmp-rows);grid-template-rows:subgrid;display:grid}}.cmp-cards{gap:var(--cmp-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cmp-card{--k:1;flex:0 0 calc((100% - (var(--k) - 1) * var(--cmp-gap)) / var(--k));border-radius:var(--card-radius);border:1px solid var(--cmp-line);background:var(--color-surface,var(--cmp-soft));flex-direction:column;min-width:0;padding:clamp(1.1rem,3cqi,1.75rem);display:flex}.cmp-card[data-featured]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), 0 1.5rem 3rem -2rem color-mix(in srgb, var(--color-primary) 60%, transparent)}.cmp-card-name{border-bottom:1px solid var(--cmp-line);font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--color-text);margin:0 0 .75rem;padding-bottom:.75rem;font-size:clamp(1.15rem,2.6cqi,1.45rem);line-height:1.2}.cmp-card[data-featured] .cmp-card-name{color:var(--color-primary)}.cmp-card-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cmp-card-row{border-bottom:1px solid color-mix(in srgb, var(--color-text) 7%, transparent);align-items:flex-start;gap:.65rem;padding-block:.55rem;display:flex}.cmp-card-row:last-child{border-bottom:0}@container (min-width:34rem){.cmp-card{--k:var(--k2)}}@container (min-width:60rem){.cmp-card{--k:var(--k3)}}
