.screen{padding:var(--co-p-space-7) var(--co-p-space-5);justify-items:center;display:grid}.card{width:100%;min-width:0;max-width:var(--co-size-form);gap:var(--co-p-space-5);padding:var(--co-p-space-7);border:1px solid var(--co-line-default);border-radius:var(--co-radius-card);background:var(--co-surface-raised);display:grid}.card.rating-card,.card.result,.card.checkout,.card.pick{max-width:var(--co-size-content)}.card.checkout{background:0 0;border:0;padding-inline:0}.screen-title{font-size:var(--co-p-font-size-2xl);line-height:var(--co-p-font-leading-tight);font-weight:var(--co-p-font-weight-semibold);margin:0}.screen-lead{color:var(--co-text-secondary);margin:0}.screen-lead a,.field-error a{min-height:var(--co-p-size-item-sm);align-items:center;display:inline-flex}.actions{gap:var(--co-p-space-3);flex-wrap:wrap;display:flex}.field{gap:var(--co-p-space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.field>label,.field>legend{font-weight:var(--co-p-font-weight-medium);margin-bottom:var(--co-p-space-2);padding:0}.field input[type=text],.field input:not([type]){height:var(--co-size-field-lg);padding:0 var(--co-p-space-4);border:1px solid var(--co-line-strong);border-radius:var(--co-radius-control);background:var(--co-surface-raised);font-size:var(--co-p-font-size-lg)}.field input[aria-invalid=true]{border-color:var(--co-status-danger)}.field-note{color:var(--co-text-secondary);font-size:var(--co-p-font-size-sm);margin:0}.field-error{color:var(--co-status-danger)}.segmented{gap:var(--co-p-space-1);padding:var(--co-p-space-1);border-radius:var(--co-radius-control);background:var(--co-surface-sunken);justify-self:start;display:inline-flex}.segment{position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{min-height:var(--co-size-button-lg);padding:0 var(--co-p-space-5);border-radius:var(--co-radius-control);color:var(--co-text-secondary);align-items:center;display:inline-flex}.segment input:checked+span{background:var(--co-surface-raised);color:var(--co-text-primary);font-weight:var(--co-p-font-weight-medium)}.segment:has(:focus-visible) span{outline:var(--co-p-size-focus-ring) solid var(--co-line-focus)}.options{gap:var(--co-p-space-2);display:grid}.option{gap:var(--co-p-space-4);padding:var(--co-p-space-4);border:1px solid var(--co-line-default);border-radius:var(--co-radius-control);cursor:pointer;align-items:flex-start;display:flex}.option:has(input:checked){background:var(--co-surface-selected);border-color:var(--co-line-selected)}.option[data-soon]{cursor:default}.option[data-soon] .option-title,.option[data-soon] .option-text{color:var(--co-text-muted)}.option{position:relative}.option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.option-ring{width:var(--co-p-space-5);height:var(--co-p-space-5);margin-top:var(--co-p-space-1);border-radius:var(--co-radius-dot);border:1px solid var(--co-line-strong);background:var(--co-surface-raised);flex:none}.option:has(input:checked) .option-ring{border:var(--co-p-space-2) solid var(--co-line-focus)}.option:has(:focus-visible){outline:var(--co-p-size-focus-ring) solid var(--co-line-focus);outline-offset:var(--co-p-size-focus-ring)}.option-spacer{width:var(--co-p-space-5);flex:none}.option-body{gap:var(--co-p-space-1);display:grid}.option-title{font-weight:var(--co-p-font-weight-medium);gap:var(--co-p-space-2);flex-wrap:wrap;align-items:baseline;display:flex}.option-text{color:var(--co-text-secondary);font-size:var(--co-p-font-size-sm)}.mult{color:var(--co-text-secondary)}.tag{padding:0 var(--co-p-space-2);border-radius:var(--co-radius-badge);background:var(--co-surface-sunken);color:var(--co-text-secondary);font-size:var(--co-p-font-size-xs);font-weight:var(--co-p-font-weight-regular);display:inline-block}.empty{gap:var(--co-p-space-2);padding:var(--co-p-space-5) 0;justify-items:start;display:grid}.empty-title{font-weight:var(--co-p-font-weight-medium);margin:0}.company{align-items:center;gap:var(--co-p-space-2);white-space:nowrap;display:inline-flex}.company-dot{width:var(--co-p-space-3);height:var(--co-p-space-3);border-radius:var(--co-radius-dot)}.company[data-company=sopharma] .company-dot{background:var(--co-data-1)}.company[data-company=britrade] .company-dot{background:var(--co-data-2)}.checkout-floor{gap:var(--co-p-space-6);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.basket{gap:var(--co-p-space-3);padding:var(--co-p-space-5);border:1px solid var(--co-line-strong);border-radius:var(--co-radius-card);background:var(--co-surface-raised);cursor:grab;touch-action:none;z-index:1;align-content:start;display:grid;position:relative}.basket[data-dragging]{cursor:grabbing;opacity:.5}.basket-chip{align-items:center;gap:var(--co-p-space-2);padding:var(--co-p-space-3) var(--co-p-space-4);border:1px solid var(--co-line-strong);border-radius:var(--co-radius-control);background:var(--co-surface-raised);box-shadow:var(--co-shadow-pop);font-weight:var(--co-p-font-weight-semibold);cursor:grabbing;white-space:nowrap;display:inline-flex}.basket-title,.desk-title{font-weight:var(--co-p-font-weight-semibold)}.basket-count{margin-left:var(--co-p-space-2);color:var(--co-text-secondary);font-weight:var(--co-p-font-weight-regular);font-size:var(--co-p-font-size-sm)}.basket-items{gap:var(--co-p-space-2);margin:0;padding:0;list-style:none;display:grid}.basket-items li{align-items:center;gap:var(--co-p-space-3);font-size:var(--co-p-font-size-sm);display:flex}.basket-photo{width:var(--co-size-header);height:var(--co-size-header);background:50%/contain no-repeat;flex:none}.basket-photo-none{border:1px solid var(--co-line-default);border-radius:var(--co-radius-badge);background:var(--co-surface-nested)}.desk{place-content:center;gap:var(--co-p-space-2);text-align:center;padding:var(--co-p-space-6);border:2px dashed var(--co-line-strong);border-radius:var(--co-radius-card);background:var(--co-surface-nested);display:grid}.desk[data-over]{border-color:var(--co-line-focus);background:var(--co-surface-selected)}.desk-note{color:var(--co-text-secondary);font-size:var(--co-p-font-size-sm)}.result-rating{gap:var(--co-p-space-3);padding-top:var(--co-p-space-4);border-top:1px solid var(--co-line-default);display:grid}.section-title{font-size:var(--co-p-font-size-lg);font-weight:var(--co-p-font-weight-semibold);margin:0}.score{gap:var(--co-p-space-1);display:grid}.score-label{color:var(--co-text-secondary)}.score-value{font-size:var(--co-p-font-size-6xl);line-height:var(--co-p-font-leading-tight);font-weight:var(--co-p-font-weight-medium)}.score-formula{color:var(--co-text-secondary);font-size:var(--co-p-font-size-sm)}.facts{gap:var(--co-p-space-7);flex-wrap:wrap;margin:0;display:flex}.facts div{gap:var(--co-p-space-1);display:grid}.facts dt{color:var(--co-text-secondary);font-size:var(--co-p-font-size-sm)}.facts dd{font-size:var(--co-p-font-size-xl);margin:0}.notice{padding:var(--co-p-space-3) var(--co-p-space-4);border-radius:var(--co-radius-control);margin:0}.notice-warn{background:var(--co-status-warn-soft);color:var(--co-text-primary)}.benefit{gap:var(--co-p-space-1);padding:var(--co-p-space-4);border-radius:var(--co-radius-control);background:var(--co-status-info-soft);display:grid}.benefit-line{font-weight:var(--co-p-font-weight-medium);margin:0}.table-scroll{min-width:0;overflow-x:auto}table.adjust,table.rating{border-collapse:collapse;width:100%}table caption{text-align:left;font-weight:var(--co-p-font-weight-medium);padding-bottom:var(--co-p-space-2)}table th{text-align:left;color:var(--co-text-secondary);font-weight:var(--co-p-font-weight-regular);font-size:var(--co-p-font-size-sm)}table th,table td{padding:var(--co-p-space-3) var(--co-p-space-3);border-bottom:1px solid var(--co-line-row)}table .n{text-align:right}table.rating .nick{font-weight:var(--co-p-font-weight-medium);overflow-wrap:anywhere}table.rating tr[aria-current] td{background:var(--co-surface-selected)}.you{margin-left:var(--co-p-space-2);color:var(--co-text-secondary);font-weight:var(--co-p-font-weight-regular)}.tabs{gap:var(--co-p-space-2);flex-wrap:wrap;display:flex}.tabs [role=tab]{min-height:var(--co-size-button-md);padding:0 var(--co-p-space-4);cursor:pointer;border:1px solid var(--co-line-default);border-radius:var(--co-radius-control);color:var(--co-text-secondary);background:0 0}.tabs [role=tab][aria-selected=true]{background:var(--co-surface-sunken);border-color:var(--co-surface-sunken);color:var(--co-text-primary)}@media (max-width:760px){.card{padding:var(--co-p-space-4)}table th,table td{padding-inline:var(--co-p-space-2)}.checkout-floor{grid-template-columns:1fr}}
