/* corrow: /mission/ and /library/ add-on styles
   ---------------------------------------------------------------------
   MERGE NOTES
   - Load AFTER /style.css (and /assets/corrow-pages.css if present).
   - Uses the existing :root variables from /style.css (--gold, --bg-card, ...).
     Fallback values are given so the page also renders on its own.
   - All new classes are prefixed "ms-" so they can't collide with existing ones.
   - Reused existing classes: site-nav*, site-footer*, btn, btn--primary, btn--ghost.
   ------------------------------------------------------------------- */

.ms-body{
  background-color:var(--bg-deep,#0a0604);
  /* simple CSS starfield: a few tiny radial dots, no images, no JS */
  background-image:
    radial-gradient(1px 1px at 12% 18%,rgba(255,244,220,.7),transparent 60%),
    radial-gradient(1px 1px at 78% 12%,rgba(255,244,220,.55),transparent 60%),
    radial-gradient(1.5px 1.5px at 33% 72%,rgba(232,212,168,.6),transparent 60%),
    radial-gradient(1px 1px at 88% 64%,rgba(255,244,220,.5),transparent 60%),
    radial-gradient(1px 1px at 52% 38%,rgba(255,244,220,.45),transparent 60%),
    radial-gradient(1.5px 1.5px at 6% 88%,rgba(232,212,168,.5),transparent 60%),
    radial-gradient(1px 1px at 64% 92%,rgba(255,244,220,.4),transparent 60%),
    radial-gradient(ellipse 80% 50% at 50% -20%,rgba(201,164,92,.10),transparent),
    radial-gradient(ellipse 60% 40% at 100% 100%,rgba(107,68,40,.14),transparent);
  background-attachment:fixed;
}
.ms-main{padding:calc(var(--nav-height,64px) + 2.5rem) 1.5rem 5rem;min-height:70vh}
.ms-inner{max-width:880px;margin:0 auto}
.ms-draft{display:table;margin:0 auto 1.5rem;font:500 .65rem/1 "Cinzel",serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--bg-deep,#0a0604);background:var(--gold,#c9a45c);padding:.4rem .9rem;border-radius:100px;opacity:.85}
.ms-head{text-align:center;margin-bottom:3rem}
.ms-head h1{font-size:clamp(2.2rem,6vw,3.6rem);margin-bottom:.5rem}
.ms-lede{max-width:640px;margin:0 auto;font-size:1.2rem;color:var(--text-muted,#a89880)}

.ms-manifesto{margin:0 auto 3.5rem;padding:2rem 2.25rem;max-width:760px;border:1px solid rgba(201,164,92,.25);
  border-radius:var(--radius-lg,20px);background:linear-gradient(180deg,rgba(34,26,18,.85),rgba(20,16,12,.85));
  box-shadow:var(--glow-soft,0 0 40px rgba(201,164,92,.15));position:relative}
.ms-manifesto::before{content:"\201C";position:absolute;top:-.35em;left:.4em;font:400 5rem/1 "Cinzel",serif;color:var(--gold,#c9a45c);opacity:.5}
.ms-manifesto p{font-size:1.35rem;font-style:italic;line-height:1.6;color:var(--gold-light,#e8d4a8);margin:0 0 1rem}
.ms-manifesto footer{font-family:"Cinzel",serif;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--amber,#9c6b4a)}

.ms-h2{font-size:1.3rem;text-align:left;letter-spacing:.12em;margin:3.5rem 0 1.25rem;padding-bottom:.75rem;
  border-bottom:1px solid rgba(201,164,92,.15);color:var(--gold,#c9a45c)}
.ms-h2::after{display:none}
.ms-statement{font-size:1.15rem}

.ms-principles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;counter-reset:ms}
.ms-principle{counter-increment:ms;padding:1.25rem 1.4rem;border-radius:var(--radius,12px);background:var(--bg-card,#221a12);
  border:1px solid rgba(201,164,92,.14)}
.ms-principle h3{font-size:1.05rem;margin:0 0 .4rem}
.ms-principle h3::before{content:counter(ms,upper-roman) " · ";color:var(--amber,#9c6b4a)}
.ms-principle p{margin:0;font-size:1.02rem;color:var(--text-muted,#a89880)}

.ms-callout{margin:2rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--gold,#c9a45c);background:rgba(28,22,16,.7);border-radius:0 var(--radius,12px) var(--radius,12px) 0}
.ms-callout p:last-child{margin-bottom:0}
.ms-invite{text-align:center;margin-top:3.5rem;padding:2.5rem 1.5rem;border-radius:var(--radius-lg,20px);
  background:radial-gradient(ellipse at center,rgba(201,164,92,.10),transparent 70%);border:1px solid rgba(201,164,92,.18)}
.ms-invite ul{list-style:none;padding:0;margin:0 0 1.75rem}
.ms-invite li{margin:.3rem 0}
.ms-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ms-machine{margin-top:2.5rem;font-size:.95rem;color:var(--text-dim,#6b5d4e);text-align:center}
.ms-machine a{color:var(--amber,#9c6b4a)}

/* library */
.ms-entries{list-style:none;padding:0;margin:0}
.ms-entry{padding:1.75rem 0;border-bottom:1px solid rgba(201,164,92,.12)}
.ms-entry h3{margin:0 0 .35rem;font-size:1.3rem}
.ms-entry h3 a{text-decoration:none}
.ms-meta{font-family:"Cinzel",serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim,#6b5d4e);margin:0 0 .9rem}
.ms-tag{display:inline-block;margin-right:.4rem;padding:.15rem .55rem;border:1px solid rgba(201,164,92,.25);border-radius:100px;color:var(--amber,#9c6b4a)}
.ms-disclosure{font-size:.95rem;font-style:italic;color:var(--text-dim,#6b5d4e)}

/* fallbacks for reused site classes, only matter when /style.css is absent */
.btn{display:inline-block}

@media (max-width:767px){
  .ms-principles{grid-template-columns:1fr}
  .ms-manifesto{padding:1.5rem 1.25rem}
  .ms-manifesto p{font-size:1.15rem}
}