/* Search results */
.narrow-search{max-width:640px;margin:32px auto}
.narrow-search .bigsearch{display:flex;align-items:center;gap:8px;margin-top:24px;padding:8px 8px 8px 22px;border-radius:var(--r-pill);background:var(--card)}
.narrow-search .bigsearch input{flex:1;min-width:0;border:0;background:transparent;font:18px var(--font);color:var(--fg);padding:12px 4px;outline:none}
.narrow-search .bigsearch:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.pagehead h1 .kicker{margin-left:8px;vertical-align:middle;font-weight:600}
.pcard__note{margin-top:4px;font:11px/1.4 var(--mono);color:var(--soft-fg);text-transform:uppercase}

.compare{padding:20px}
.compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.compare__grid{display:grid;grid-template-columns:200px repeat(var(--cols),minmax(200px,1fr));gap:0 20px;min-width:0;align-items:start;padding:0 0 4px}
.compare__intro{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding-top:2px}
.compare__intro p{margin:0;font-size:15px;line-height:1.45}
.compare__plant{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;color:var(--fg);text-decoration:none}
.compare__plant img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.compare__name{font-size:17px;font-weight:700;line-height:1.25}
.compare__plant:hover .compare__name{text-decoration:underline;text-underline-offset:3px}
.compare__label{padding:12px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.compare__cell{padding:12px 0;border-top:1px solid var(--line);font:600 15px var(--mono)}

.othermatches{margin-top:28px}
.othergrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.othergrid .prow{padding:10px 20px 10px 10px;border-radius:var(--r-xl);border-top:0}
@media (max-width:860px){
  .compare{padding:16px}
  .compare__scroll{overflow:visible}
  .compare__grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:0 12px}
  .compare__intro{grid-column:1 / -1;padding-bottom:12px}
  .compare__name{font-size:15px}
  .compare__label{grid-column:1 / -1;border-top:1px solid var(--line);padding-bottom:0;font:600 11px var(--mono);text-transform:uppercase}
  .compare__cell{border-top:0;padding-top:4px;font-size:13px;overflow-wrap:anywhere}
  .compare .credit{font-size:10px}
  .othergrid{grid-template-columns:minmax(0,1fr)}
}
