/* =========================================================
   chajiu.css — 茶与酒的冲泡计时面板
   依赖 base.css / tool.css / handbook.css；只处理 .brew 这一块。
   ========================================================= */
.brew{display:grid;gap:14px;margin:0 0 20px;padding:18px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 60%,rgba(255,255,255,.04))}
.brew__pick{display:flex;flex-wrap:wrap;gap:8px}
.brew__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.brew__fact{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:rgba(8,10,22,.55)}
.brew__fact span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--muted)}
.brew__fact b{font-size:.98rem;font-weight:600;color:var(--ink);letter-spacing:.01em}
.brew__timer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.brew__clock{margin:0;font-family:var(--font-mono);font-size:clamp(2.2rem,6vw,3rem);font-weight:600;line-height:1;letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;min-width:3.2em}
.brew__clock.is-done{color:var(--a2)}
.brew__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.brew__hint{flex:1 1 100%;margin:0;font-size:.8rem;line-height:1.7;color:var(--muted)}
@media(max-width:560px){
  .brew{padding:14px}
  .brew__grid{grid-template-columns:1fr}
  .brew__clock{font-size:2.4rem}
}
@media print{.brew{display:none!important}}