/* v49: lightweight static pages for search (converter how-tos, AI audiobook). Loaded after theme-vandan.css. */
*{box-sizing:border-box}
body.seo-page{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--vv-sans)}
.seo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px max(16px,calc(50% - 460px));background:#0f1a2e;border-bottom:1px solid #1d2c45}
.seo-top .vievoice-brand{display:inline-flex;align-items:baseline;font-size:30px;font-weight:900;letter-spacing:-1.6px;line-height:1.1;text-decoration:none}
.seo-top .vievoice-brand .voice::after{content:"";display:block;margin:3px 2px 0 4px;border-radius:4px}
.seo-top nav{display:flex;gap:6px;flex-wrap:wrap}
.seo-top nav a{color:#b4c4dc;text-decoration:none;font-weight:700;font-size:14px;padding:8px 12px;border-radius:12px}
.seo-top nav a:hover{background:rgba(111,176,255,.08);color:#dbe9ff}
.seo-main{max-width:920px;margin:0 auto;padding:36px 16px 24px}
.seo-kicker{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:rgba(79,143,247,.12);border:1px solid rgba(79,143,247,.3);color:#cfe3ff;font-size:13px;font-weight:700}
.seo-main h1{margin:0 0 12px;font-size:clamp(28px,4.4vw,42px);line-height:1.18;font-weight:900;letter-spacing:-.6px;color:#f4f8ff}
.seo-lead{margin:0 0 20px;font-size:18px;color:#c9d6ea}
.seo-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--vv-cta);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(255,122,26,.28)}
.seo-cta:hover{filter:brightness(1.05)}
.seo-main section{margin-top:34px;padding:22px 24px;background:var(--vv-card);border:1px solid var(--vv-edge);border-radius:20px}
.seo-main h2{margin:0 0 12px;font-size:21px;color:#f1f6ff}
.seo-steps,.seo-notes{margin:0;padding-left:22px}
.seo-steps li,.seo-notes li{margin:6px 0}
.seo-main details{border-top:1px solid var(--vv-edge);padding:10px 0}
.seo-main details:first-of-type{border-top:0}
.seo-main summary{cursor:pointer;font-weight:700;color:#e6efff}
.seo-main details p{margin:8px 0 0;color:#c9d6ea}
.seo-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0}
.seo-tags span{padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);font-size:13px;font-weight:600;color:#dbe7fb}
.seo-tts{margin-top:34px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#132a5e,#14628f);border:1px solid #2f5ea8}
.seo-tts h2{color:#fff}.seo-tts p{color:#dbe7fb}
.seo-foot{max-width:920px;margin:20px auto 0;padding:24px 16px 90px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.seo-foot h2{font-size:16px;color:#dbe7fb;margin:0 0 10px}
.seo-foot ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;margin:0 0 14px;padding:0;list-style:none}
.seo-foot a{color:#9ac1ff}.seo-foot a[aria-current]{color:#fff;font-weight:700}
.seo-copy{margin:6px 0 0}
@media(max-width:600px){.seo-top .vievoice-brand{font-size:26px}.seo-main{padding-top:24px}.seo-main section,.seo-tts{padding:16px}.seo-lead{font-size:16.5px}}
/* index.html: links to the tool pages for visitors and search engines */
.seo-links{max-width:1180px;margin:10px auto 0;padding:14px 16px 0;text-align:center;font-size:13.5px;color:var(--muted)}
.seo-links b{display:block;margin-bottom:6px;color:#b4c4dc}
.seo-links a{display:inline-block;margin:2px 8px;color:#9ac1ff;text-decoration:none}
.seo-links a:hover{text-decoration:underline}
/* v50: demo player on the genre pages */
.seo-demos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.sd-card{padding:12px 14px;border-radius:16px;background:var(--vv-card-2);border:1px solid var(--vv-edge)}
.sd-name{display:block;margin-bottom:8px;color:#eef4ff;font-size:15px}
.sd-plays{display:flex;flex-wrap:wrap;gap:6px}
.sd-play{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;border-radius:999px;border:1px solid #3f6aa8;background:#1b2d4b;color:#dbe9ff;font:700 13px var(--vv-sans);cursor:pointer}
.sd-play::before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.sd-play.on::before{width:9px;height:10px;border:0;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}
.sd-play.busy{opacity:.7}
.sd-play:hover{border-color:#6fb0ff}
.sd-g1{background:#3a1520;border-color:#7a2f3d;color:#ffc9d3}.sd-g2{background:#2e2159;border-color:#6d4fd0;color:#e3d9ff}
.sd-g3{background:#14305e;border-color:#3b82f6;color:#d6e8ff}.sd-g4{background:#4a3410;border-color:#d99a1a;color:#ffe9b8}
.sd-wait,.sd-more{color:var(--muted);font-size:14px;margin:6px 0 0}
.seo-links b.sl-2{margin-top:10px}