.submit-hero {
  background: var(--paper);
  padding: calc(var(--nav-h) + 80px) var(--px) 64px;
  border-bottom: 1px solid var(--border);
}
.submit-hero-inner { max-width: var(--max-w); margin: 0 auto; }

.submit-body { background: var(--paper); padding: 64px var(--px) 96px; }
.submit-body-inner {
  max-width: var(--max-w); margin: 0 auto;
  display: grid; grid-template-columns: 6fr 4fr; gap: 72px; align-items: start;
}

.guidelines-card {
  background: var(--white); border: 1px solid var(--border); border-radius: 16px;
  padding: 32px; position: sticky; top: calc(var(--nav-h) + 24px);
}
.guidelines-title {
  font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 18px;
  letter-spacing: -0.2px;
}
.guideline-item {
  display: flex; gap: 12px; margin-bottom: 14px; font-size: 13px; line-height: 1.6;
}
.guideline-check {
  width: 20px; height: 20px; border-radius: 50%; background: rgba(26,26,255,0.1);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  font-size: 10px; color: var(--blue); font-weight: 700; margin-top: 1px;
}
.email-note {
  margin-top: 24px; padding: 16px 18px;
  background: rgba(26,26,255,0.05); border: 1px solid rgba(26,26,255,0.1);
  border-radius: 10px;
}
.email-note p { font-size: 12px; color: var(--muted); line-height: 1.65; }
.email-note strong { color: var(--blue); }

@media (max-width: 1100px) {
  .submit-body-inner { grid-template-columns: 1fr; }
  .guidelines-card { position: static; }
}
@media (max-width: 768px) {
  .submit-hero { padding: calc(var(--nav-h) + 40px) var(--px) 40px; }
}


/* ── Styles moved out of submit.html ──────────────────────────
   Doubled class selectors keep the original inline-style precedence so
   nothing in the shared sheets can start winning over these. */
.blog-submit-s1.blog-submit-s1 { color:var(--blue); font-weight:600; }
.blog-submit-s2.blog-submit-s2 { background:var(--ink); }
.blog-submit-s3.blog-submit-s3 { display:flex; align-items:center; gap:8px; margin-bottom:24px; font-size:12px; color:var(--muted); }
.blog-submit-s4.blog-submit-s4 { color:var(--muted); text-decoration:none; }
.blog-submit-s5.blog-submit-s5 { opacity:0.4; }
.blog-submit-s6.blog-submit-s6 { color:var(--text); margin-top:12px; }
.blog-submit-s7.blog-submit-s7 { color:var(--muted); margin-top:16px; max-width:520px; }
.blog-submit-s8.blog-submit-s8 { min-height:80px; }
.blog-submit-s9.blog-submit-s9 { min-height:280px; }
.blog-submit-s10.blog-submit-s10 { margin-top:20px; }
.blog-submit-s11.blog-submit-s11 { color:var(--muted); margin-top:12px; }
.blog-submit-s12.blog-submit-s12 { color:var(--muted); margin-bottom:20px; }
.blog-submit-s13.blog-submit-s13 { color:var(--muted); }
.blog-submit-s14.blog-submit-s14 { color:inherit; }