:root { --green:#0b7a55; --green-dark:#075c40; --ink:#191919; --paper:#fff; --wash:#eef7f3; }
  * { box-sizing:border-box; }
  body { margin:0; font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; }
  .wrap { max-width:44rem; margin:0 auto; padding:1.5rem 1.25rem 3rem; }
  a { color:var(--green-dark); }
  a:focus-visible, button:focus-visible, input:focus-visible { outline:3px solid var(--green); outline-offset:2px; }
  .skip { position:absolute; left:-9999px; top:0; background:var(--ink); color:#fff; padding:.6rem 1rem; }
  .skip:focus { left:.5rem; top:.5rem; }
  h1 { font-size:1.8rem; }
  h2 { font-size:1.3rem; color:var(--green-dark); margin-top:2rem; }
  button { font:inherit; font-weight:600; color:#fff; background:var(--green-dark); border:0; border-radius:.4rem; padding:.7rem 1.2rem; cursor:pointer; }
  button:hover { background:var(--green); }
  label { display:block; font-weight:600; margin-top:1rem; }
  input[type=text] { font:inherit; width:100%; max-width:28rem; padding:.5rem; border:2px solid var(--ink); border-radius:.3rem; margin-top:.25rem; }
  .card { background:var(--wash); border-left:5px solid var(--green); padding:1rem 1.25rem; margin:1rem 0; }
  #status { margin-top:1rem; font-weight:600; }

.inline-1 {font:inherit; width:100%; max-width:28rem; padding:.5rem; border:2px solid var(--ink); border-radius:.3rem; margin-top:.25rem;}

.inline-2 {margin-top:0}