.cmp{padding-block:24px 0}.cmp-head{margin-top:18px;max-width:30ch}.cmp-title{margin-top:16px;max-width:16ch}html[lang=ar] .cmp-title{max-width:none}.cmp-blurb{margin-top:18px;max-width:60ch}.cmp-vendor{font-family:var(--sans);direction:ltr;unicode-bidi:isolate;display:inline-block;font-weight:600}.cmp-intro{font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--text);max-width:68ch;margin:28px 0 0}html[lang=ar] .cmp-intro{font-family:var(--ar);font-size:17px;line-height:2}.cmp-intro strong{font-weight:700;color:var(--text)}.cmp-intro em{font-style:italic}.cmp code.ic,.cmp-when-body code.ic{font-family:var(--mono);font-size:.88em;padding:1px 6px;border-radius:5px;background:var(--surface-2);color:var(--accent-strong);direction:ltr;unicode-bidi:isolate}.cmp-section{padding-block:44px 0}.cmp-section .sec-kicker{display:block;margin-bottom:18px}.cmp-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}.cmp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:660px}.cmp-table th,.cmp-table td{text-align:start;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--border);line-height:1.55}.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table thead th{font-size:12px;letter-spacing:.04em;color:var(--muted);font-weight:600;background:var(--surface-2);border-bottom:1px solid var(--border-2);white-space:nowrap}.cmp-table thead th .cmp-vendor{font-size:14px;color:var(--soft)}.cmp-table tbody th{font-weight:600;color:var(--text);width:26%;background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.cmp-table td{color:var(--soft)}.cmp-table thead th.cmp-claude,.cmp-table thead th.cmp-claude .cmp-vendor{color:var(--accent)}.cmp-table td.cmp-claude{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}html[data-theme=dark] .cmp-table td.cmp-claude{background:color-mix(in srgb,var(--accent) 14%,transparent)}.cmp-when{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cmp-when-2{grid-template-columns:repeat(2,1fr)}@media(max-width:860px){.cmp-when,.cmp-when-2{grid-template-columns:1fr}}.cmp-when-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:22px;box-shadow:var(--sh-1)}.cmp-when-card.is-claude{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:linear-gradient(180deg,var(--accent-tint),var(--surface) 60%)}.cmp-when-name{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cmp-when-name .cmp-vendor{font-size:18px}.cmp-when-card.is-claude .cmp-when-name .cmp-vendor{color:var(--accent-strong)}.cmp-when-body{margin:0;font-size:15px;line-height:1.65;color:var(--soft)}html[lang=ar] .cmp-when-body{line-height:1.9}.cmp-when-body strong{color:var(--text);font-weight:700}.cmp-when-body em{font-style:italic}.cmp-take{margin-top:44px;padding:24px 26px;border-radius:var(--r-lg);border:1px solid var(--border);border-inline-start:3px solid var(--gold);background:color-mix(in srgb,var(--gold-tint) 50%,var(--surface));box-shadow:var(--sh-1)}.cmp-take-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:600}.cmp-take-body{margin:10px 0 0;font-family:var(--serif);font-size:17px;line-height:1.7;color:var(--text)}html[lang=ar] .cmp-take-body{font-family:var(--ar);font-size:16px;line-height:2}.cmp-seealso{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:40px}.cmp-seealso-label{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px}.next-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--sh-1);transition:border-color .14s var(--ease),transform .14s var(--ease),box-shadow .14s var(--ease)}.next-cta:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--sh-2)}.next-cta .nc-lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}html[lang=ar] .next-cta .nc-lbl{letter-spacing:.02em}.next-cta .nc-t{font-family:var(--serif);font-size:19px;font-weight:600;margin-top:3px;color:var(--text)}html[lang=ar] .next-cta .nc-t{font-family:var(--ar)}