/* The product finders, "SR WHICH" (/which/…; the intelligent site's build plan item 15,
   rounds 4-5). The note is the gift finder's (pages/gifts.css), in blue: a paper you act on,
   pinked. Answers are notes that only inform: no edge, a soft shadow. */
.which .tool-head .sw{padding-block:24px 8px}
.which .tool-head .lede{margin-bottom:0;max-width:62ch}
.which .tool-head + .sec{padding-top:14px}
.wgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:start}
.wnote{position:sticky;top:20px;filter:drop-shadow(0 10px 18px var(--shadow))}
.which .gform{background:var(--blue)}
.answers .ahead{margin:0 0 12px}
.answers h2.ahead{margin-top:26px}
.alist{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.answer .in{background:var(--paper);padding:18px;box-shadow:0 6px 16px var(--shadow);display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}
.answer .mount{height:120px}
.answer h3{font:var(--dw) 20px/1.15 var(--display);margin:0 0 4px}
.answer h3 a{color:var(--ink);text-decoration:none}
.answer h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.answer .ap{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.answer .why{list-style:none;margin:8px 0 0;padding:0;font-size:14.5px;line-height:1.45}
.answer .why li + li{margin-top:2px}
.answer .why b{font-weight:600}
.near .answer .in{background:color-mix(in srgb,var(--paper) 70%,var(--ground))}
.answers .none{font-size:17px;margin:0}
.w-small{padding-bottom:clamp(30px,4vw,56px)}
.w-small .small p{max-width:80ch}
/* below 1100 the note's choices would be cut short beside the answers (iPad landscape):
   the note goes above them, at a readable width */
@media (max-width:1100px){
  .wgrid{grid-template-columns:minmax(0,1fr)}
  .wnote{position:static;max-width:640px}
}
@media (max-width:900px){
  .answer .in{grid-template-columns:90px minmax(0,1fr)}.answer .mount{height:90px}
}
/* no photo from the shop: its words take the card's whole width (owner, 22 Oct) */
.answer .in.nophoto{grid-template-columns:minmax(0,1fr)}