/* Additions for the multi-page site. Colours come from the custom properties in design.css. */
.nav-links a.current{color:var(--ink);}
.page-head{padding:clamp(28px,5vw,48px) 0 8px;text-align:center;}
.page-head h1{font-size:clamp(26px,4.4vw,36px);line-height:1.15;margin-bottom:8px;}
.page-head p{color:var(--ink-soft);max-width:560px;margin:0 auto;}
.narrow{max-width:460px;margin:24px auto 56px;}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,26px);box-shadow:0 30px 60px -40px rgba(34,39,58,.3);}
.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.form-row label{font-size:13px;font-weight:700;}
.form-row input{border:1.5px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:16px;background:var(--bg);color:var(--ink);width:100%;}
.form-error{background:#FBEAEA;color:#8A2222;border-radius:10px;padding:10px 12px;font-size:14px;margin:0 0 14px;}
[hidden]{display:none !important;}
.status-panel{max-width:700px;margin:20px auto 0;text-align:left;}
.bar-track{height:10px;background:var(--bg);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:12px 0 8px;}
.bar-fill{height:100%;width:0;background:var(--accent);transition:width .4s ease;}
.status-panel video,.viewer video{width:100%;border-radius:12px;background:#000;margin-top:10px;}
.status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.muted{color:var(--ink-soft);font-size:14px;}
.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin:24px 0 48px;}
.library-grid a.card{text-decoration:none;color:inherit;display:block;}
.library-grid .thumb{padding:0;}
.library-grid .thumb img{width:100%;height:100%;object-fit:cover;}
.library-grid a.card:hover{border-color:var(--accent);}
.viewer{max-width:820px;margin:24px auto 48px;}
.prose-steps{display:grid;gap:14px;max-width:640px;margin:24px auto 48px;}
.prose-steps .step{display:flex;align-items:flex-start;gap:14px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;}
.prose-steps .step .icon{margin:0;flex:none;width:44px;height:44px;background:var(--gold-tint);font-weight:800;font-family:'Sora';}
.pricing-note{max-width:460px;margin:24px auto 56px;text-align:center;}
.pricing-note .price-card{width:auto;}
main{min-height:60vh;}
.foot-col a{overflow-wrap:anywhere;}
@media (max-width:600px){
  /* keep the links reachable on a phone: a second, scrollable row under the brand bar */
  nav.bar{flex-wrap:wrap;}
  .nav-links{display:flex;order:3;flex:0 0 100%;gap:20px;overflow-x:auto;white-space:nowrap;padding-bottom:2px;}
  .nav-cta .btn-primary{display:none;}
  .nav-cta .btn-ghost{display:inline-flex;padding:8px 14px;}
  .nav-create-mobile{display:none !important;}
}
.meter-line{font-size:12.5px;color:var(--ink-soft);margin-top:4px;}
.meter-total{text-align:center;margin-top:12px;}