/* Scoped audio presentation; loaded only by audio listen/Creator templates. */
.audio-listen-page,.creator-audio-page{max-width:960px;margin-inline:auto;padding:clamp(1rem,4vw,3rem) 1rem;}
.audio-listen-card,.creator-audio-card{border:1px solid #e5e7eb;border-radius:1.25rem;background:#fff;box-shadow:0 12px 36px rgba(24,36,51,.07);overflow:hidden;}
.audio-listen-hero{display:grid;grid-template-columns:minmax(112px,190px) 1fr;gap:clamp(1rem,4vw,2rem);align-items:center;padding:clamp(1rem,4vw,2rem);background:linear-gradient(135deg,#fff 0%,#f7f3ef 100%);}
.audio-cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:.85rem;box-shadow:0 8px 20px rgba(24,36,51,.15);}
.audio-cover-type{display:flex;aspect-ratio:3/4;flex-direction:column;justify-content:space-between;padding:1rem;color:#fff;background:linear-gradient(145deg,#73372d,#26344a);border-radius:.85rem;box-shadow:0 8px 20px rgba(24,36,51,.15);}
.audio-cover-type strong{font-size:clamp(1.2rem,4vw,2rem);line-height:1.25;overflow-wrap:anywhere}.audio-cover-type small{letter-spacing:.12em}
.audio-eyebrow{margin:0 0 .35rem;color:#8a4d3f;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.audio-listen-title{margin:.15rem 0 .4rem;font-size:clamp(1.45rem,5vw,2.25rem);line-height:1.25}.audio-chapter-title{margin:0;color:#586174}
.audio-player-area{padding:clamp(1rem,4vw,2rem)}.audio-player-area audio{display:block;width:100%;margin:0 0 1.25rem;}
.audio-enhanced-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;align-items:center;}
.audio-control-group{display:flex;align-items:center;gap:.65rem;min-width:0}.audio-control-group label{font-weight:600;white-space:nowrap}.audio-control-group select{max-width:100%;min-height:44px;padding:.45rem 2rem .45rem .7rem;border:1px solid #cbd2dc;border-radius:.6rem;background:#fff;color:#182433;}
.audio-skip{min-width:48px;min-height:48px;border:1px solid #d6dce5;border-radius:50%;background:#fff;color:#26344a;font-weight:700;cursor:pointer;touch-action:manipulation}.audio-skip:hover,.audio-skip:focus-visible{background:#f1f3f6;outline:2px solid #8a4d3f;outline-offset:2px}
.audio-seek-control{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.35rem .8rem;align-items:center}.audio-seek-control label{grid-column:1/-1;font-weight:600}.audio-seek-control input{width:100%;min-height:36px;accent-color:#8a4d3f}.audio-seek-control output{font-variant-numeric:tabular-nums;white-space:nowrap}.audio-save-status{min-height:1.5em;margin:.65rem 0 0;color:#596579}
.audio-listen-links{display:flex;flex-wrap:wrap;gap:.65rem;padding:1rem clamp(1rem,4vw,2rem);border-top:1px solid #e5e7eb}.audio-listen-links a,.creator-audio-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem .9rem;border:1px solid #d6dce5;border-radius:.65rem;text-decoration:none;}
.creator-audio-page .audio-flow{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none}.creator-audio-page .audio-flow li{padding:.5rem .75rem;border-radius:999px;background:#f1f3f6;color:#374151;font-size:.9rem}
.creator-audio-page .audio-flow li:not(:last-child)::after{content:' →';margin-left:.4rem;color:#8a4d3f}
.creator-audio-page .audio-kit{border-left:4px solid #8a4d3f}.creator-audio-page .audio-file-list{display:grid;gap:1rem;margin-top:1rem}.creator-audio-page .audio-file-list .card{height:100%;border-radius:1rem}.creator-audio-page .audio-file-state{display:inline-block;padding:.3rem .6rem;border-radius:999px;background:#fff4e5;color:#754b12;font-size:.85rem;font-weight:700}.creator-audio-page .audio-file-state.is-published{background:#e8f7ed;color:#23633b}
.creator-audio-page audio{display:block;width:100%;margin:1rem 0}.creator-audio-page form label{line-height:1.6}.creator-audio-page input[type=checkbox]{width:1.1rem;height:1.1rem;margin-right:.4rem;vertical-align:middle}
@media(max-width:575.98px){.audio-listen-hero{grid-template-columns:96px 1fr;gap:1rem;padding:1rem}.audio-cover-type{padding:.65rem}.audio-cover-type small{font-size:.65rem}.audio-player-area{padding:1rem}.audio-enhanced-controls{grid-template-columns:1fr 1fr}.audio-control-group{flex-wrap:wrap}.audio-control-group select{width:100%}.audio-listen-links{display:grid;grid-template-columns:1fr}.audio-listen-links a{width:100%}.creator-audio-page .audio-flow li{font-size:.82rem}.creator-audio-page .audio-flow li:not(:last-child)::after{content:'';margin:0}}
/* Creator audio pages: steps, studio link card, file cards (tokens from samnak-theme.css with fallbacks) */
.creator-audio-page .audio-back-link{color:var(--muted,#6b6b6b);text-decoration:none;font-weight:600}.creator-audio-page .audio-back-link:hover{color:var(--text,#111)}
.creator-audio-page .audio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;padding:0;list-style:none}
.creator-audio-page .audio-steps li{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border:1px solid var(--border,rgba(17,17,17,.08));border-radius:var(--radius-card,12px);background:var(--surface,#f5f5f6);font-weight:600}
.creator-audio-page .audio-step-no{display:inline-grid;place-items:center;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--brand,#f5a400);color:var(--brand-ink,#111);font-weight:700}
.creator-audio-page .audio-studio-card{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.25rem;padding:1.1rem 1.25rem;border:2px solid var(--brand,#f5a400);border-radius:var(--radius-card,12px);background:var(--surface,#f5f5f6);color:var(--text,#111);text-decoration:none}
.creator-audio-page .audio-studio-card:hover{box-shadow:var(--shadow-soft,0 1px 2px rgba(17,17,17,.06));text-decoration:none}
.creator-audio-page .audio-studio-card:focus-visible{outline:3px solid var(--focus-ring,rgba(245,164,0,.45));outline-offset:2px}
.creator-audio-page .audio-studio-card-icon{display:grid;place-items:center;flex:0 0 3rem;width:3rem;height:3rem;border-radius:50%;background:var(--brand,#f5a400);color:var(--brand-ink,#111);font-size:1.5rem}
.creator-audio-page .audio-studio-card-text{display:flex;flex-direction:column;flex:1 1 16rem;min-width:0}.creator-audio-page .audio-studio-card-text small{color:var(--muted,#6b6b6b)}
.creator-audio-page .audio-studio-card-go{font-weight:700;white-space:nowrap}
.creator-audio-page .audio-upload-card form p{margin-bottom:1rem}.creator-audio-page .audio-upload-card form label{display:block;font-weight:600;margin-bottom:.25rem}
.creator-audio-page .audio-hint{margin-top:1rem;font-size:.9rem}
.creator-audio-page .audio-file-card .card-body{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.creator-audio-page .audio-file-main{flex:1 1 14rem;min-width:0}.creator-audio-page .audio-file-main .card-title{overflow-wrap:anywhere}
@media(max-width:575.98px){.creator-audio-page .audio-steps{grid-template-columns:1fr}.creator-audio-page .audio-studio-card-go{white-space:normal}.creator-audio-page .audio-file-card .btn{width:100%}}

/* หน้าฟังนิยายเสียง — ใช้ design tokens (ผู้ฟัง) · ไม่แตะคลาส creator-audio-* */
.audio-listen-page{padding:16px var(--gutter,16px) 40px}
.audio-listen-card{border:1px solid var(--border,rgba(17,17,17,.08));border-radius:var(--radius-card,12px);background:var(--bg,#fff);color:var(--text,#111);box-shadow:var(--shadow-soft,none)}
.audio-listen-hero{background:var(--surface,#f5f5f6);grid-template-columns:minmax(96px,160px) 1fr;align-items:center}
.audio-cover{aspect-ratio:2/3;border-radius:var(--radius-cover,6px);box-shadow:var(--shadow-soft,none)}
.audio-cover-type{aspect-ratio:2/3;border-radius:var(--radius-cover,6px);background:#5c3a3a;box-shadow:var(--shadow-soft,none)}
.audio-eyebrow{color:var(--muted,#6b6b6b);letter-spacing:0;text-transform:none;font-size:.85rem;font-weight:600}
.audio-listen-title{color:var(--text,#111);font-weight:700;letter-spacing:0}
.audio-chapter-title{color:var(--muted,#6b6b6b)}
.audio-player-area audio{width:100%;border-radius:var(--radius-card,12px)}
.audio-control-group select{background:var(--bg,#fff);color:var(--text,#111);border:1px solid var(--border,#ccc);border-radius:8px}
.audio-skip{background:var(--surface,#f5f5f6);color:var(--text,#111);border:1px solid var(--border,#ccc);min-width:52px;min-height:52px}
.audio-skip:hover,.audio-skip:focus-visible{background:var(--surface,#eee);outline:3px solid var(--brand,#f5a400);outline-offset:2px}
.audio-seek-control input{accent-color:var(--brand,#f5a400)}
.audio-save-status,.audio-teaser-note{color:var(--muted,#6b6b6b)}
.audio-teaser-note{padding:.6rem .8rem;border-radius:8px;background:rgba(245,164,0,.12);color:var(--text,#111)}
.audio-listen-links{border-top:1px solid var(--border,rgba(17,17,17,.08))}
.audio-listen-links a{background:var(--surface,#f5f5f6);color:var(--text,#111);border:1px solid var(--border,#ccc);border-radius:8px;font-weight:600}
.audio-listen-links a:hover{background:var(--brand,#f5a400);color:var(--brand-ink,#111);border-color:var(--brand,#f5a400)}
@media(max-width:575.98px){.audio-listen-hero{grid-template-columns:88px 1fr}}

.audio-autonext{grid-column:1/-1}.audio-autonext label{display:inline-flex;align-items:center;gap:.5rem;white-space:normal;font-weight:600;cursor:pointer}.audio-autonext input{width:20px;height:20px;accent-color:var(--gold,#c9a227)}