.op-finder{--galley-paper:color-mix(in srgb, var(--surface) 92%, #4e8b91);--galley-line:color-mix(in srgb, var(--border) 78%, var(--accent));max-width:1200px}.op-finder button,.op-finder input,.op-finder select{font:inherit;color:var(--text);border:1px solid var(--galley-line);background:var(--surface);border-radius:6px;min-width:0;padding:.65rem .8rem}.op-finder button{cursor:pointer}.op-finder button:hover{border-color:var(--accent)}.op-finder :is(button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.op-finder button:disabled{opacity:.45;cursor:default}.op-finder .masthead{border-bottom:3px double var(--accent);justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.op-finder .game{color:var(--accent);letter-spacing:.12em;font-size:.7rem;font-weight:700}.op-finder h1{margin:.4rem 0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,2.8rem)}.op-finder .intro{color:var(--text-muted)}.op-finder .masthead-actions{text-align:right;flex-direction:column;gap:.6rem;display:flex}.op-finder .masthead-actions small{color:var(--text-muted)}.op-finder .filters{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));align-items:end;gap:1.25rem;padding:1.5rem 0;display:grid}.op-finder .filters h2,.op-finder .filters label{color:var(--text-muted);margin:0 0 .5rem;font-size:.8rem;display:block}.op-finder .filters :is(input,select){width:100%;min-height:44px}.op-finder #books{flex-wrap:wrap;gap:.4rem;display:flex}.op-finder #books button{font-size:.75rem}.op-finder #books button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.op-finder .workspace{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:1.5rem;display:grid}.op-finder .results-head{justify-content:space-between;align-items:center;gap:.8rem;margin:.4rem 0 1rem;display:flex}.op-finder .results-head h2{margin:0;font-size:1rem}.op-finder #count,.op-finder #active-filters{color:var(--text-muted);font-size:.8rem}.op-finder #count{margin-left:.5rem}.op-finder #active-filters{margin-bottom:1rem}.op-finder #clear{background:0 0;font-size:.75rem}.op-finder #recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.op-finder .dish{text-align:left;background:var(--galley-paper);border-top:3px solid var(--accent);flex-direction:column;min-height:165px;padding:1rem;display:flex}.op-finder .dish[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.op-finder .folio{color:var(--text-muted);letter-spacing:.06em;font-size:.65rem}.op-finder .dish strong{overflow-wrap:anywhere;margin:.7rem 0 1rem;font-family:Georgia,serif;font-size:1.2rem;font-weight:500;line-height:1.3}.op-finder .ingredient-name{color:var(--text-muted);margin-top:auto;font-size:.75rem}.op-finder .book-name{color:var(--accent-strong);margin-top:.3rem;font-size:.7rem}.op-finder .recipe-detail{background:var(--galley-paper);border:1px solid var(--galley-line);border-left:4px solid var(--accent);border-radius:8px;padding:1.3rem;position:sticky;top:5rem}.op-finder .detail-eyebrow{color:var(--accent);margin:0;font-size:.7rem}.op-finder .recipe-detail h2{margin:.6rem 0 1rem;font-family:Georgia,serif;font-size:1.5rem;line-height:1.4}.op-finder .recipe-detail dl{margin:0}.op-finder .recipe-detail dt{color:var(--text-muted);margin-top:1rem;font-size:.75rem}.op-finder .recipe-detail dd{margin:.3rem 0 0}.op-finder .detail-note{color:var(--text-muted);margin-top:1.5rem;font-size:.75rem;line-height:1.7}.op-finder .recipe-detail button{width:100%;margin-top:1rem;font-size:.75rem}.op-finder .paging{justify-content:space-between;align-items:center;gap:.7rem;margin:1.5rem 0;font-size:.75rem;display:flex}.op-finder .empty{border:1px dashed var(--galley-line);color:var(--text-muted);text-align:center;grid-column:1/-1;padding:2rem}.op-finder .notice{color:var(--accent);padding:.8rem}.op-finder .discovery-panel{border:1px solid var(--galley-line);background:var(--galley-paper);border-radius:10px;margin:0 0 1.7rem;padding:1.4rem}.op-finder .discovery-panel h2{margin-top:0;font-size:1.2rem}.op-finder .discovery-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.op-finder .discovery-controls label{flex-direction:column;gap:.4rem;font-size:.8rem;display:flex}.op-finder .discovery-controls :is(input,select){width:100%}.op-finder .discovery-list{padding:0;list-style:none}.op-finder .discovery-list li{border-bottom:1px solid var(--galley-line);justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem 0;display:flex}.op-finder .discovery-list input{accent-color:var(--accent)}.op-finder .discovery-panel small{color:var(--text-muted);line-height:1.7;display:block}.op-finder .finder-source{max-width:80ch;color:var(--text-muted);margin-top:1.5rem;font-size:.8rem;line-height:1.7}.op-finder .finder-source summary{cursor:pointer;color:var(--text)}@media (width<=1100px){.op-finder .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.op-finder .book-filter{grid-column:1/-1}.op-finder #recipes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.op-finder .masthead{align-items:start;gap:.8rem}.op-finder .game{font-size:.6rem}.op-finder .masthead-actions{max-width:110px;font-size:.7rem}.op-finder .workspace{grid-template-columns:1fr}.op-finder .recipe-detail{position:static}.op-finder .discovery-controls{grid-template-columns:1fr}.op-finder .discovery-list li{flex-direction:column;align-items:start}.op-finder .discovery-panel{padding:1rem}.op-finder .dish{padding:.8rem}}
