/* taste ratings, option B: outlined ring for visitors' taste, solid for the lab score */
.rt-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;margin-top:6px}
.rt-card{border:2px solid var(--ink);padding:16px 18px;background:var(--sheet,#fff)}.rt-card.rt-tc{border-color:#cfccc4}
.rt-ct{font-weight:800;font-size:15px;margin:0}.rt-ct small{font:500 11px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-left:6px}
.rt-big{font-weight:900;font-size:48px;letter-spacing:-.03em;line-height:1;margin:10px 0 6px;color:var(--spot)}.rt-big small{font-size:16px;color:var(--mut);font-weight:600}.rt-big.ned{color:var(--mut)}
.rt-cf{font-size:13px;color:var(--mut);margin:0}.rt-cf a{color:inherit}
.rt-res{margin:10px 0 12px;min-height:46px;display:flex;align-items:center;flex-wrap:wrap}
.rt-em{color:var(--mut);font-size:15px}.rt-cnt{color:var(--mut);font-size:13px;margin-left:8px}
.rt-ring{display:inline-grid;place-items:center;min-width:46px;height:46px;border:2.5px solid var(--ink);border-radius:50%;font-weight:900;font-size:17px;box-sizing:border-box;padding:0 4px}
.rt-q{font-weight:700;font-size:14px;margin:0 0 8px}
.rt-ten{display:grid;grid-template-columns:repeat(10,1fr);border:2px solid var(--ink)}
.rt-ten button{font:700 15px var(--f);color:var(--ink);border:0;border-left:1px solid #d6d3cb;background:none;padding:10px 0;cursor:pointer;touch-action:manipulation}.rt-ten button:first-child{border-left:0}
.rt-ten button.on{background:var(--ink);color:var(--paper)}.rt-ten button:hover:not(.on){background:#f2f0ea}.rt-ten button:focus-visible{outline:2px solid var(--spot);outline-offset:-3px}
.rt-ends{display:flex;justify-content:space-between;font:500 11px var(--m);color:var(--mut);margin:6px 0 0;text-transform:uppercase;letter-spacing:.06em}
.rt-msg{font-size:13px;margin:10px 0 0;color:var(--ink)}.rt-undo{border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit;color:var(--mut);padding:0 0 0 4px}
.busy .rt-ten,.busy .rtc-pb{opacity:.6;pointer-events:none}
.rt-ts{position:fixed;bottom:12px;right:12px;z-index:50}
.rt-t:empty,.rt-r:empty{display:none}
.rt-t,.rt-r{font:500 12px var(--m);color:var(--mut);white-space:nowrap}.rt-t .o,.rt-r .o{font-style:normal;border:1.5px solid currentColor;border-radius:999px;padding:0 5px;color:var(--ink)}
.hg-grid .rt-t{margin-top:-2px}.lr-w .rt-r{margin-left:8px}
/* compare */
.rtc{margin:28px auto 0;max-width:900px}.rtc-in{background:var(--sheet,#fff);border:1px solid #d6d3cb;padding:22px 24px}
.rtc-cws{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0 0}.rtc-cw>b{display:block;font-weight:900;font-size:20px}.rtc-sum{display:flex;align-items:center;flex-wrap:wrap;min-height:46px}
.rtc-pick{margin-top:18px;padding-top:16px;border-top:1px solid #e1ded6}
.rtc-pb{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rtc-pb button{font:800 16px var(--f);color:var(--ink);border:2px solid var(--ink);background:none;padding:12px;cursor:pointer}.rtc-pb button.on{background:var(--ink);color:var(--paper)}
.rtc-res{margin-top:12px}.rtc-res .rt-em{font-size:13px;margin:0}
.rtc-split{display:flex;height:30px;font:600 12px var(--m)}.rtc-split span{display:flex;align-items:center;padding:0 10px;white-space:nowrap;overflow:hidden}
.rtc-split span:first-child{background:var(--ink);color:var(--paper)}.rtc-split span:nth-child(2){background:#e4e1d9;justify-content:flex-end}.rt-cnt0{font-size:12px;color:var(--mut);margin:6px 0 0}
@media(max-width:700px){.rt-cards{grid-template-columns:1fr}.rt-ten button{font-size:13px;padding:11px 0}.rtc-in{padding:16px}.rtc-cws{gap:12px}.rtc-cw>b{font-size:17px}.rt-big{font-size:40px}}