.rime{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;margin:28px 0 36px;scroll-margin-top:80px}
.rime>h3{margin:0 0 4px!important;font-size:22px}
.rime .rime-sub{margin:0 0 16px!important;color:var(--muted);font-size:15px}
.rime-picks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.rime-picks button{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:7px 14px 7px 8px;font:500 14px/1.2 var(--body);cursor:pointer}
.rime-picks button i{width:16px;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1px #0003}
.rime-picks button[aria-pressed=true]{background:#c1fe0b;color:#0b0c0f;border-color:#c1fe0b}
.rime-card{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}
.rime-recipe{display:flex;flex-direction:column;align-items:center;gap:10px;background:#0e1014;border:1px solid var(--line);border-radius:8px;padding:16px 10px}
.rime-grid{display:grid;grid-template-columns:repeat(2,42px);gap:4px}
.rime-grid.one{grid-template-columns:42px}
.rime-grid b{width:42px;height:42px;border-radius:4px;box-shadow:inset 0 -4px 0 #0002,inset 0 0 0 1px #0003}
.rime-arrow{font:600 18px var(--mono);color:var(--muted)}
.rime-out{width:54px;height:54px;border-radius:5px;box-shadow:inset 0 -5px 0 #0002,inset 0 0 0 1px #0003}
.rime-recipe small{font:12px/1.4 var(--mono);color:var(--muted);text-align:center}
.rime-body h4{margin:0 0 10px;font-size:20px}
.rime-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.rime-facts div{background:#0e1014;border:1px solid var(--line);border-radius:6px;padding:10px 12px}
.rime-facts dt{font:500 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}
.rime-facts dd{margin:0;font-size:15px;font-weight:600}
.rime-facts .yes{color:#c1fe0b}.rime-facts .no{color:#ff9b8a}
.rime-body p,.rime-body li{font-size:15px!important;margin:0 0 6px!important}
.rime-body ul{margin:6px 0 0!important;padding-left:18px}
.rime-note{margin-top:14px!important;color:var(--muted);font-size:13px!important}
@media (max-width:640px){.rime{padding:18px}.rime-card{grid-template-columns:1fr}.rime-facts{grid-template-columns:1fr 1fr}.rime-recipe{flex-direction:row;justify-content:center;flex-wrap:wrap}}