@layer reset,tokens,base,primitives;@layer blocks{.pla-compare__frame{overscroll-behavior-x:contain;border-radius:var(--r-xl);background:var(--c-surface);box-shadow:0 0 0 1px var(--c-line), var(--shadow-card);overflow-x:auto}.pla-compare__frame:focus-visible{outline:2px solid var(--c-action);outline-offset:3px}.pla-compare__table{--pad:var(--s-4);--hl:color-mix(in srgb, var(--c-info) 12%, var(--c-surface));--hl-line:color-mix(in srgb, var(--c-info) 55%, var(--c-surface));width:100%;min-width:var(--container);table-layout:fixed;border-spacing:0;color:var(--c-ink);font-size:var(--fs-base);line-height:var(--lh-snug);overflow-wrap:break-word}.pla-compare__table:lang(de){-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4}.pla-compare__table :is(th,td){padding:var(--s-5) var(--pad);background:var(--tint,var(--row,var(--c-surface)));font-weight:var(--fw-regular);text-align:start}.pla-compare__table tbody tr:nth-child(2n){--row:var(--c-tint-soft)}.pla-compare__table thead th{vertical-align:bottom;border-bottom:1px solid var(--c-line);text-align:center}.pla-compare__table thead img{max-height:var(--s-10);margin:0 auto var(--s-2)}.pla-compare__name{font-weight:var(--fw-medium);display:block}.pla-compare__sub{margin-top:var(--s-1);color:var(--c-muted);font-size:var(--fs-sm);display:block}.pla-compare thead [data-key=ms]{--tint:#e8f6ee}.pla-compare thead [data-key=ms-online]{--tint:#e8f6fa}.pla-compare thead [data-key=monday]{--tint:#eeeaf8}.pla-compare thead [data-key=asana]{--tint:#f8eaf0}.pla-compare [data-key=hl]{--tint:var(--hl);border-inline:1px solid var(--hl-line)}.pla-compare__table tr>th:first-child{z-index:1;width:20%;box-shadow:inset -1px 0 var(--c-line);text-align:start;position:sticky;inset-inline-start:0}.pla-compare__table thead th:first-child{font-size:var(--fs-card);font-weight:var(--fw-semibold)}.pla-compare__table tbody th{color:var(--c-text);font-size:var(--fs-md)}.pla-compare [data-mark]{padding-inline-start:calc(var(--pad) + 28px);position:relative}.pla-compare [data-mark]:before{content:"";inset-inline-start:var(--pad);background:var(--mark) var(--glyph) center / 12px no-repeat;border-radius:50%;width:20px;height:20px;position:absolute;top:calc(50% - 10px)}.pla-compare [data-mark=yes]{--mark:var(--c-ok);--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.2 6.2 4.7 8.6 9.8 3.2'/%3E%3C/svg%3E")}.pla-compare [data-mark=no]{--mark:var(--c-no);--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m3.5 3.5 5 5m0-5-5 5'/%3E%3C/svg%3E")}.pla-compare [data-mark=warn]{--mark:var(--c-warn);--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 6h6'/%3E%3C/svg%3E")}@media (width<=767px){.pla-compare__table{--pad:var(--s-3);min-width:1000px;font-size:var(--fs-sm)}.pla-compare__table :is(th,td){padding-block:var(--s-4)}.pla-compare__table tr>th:first-child{width:140px}.pla-compare__table :is(thead th:first-child,tbody th){font-size:var(--fs-base)}}}
