@layer components{companion-matrix{display:block;container-type:inline-size}.cm__controls{gap:var(--space-s) var(--space-l);flex-wrap:wrap;align-items:end;margin-block-end:var(--space-m);display:flex}.cm__search{font-size:var(--step--2);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;gap:.35rem;font-weight:900;display:grid}.cm__search input{border:1.5px solid var(--line-2);background:var(--bg-2);min-inline-size:15rem;color:var(--text);font-weight:750;font-size:var(--step-0);border-radius:12px;padding:.6rem .85rem;&:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}text-transform:none;letter-spacing:0}.cm__groups{border:0;flex-wrap:wrap;align-items:center;gap:.3rem;padding:0;display:flex}.cm__groups legend{font-size:var(--step--2);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;inline-size:100%;margin-block-end:.25rem;font-weight:900}.cm__groups label,.cm__toggle{border:1.5px solid var(--line-2);background:var(--card);min-block-size:2.25rem;color:var(--text-2);font-size:var(--step--1);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .85rem .3rem .6rem;font-weight:800;display:inline-flex;&:has(input:checked){background:var(--accent-soft);color:var(--text);border-color:var(--accent)}&:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}& input{accent-color:var(--accent);margin:0}}.cm__layout{gap:var(--space-l);align-items:start;display:grid}@container (width>=70rem){.cm__layout{grid-template-columns:minmax(0,1fr) 19rem}}.cm__scroll{background:var(--card);border:var(--hair) solid var(--line);border-radius:var(--radius-l);max-block-size:min(52rem,92vh);padding:.25rem;overflow:auto}.cm__scroll:focus-visible{outline:2px solid var(--focus)}.cm{border-collapse:separate;border-spacing:0;font-size:var(--step--1)}.cm caption{caption-side:bottom;text-align:start;padding:var(--space-xs) var(--space-s);color:var(--text-3);max-inline-size:70ch;font-weight:600}.cm th,.cm td{border-block-end:var(--hair) solid var(--rule);border-inline-end:var(--hair) solid color-mix(in oklch, var(--rule) 60%, transparent);padding:0}.cm td{text-align:center;vertical-align:middle;block-size:2.1rem;inline-size:2.1rem;min-inline-size:2.1rem}.cm thead th button{padding-inline:.2rem}.cm thead th{z-index:2;background:var(--card);vertical-align:bottom;border-block-end:var(--hair) solid var(--rule-strong);block-size:8.5rem;position:sticky;inset-block-start:0}.cm tbody th{z-index:1;background:var(--card);text-align:start;white-space:nowrap;padding-inline-end:.5rem;position:sticky;inset-inline-start:0}.cm__corner{z-index:3;background:var(--card);position:sticky;inset:0 auto auto 0}.cm button{all:unset;cursor:pointer;color:var(--text);border-radius:var(--radius);padding:.3rem .55rem;font-weight:800;display:block;&:hover{color:var(--accent-ink)}&:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}}.cm__v{writing-mode:vertical-rl;white-space:nowrap;padding-block:.4rem;font-weight:800;display:inline-block;rotate:180deg}.cm__self{background:repeating-linear-gradient(135deg, var(--rule) 0 1px, transparent 1px 6px)}.cm [data-active]{background:var(--accent-soft)}.cm td.is-hl,.cm th.is-hl{background:color-mix(in oklch, var(--accent-soft) 60%, var(--card))}.cm td.is-pair{background:var(--leaf-soft)}.cm__mark{vertical-align:middle;block-size:.95rem;inline-size:.95rem;color:var(--ink);border-radius:50%;display:inline-block;position:relative}a.cm__mark:focus-visible{outline:2px solid var(--focus);outline-offset:3px}[data-rel=beneficial]>.cm__mark{background:var(--leaf);color:var(--leaf)}[data-rel=trap-crop]>.cm__mark{border:2px solid var(--leaf);color:var(--leaf)}[data-rel=disputed]>.cm__mark{border:1.5px solid var(--ink);background:conic-gradient(var(--ink) 0 50%, transparent 50% 100%)}[data-rel=neutral]>.cm__mark{background:var(--ink-3);block-size:2px;inline-size:.85rem;color:var(--ink-3);border-radius:0}[data-rel=harmful]>.cm__mark{color:var(--tomato);border-radius:0}[data-rel=harmful]>.cm__mark:before,[data-rel=harmful]>.cm__mark:after{content:"";background:var(--tomato);block-size:2.5px;inline-size:120%;position:absolute;inset-block-start:50%;inset-inline-start:-10%}[data-rel=harmful]>.cm__mark:before{rotate:45deg}[data-rel=harmful]>.cm__mark:after{rotate:-45deg}[data-ev=tested]>.cm__mark{box-shadow:0 0 0 2.5px var(--card), 0 0 0 4px currentColor}[data-ev=traditional]>.cm__mark{opacity:.6;scale:.7}companion-matrix.hide-trad [data-ev=traditional]>.cm__mark{display:none}.cm__legend{gap:.4rem var(--space-m);font-size:var(--step--2);color:var(--text-2);flex-wrap:wrap;margin-block-start:var(--space-s);font-weight:750;display:flex}.cm__legend li{align-items:center;gap:.5rem;display:inline-flex}.cm__legend .cm__mark{block-size:.8rem;inline-size:.8rem}.cm__note{margin-block-start:var(--space-2xs)}.cm__detail{background:var(--card);border:var(--hair) solid var(--line);border-radius:var(--radius-l);padding:var(--space-m);position:sticky;inset-block-start:var(--space-s)}.cm__detail h2{font-size:var(--step-2);margin-block-end:var(--space-xs)}.cm__detail h3{font-size:var(--step--2);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-block:var(--space-s) var(--space-3xs);font-weight:900}.cm__detail ul{gap:.35rem;display:grid}.cm__detail p+p{margin-block-start:var(--space-2xs)}.cm__cards{display:none}.cm-card{padding:var(--space-m);background:var(--card);border:var(--hair) solid var(--line);border-radius:var(--radius-l);margin-block-end:var(--space-xs)}.cm-card h3{font-size:var(--step-2);margin-block-end:var(--space-2xs);font-weight:900}.cm-card dl{font-size:var(--step--1);gap:.35rem;display:grid}.cm-card dt{font-weight:900;display:inline}.cm-card dt:after{content:": "}.cm-card dd{margin:0;display:inline}.cm-card__ev{color:var(--text-3)}@container (width<=47.99rem){companion-matrix[data-variant=interactive] .cm__layout{display:none}companion-matrix[data-variant=interactive] .cm__cards{display:block}companion-matrix[data-variant=interactive] .cm__legend,companion-matrix[data-variant=interactive] [data-groups],companion-matrix[data-variant=interactive] .cm__toggle{display:none}}@media print{.cm__mark,.cm__mark:before,.cm__mark:after,.cm__self{-webkit-print-color-adjust:exact;print-color-adjust:exact}[data-ev=traditional]>.cm__mark{opacity:.75}.cm__scroll{border-block-width:1.5px;max-block-size:none;overflow:visible}.cm__legend{margin-block-start:.3rem}.cm__note{margin-block-start:.2rem;font-size:8pt}.cm caption{font-size:8pt}.cm thead th,.cm tbody th,.cm__corner{position:static}[data-rel=beneficial]>.cm__mark{background:#000}[data-rel=trap-crop]>.cm__mark{border-color:#000}[data-rel=harmful]>.cm__mark:before,[data-rel=harmful]>.cm__mark:after{background:#000}}}