/* ============================================
   WritingNepal — Submit Your Manuscript page styles
   Extends style.css + profile.css tokens.
   ============================================ */

.sub-hero{
  display:flex; align-items:center; gap:28px; margin:32px 0 24px;
  background:linear-gradient(160deg,#E4EFF9,#F7FBFE);
  border:2px solid var(--ink); border-radius:var(--radius-lg);
  box-shadow:6px 6px 0 var(--sky); padding:28px 32px;
}
.sub-hero-art{ flex:none; width:130px; }
.sub-hero-art svg{ width:100%; height:auto; display:block; }
.sub-hero-text h1{ font-size:1.9rem; margin-bottom:8px; }
.sub-hero-text p{ color:var(--ink-soft); max-width:54ch; }

.sub-scope-banner{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:var(--paper-deep); border-radius:12px; padding:14px 18px; margin-bottom:20px; font-size:.88rem;
}
.sub-scope-banner .tag{
  flex:none; background:#E6F2E9; color:var(--leaf-deep); font-weight:800; font-size:.68rem;
  text-transform:uppercase; letter-spacing:.04em; padding:3px 10px; border-radius:999px;
}

.sub-coming-soon{
  background:var(--white); border:1.5px dashed var(--gold-deep); border-radius:var(--radius); padding:20px 22px; margin-bottom:32px;
}
.sub-coming-soon-head{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.sub-coming-soon-head .tag{
  background:var(--ink); color:var(--gold); font-weight:800; font-size:.68rem;
  text-transform:uppercase; letter-spacing:.04em; padding:3px 10px; border-radius:999px;
}
.sub-coming-soon-head h4{ font-size:1rem; margin:0; }
.sub-coming-soon p{ font-size:.86rem; color:var(--ink-soft); margin:0; }

.sub-shell{ display:grid; grid-template-columns:1fr 320px; gap:28px; margin-bottom:60px; align-items:start; }

.sub-section{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:26px; margin-bottom:20px;
}
.sub-section h3{ font-size:1.05rem; margin-bottom:18px; display:flex; align-items:center; gap:8px; }
.sub-section h3 .num{
  width:26px; height:26px; border-radius:50%; background:var(--ink); color:var(--gold);
  display:inline-flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:800; font-size:.8rem;
}
.sub-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sub-field{ margin-bottom:16px; }
.sub-field.full{ grid-column:1 / -1; }
.sub-field label{ display:block; font-size:.85rem; font-weight:700; margin-bottom:6px; }
.sub-field label .req{ color:var(--rose-deep); }
.sub-field input, .sub-field select, .sub-field textarea{
  width:100%; border:1.5px solid var(--line); border-radius:10px; padding:10px 12px;
  font-family:inherit; font-size:.92rem; background:var(--paper);
}
.sub-field textarea{ min-height:110px; resize:vertical; }
.sub-field input:focus, .sub-field select:focus, .sub-field textarea:focus{ outline:none; border-color:var(--sky); }
.sub-field .hint{ font-size:.76rem; color:var(--ink-soft); margin-top:4px; }

.sub-file-drop{
  border:2px dashed var(--line); border-radius:12px; padding:26px; text-align:center;
  cursor:pointer; transition:border-color .15s ease, background .15s ease;
}
.sub-file-drop:hover, .sub-file-drop.drag-over{ border-color:var(--sky); background:var(--paper-deep); }
.sub-file-drop .icon{ font-size:1.8rem; margin-bottom:8px; }
.sub-file-drop p{ font-size:.86rem; color:var(--ink-soft); margin:0; }
.sub-file-drop .filename{ font-weight:700; color:var(--ink); }
.sub-file-drop input[type="file"]{ display:none; }

.sub-checkbox-row{ display:flex; align-items:flex-start; gap:10px; font-size:.86rem; color:var(--ink-soft); }
.sub-checkbox-row input{ margin-top:3px; width:auto; }

/* ---- sticky sidebar ---- */
.sub-sidebar{ position:sticky; top:20px; }
.sub-info-card{
  background:var(--white); border:2px solid var(--ink); border-radius:var(--radius-lg);
  box-shadow:5px 5px 0 var(--sky); padding:22px; margin-bottom:20px;
}
.sub-info-card h4{ font-size:.95rem; margin-bottom:12px; }
.sub-info-card ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.sub-info-card li{ font-size:.84rem; color:var(--ink-soft); display:flex; gap:8px; }
.sub-info-card li::before{ content:'✓'; color:var(--leaf-deep); font-weight:800; flex:none; }

.sub-submit-btn{ width:100%; text-align:center; }

/* ---- success celebration ---- */
.sub-success{ display:none; text-align:center; padding:60px 20px; }
.sub-success.show{ display:block; animation:step-in .35s var(--bounce); }
.sub-success .icon{ font-size:3rem; margin-bottom:14px; }
.sub-success h2{ font-size:1.6rem; margin-bottom:10px; }
.sub-success p{ color:var(--ink-soft); max-width:50ch; margin:0 auto 20px; }

@media (max-width:900px){
  .sub-shell{ grid-template-columns:1fr; }
  .sub-sidebar{ position:static; }
}
@media (max-width:640px){
  .sub-hero{ flex-direction:column; text-align:center; }
  .sub-grid{ grid-template-columns:1fr; }
}