/* Podcast Metadata & Chapter Packager landing page only */
.tp-pod .wt-drop-meta b{color:var(--green,#087a4d)}

.tp-pod-demo{display:grid}
.tp-pod-players{display:grid;gap:14px;padding:18px}
.tp-pod-player{display:grid;gap:10px;align-content:start;margin:0;min-width:0;border:1px solid #d7e1ee;border-radius:18px;padding:14px;background:#f6f8fb}
.tp-pod-player figcaption{color:#52647b;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tp-pod-player--after{border-color:#9fb8e6;background:#fff;box-shadow:0 10px 26px rgba(9,34,70,.08)}
.tp-pod-player--after figcaption{color:#1548c7}

.tp-pod-now{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}
.tp-pod-now strong{display:block;color:#071b35;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}
.tp-pod-now small{display:block;margin-top:2px;color:#52647b;font-size:.82rem}
.tp-pod-player--before .tp-pod-now strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem;font-weight:600}
.tp-pod-cover{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#087a4d,#1f5cf0);color:#fff}
.tp-pod-cover b{font-size:1.2rem;font-weight:800}
.tp-pod-cover--blank{background:repeating-linear-gradient(45deg,#e3e9f2 0 6px,#d7e1ee 6px 12px)}

.tp-pod-bar{position:relative;height:6px;border-radius:999px;background:#d7e1ee}
.tp-pod-bar i{position:absolute;inset:0 auto 0 0;width:18%;border-radius:999px;background:#8a9ab0}
.tp-pod-bar--marks i{background:#1f5cf0}
.tp-pod-bar em{position:absolute;top:-4px;width:3px;height:14px;border-radius:2px;background:#071b35}
.tp-pod-m1{left:7.8%}
.tp-pod-m2{left:40.7%}
.tp-pod-m3{left:73.5%}
.tp-pod-times{display:flex;justify-content:space-between;margin:-4px 0 0;color:#52647b;font-size:.76rem;font-variant-numeric:tabular-nums}
.tp-pod-empty{margin:0;border-top:1px dashed #c3cfdf;padding-top:10px;color:#52647b;font-size:.86rem;line-height:1.45}

.tp-pod-chapters{display:grid;gap:2px;margin:0;padding:8px 0 0;border-top:1px solid #d7e1ee;list-style:none}
.tp-pod-chapters li{display:grid;grid-template-columns:3.4em minmax(0,1fr);gap:8px;align-items:baseline;border-radius:8px;padding:6px 8px;color:#071b35;font-size:.88rem}
.tp-pod-chapters time{color:#52647b;font-variant-numeric:tabular-nums;font-size:.8rem}
.tp-pod-chapters .is-current{background:#edf4ff;font-weight:700}
.tp-pod-chapters .is-current time{color:#1548c7}

.tp-pod-files{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0;border-top:1px solid #d7e1ee;padding:14px 18px 18px;font-size:.82rem}
.tp-pod-files small{width:100%;color:#52647b;font-weight:700}
.tp-pod-files span{border:1px solid #d7e1ee;border-radius:8px;background:#f6f8fb;padding:4px 8px;color:#071b35;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}

/* chapter CSV section */
.tp-pod-csv-grid{display:grid;gap:18px;align-items:start}
.tp-pod-code{margin:0;max-width:100%;overflow-x:auto;border-radius:16px;background:#071b35;padding:18px 20px;color:#e6eefc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;line-height:1.7}
.tp-pod-code:focus-visible{outline:3px solid #1f5cf0;outline-offset:3px}
.tp-pod-rules{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.tp-pod-rules{margin-top:18px}
.tp-pod-rules li{border-left:3px solid #1f5cf0;padding:2px 0 2px 12px;color:#071b35;line-height:1.5}
.tp-pod-rules code{border-radius:5px;background:#edf4ff;padding:1px 5px;font-size:.9em}
@media (min-width:860px){
  .tp-pod-csv-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}

/* one-line plan summary in the hero */
.mt-public .mt-promise>.tp-pod-plan{order:5;margin:2px 0;max-width:680px;color:#344054;font-size:.9rem;line-height:1.55}
.tp-pod-plan b{color:#071b35}
.tp-pod-plan a{display:inline-block;min-height:40px;padding:10px 0 0;color:#1548c7;font-weight:700}

.tp-pod-lead{max-width:760px;margin:0 0 18px;color:#344054;line-height:1.6}
.tp-pod-lead code,.tp-pod-file-note code,.tp-pod-convert code{border-radius:5px;background:#edf4ff;padding:1px 5px;font-size:.9em;color:#071b35}

/* show notes -> CSV table */
.tp-pod-convert,.tp-pod-size-wrap{max-width:100%;overflow-x:auto;border:1px solid #d7e1ee;border-radius:16px;background:#fff}
.tp-pod-convert:focus-visible,.tp-pod-size-wrap:focus-visible{outline:3px solid #1f5cf0;outline-offset:3px}
.tp-pod-convert table,.tp-pod-size-wrap table{width:100%;border-collapse:collapse;font-size:.9rem}
.tp-pod-convert caption,.tp-pod-size-wrap caption{padding:12px 14px 4px;text-align:left;color:#52647b;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tp-pod-convert th,.tp-pod-convert td,.tp-pod-size-wrap th,.tp-pod-size-wrap td{padding:9px 14px;border-top:1px solid #e4ebf4;text-align:left;vertical-align:top;color:#071b35}
.tp-pod-convert thead th,.tp-pod-size-wrap thead th{border-top:0;color:#52647b;font-size:.8rem;font-weight:700}
.tp-pod-convert td:nth-child(2){color:#52647b;white-space:nowrap;font-variant-numeric:tabular-nums}
.tp-pod-convert code{white-space:nowrap}

.tp-pod-file{display:grid;gap:10px;min-width:0}
.tp-pod-file-name{margin:0;color:#52647b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem;font-weight:700}
.tp-pod-file-note{margin:0;color:#344054;font-size:.9rem;line-height:1.55}

.tp-pod-lookup{display:grid;gap:8px;margin-top:18px}
.tp-pod-lookup p{margin:0;color:#52647b;font-size:.8rem;font-weight:700}
.tp-pod-lookup ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tp-pod-lookup li{border:1px solid #d7e1ee;border-radius:10px;background:#f6f8fb;padding:6px 10px;color:#071b35;font-size:.86rem;font-variant-numeric:tabular-nums}
.tp-pod-lookup b{margin-right:6px;color:#1548c7}

/* free size section */
.tp-pod-size-wrap{max-width:620px}
.tp-pod-size-wrap tbody th{font-weight:700;white-space:nowrap}
.tp-pod-size-wrap td{font-variant-numeric:tabular-nums}
.tp-pod-size-note{max-width:620px;margin:12px 0 0;color:#52647b;font-size:.86rem;line-height:1.5}
.tp-pod-size-pro{max-width:620px;margin:14px 0 0;border-left:3px solid #087a4d;padding:4px 0 4px 12px;color:#071b35;line-height:1.55}
.tp-pod-size-pro a{color:#1548c7;font-weight:700}

@media (min-width:860px){
  .tp-pod-csv .tp-pod-csv-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
}
@media (max-width:420px){
  .tp-pod-convert th,.tp-pod-convert td,.tp-pod-size-wrap th,.tp-pod-size-wrap td{padding:8px 10px}
  .tp-pod-convert table{font-size:.84rem}
}
@media (max-width:560px){
  .tp-pod-convert thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .tp-pod-convert tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:baseline;border-top:1px solid #e4ebf4;padding:10px 12px}
  .tp-pod-convert tbody td{display:block;border:0;padding:0}
  .tp-pod-convert tbody td:first-child{grid-column:1/-1}
  .tp-pod-convert tbody td:nth-child(2)::after{content:" \2192"}
  .tp-pod-convert tbody td:last-child code{white-space:normal}
}
