/* Audio length estimator. Phone first: the article frame is 311 px on a phone and 700 px on a computer. */
h1 { font-size: 1.25rem; }
select {
  width: 100%; max-width: 22rem; height: 44px; padding: 0 10px; font: inherit; font-size: 1rem;
  color: var(--text); border: 1px solid var(--line-strong); border-radius: 8px; background: #fff;
}
.result { margin-top: 4px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.result p { margin: 0 0 10px; }
.headline { font-size: 1.125rem; font-weight: 700; }
.detail, .credits { font-size: 0.9375rem; }
.but { padding: 10px 12px; border-radius: 8px; background: #fff4e5; color: #7a4100; font-size: 0.9375rem; }
.result p:last-child { margin-bottom: 0; }
.how { margin-top: 14px; font-size: 0.875rem; color: var(--muted); }
.how summary { cursor: pointer; color: var(--accent); font-weight: 600; }
.how ul { margin: 8px 0 0; padding-left: 1.1rem; }
.how li { margin-bottom: 6px; }
[hidden] { display: none !important; }
@media (min-width: 600px) { h1 { font-size: 1.375rem; } }