@import url('./funnels.css');

/* WAV to MP3 (/wav-to-mp3.html): the row of figures and the peak warning. The figures are
   the loudness checker's layout (loudness-checker.css .loud-figures). Everything else is
   funnels.css. */
.file-figures { display:grid; grid-template-columns:repeat(auto-fill,minmax(108px,1fr)); gap:14px 18px; margin:18px 0 6px; }
.file-figures div { min-width:0; padding-top:10px; border-top:1px solid #ffffff14; }
.file-figures dt { color:var(--snow-3); font-size:13px; line-height:1.4; }
.file-figures dd { margin:3px 0 0; color:var(--snow); font-size:20px; font-weight:600; letter-spacing:-.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.tool-panel .peak-warning { color:#ff9f8f; }
/* Links inside sentences are underlined; on the dark panel they take the gold link colour. */
.tool-panel .tool-note a,.tool-result p a { color:var(--accent-glow); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.questions-list p a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }