/* In-post starter (.github/scripts/lib/post-start.js). Linked from the head of
   every post that carries it; the form sits directly in front of the post's
   .gen-line, which it replaces on screen (the gen-line stays in the markup). */
.post-start{margin:22px 0;padding:16px 18px;background:var(--brand,#223a4a);border-radius:6px;color:#fff;box-sizing:border-box;max-width:100%}
.post-start .ps-lead{margin:0 0 12px;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.86)}
.post-start .ps-lead strong{color:#fff}
.post-start .ps-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}
.post-start .ps-field{display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0;margin:0}
.post-start .ps-field span{font-size:.78rem;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.8)}
.post-start select{width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.3;height:46px;padding:0 10px;border:1px solid #9fb3bf;border-radius:5px;background:#fff;color:#14181c}
.post-start .ps-btn{flex:0 0 auto;font:inherit;font-size:.95rem;font-weight:700;min-height:46px;padding:10px 20px;border:0;border-radius:5px;background:var(--gold,#106b3c);color:#fff;cursor:pointer;line-height:1.3}
.post-start .ps-btn:hover{filter:brightness(1.1)}
.post-start .ps-btn:focus-visible,.post-start select:focus-visible{outline:3px solid #f2c94c;outline-offset:2px}
.post-start .ps-note{margin:10px 0 0;font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.7)}
/* The form is the post's starter now; the gen-line behind it links to the same
   place and would be a second button saying the same thing. !important because
   the page's CSSOM helper sets the gen-line's display from its data-style. */
.post-start+.gen-line{display:none!important}
@media (max-width:560px){
  .post-start{padding:14px}
  .post-start .ps-field,.post-start .ps-btn{flex:1 1 100%}
}
/* State-links block (.github/scripts/backfill-state-links.js): plain link lists
   under the post's generator CTA. Kept in this file because every state post
   already loads it; a new stylesheet would mean a new <link> in 160 heads. */
.state-links{margin:28px 0 8px;padding-top:18px;border-top:1px solid var(--rule,#dfe5e4);font-size:.92rem;line-height:1.5}
.state-links .sl-title{margin:14px 0 6px;font-weight:700;color:var(--ink,#14181c)}
.state-links ul{list-style:none;margin:0;padding:0}
.state-links li{margin:0;padding:5px 0}
.state-links a{color:var(--gold,#106b3c);text-decoration:underline;text-underline-offset:2px}