.compare{border:1px solid var(--rule-strong);background:var(--paper);margin-top:clamp(36px,4vw,52px);overflow-x:auto}.cmp-wrap{border:1px solid var(--rule-strong);background:var(--paper);margin-top:clamp(32px,4vw,48px);overflow-x:auto}table.cmp{border-collapse:collapse;width:100%;min-width:660px}table.cmp th,table.cmp td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:18px 22px}table.cmp thead th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:color-mix(in oklab, var(--paper) 82%, var(--cream));border-bottom:1px solid var(--rule-strong);font-size:11px}table.cmp thead th.own{color:var(--ink);background:color-mix(in oklab, var(--accent) 12%, var(--paper))}table.cmp tbody th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;width:118px;font-size:11px;font-weight:500}table.cmp td{color:color-mix(in oklab, var(--ink) 82%, transparent);font-size:15px;line-height:1.45}table.cmp td.own{background:color-mix(in oklab, var(--accent) 8%, var(--paper));color:var(--ink);font-weight:500}table.cmp tr:last-child th,table.cmp tr:last-child td{border-bottom:0}.cmp-links{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:24px;display:flex}.cmp-links .book-link{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:3px;font-size:12px;text-decoration:none;transition:color .14s,border-color .14s}.cmp-links .book-link:hover{color:var(--ink);border-color:var(--ink)}.cmp-wrap table.cmp{font-size:15px;line-height:1.45}.cmp-wrap table.cmp caption{text-align:left;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);padding:14px 20px;font-size:10px}.cmp-wrap table.cmp th,.cmp-wrap table.cmp td{padding:16px 20px}.cmp-wrap table.cmp td{color:inherit}.cmp-wrap table.cmp{min-width:auto}.cmp-wrap table.cmp thead th{letter-spacing:.14em;background:var(--paper-2);border-bottom:1px solid var(--rule);font-size:10px;font-weight:500}.cmp-wrap table.cmp tbody th{font-family:var(--sans);font-size:inherit;letter-spacing:-.01em;text-transform:none;color:inherit;white-space:normal;width:22%;font-weight:600}div.cmp{--cmp-cols:1.15fr 1.55fr 1.15fr;border:1px solid var(--rule-strong);background:var(--paper)}.cmp-head{grid-template-columns:var(--cmp-cols);background:var(--ink);color:var(--paper);display:grid}.cmp-head span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f7f2e4b3;padding:14px 24px;font-size:10px}.cmp-row{grid-template-columns:var(--cmp-cols);border-top:1px solid var(--rule);color:var(--ink);text-decoration:none;transition:background .18s;display:grid}a.cmp-row:hover{background:var(--accent-soft)}a.cmp-row:hover .c-type .arr{color:var(--accent);transform:translate(4px)}.cmp-row .c{flex-direction:column;justify-content:center;gap:4px;padding:24px;display:flex}.cmp-row .c-type{letter-spacing:-.015em;font-size:clamp(18px,1.7vw,22px);font-weight:600;line-height:1.15}.cmp-row .c-type .arr{font-family:var(--mono);color:var(--muted);margin-left:8px;font-size:13px;transition:transform .18s,color .18s;display:inline-block}.cmp-row .c-what,.cmp-row .c-out{color:color-mix(in oklab, var(--ink) 76%, transparent);font-size:15px;line-height:1.45}.cmp-row.current{background:color-mix(in oklab, var(--accent) 12%, var(--paper));box-shadow:inset 3px 0 0 var(--accent)}.cmp-row.current .c-type{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cmp-row .this-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--accent);padding:3px 8px;font-size:9px}.cmp-foot{flex-wrap:wrap;align-items:center;gap:22px 32px;margin-top:24px;display:flex}.cmp-foot .cf-note{color:var(--muted);font-size:15px}.cmp2{background:var(--rule);border:1px solid var(--rule-strong);grid-template-columns:1fr 1fr;gap:1px;display:grid}.cmp2-col{background:var(--paper);flex-direction:column;gap:12px;padding:clamp(26px,2.6vw,36px);display:flex}.cmp2-col.current{background:color-mix(in oklab, var(--accent) 12%, var(--paper))}.cmp2-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--accent);align-self:flex-start;padding:3px 8px;font-size:9px}.cmp2-tag.ghost{color:var(--muted);border:1px solid var(--rule-strong);background:0 0}.cmp2-col h3{letter-spacing:-.015em;font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.15}.cmp2-col p{color:color-mix(in oklab, var(--ink) 78%, transparent);font-size:15.5px;line-height:1.5}.cmp2-out{border-top:1px solid var(--rule);margin-top:2px;padding-top:12px}.cmp2-lbl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:9px;display:block}@media (max-width:860px){.cmp-head{display:none}.cmp2{grid-template-columns:1fr}.cmp-row{border-top:1px solid var(--rule-strong);grid-template-columns:1fr}.cmp-row .c{border-top:1px solid var(--rule);padding:16px 20px}.cmp-row .c:first-child{border-top:0;padding-top:22px}.cmp-row .c-what:before,.cmp-row .c-out:before{content:attr(data-l);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:9px;display:block}}@media (prefers-reduced-motion:reduce){.cmp-row,.cmp-row .c-type .arr,.cmp-links .book-link{transition:none}}
