/* Shared polish layer. Load AFTER the page stylesheet (cookbook.css / recipeform.css). */
:root{--border:color-mix(in srgb,var(--second) 14%,transparent);--shadow:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.07);--radius:14px}
@media (prefers-color-scheme:dark){:root{--border:hsl(0 0% 26%);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}}
[hidden]{display:none!important}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
nav{box-shadow:0 2px 14px rgba(0,0,0,.18)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cta-blue,.cta-blue2{border-radius:10px;letter-spacing:.01em}
.cta-blue2{box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent)}
.cta-blue2:disabled{opacity:.6;cursor:wait;transform:none}

/* tag pills (cookbook + form suggestions) */
.recipe-tag,.tag-chip{display:inline-block;margin:4px 6px 0 0;padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:var(--container-bg);color:var(--body-text);font:inherit;font-size:.8rem;cursor:pointer;transition:all .15s}
.recipe-tag:hover,.tag-chip:hover{border-color:var(--accent);color:var(--accent)}
.recipe-tag.active{background:var(--accent);border-color:var(--accent);color:#fff}
.reset-filters{margin:0 0 .5rem;padding:4px 12px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}
.reset-filters:hover{background:var(--accent);color:#fff}
.tag-suggestions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:0 20px;margin:0 0 8px;max-height:calc(2 * 2rem + 6px);overflow:hidden} /* max two rows */
.tag-suggestions .tag-chip{margin:0;height:2rem;padding-top:0;padding-bottom:0;white-space:nowrap}