/* anchor-output.css — page-local styles for /anchor-output.
   Leans on index.css for nav/footer/cta; only the form bits live here. */

.ao-main{max-width:720px;margin:0 auto;padding:32px 0 64px;}
.ao-lede{color:var(--muted,#6b5d4d);line-height:1.55;}

#ao-form{margin-top:24px;display:flex;flex-direction:column;gap:6px;}
.ao-label{font-weight:600;margin-top:14px;}
.ao-opt{font-weight:400;font-size:0.85em;color:var(--muted,#6b5d4d);}

#ao-form textarea,
#ao-form input[type="text"]{
  width:100%;box-sizing:border-box;
  font:inherit;padding:10px 12px;
  border:1px solid rgba(58,47,36,0.25);border-radius:8px;
  background:rgba(255,255,255,0.6);
}
#ao-form textarea{font-family:var(--mono,ui-monospace,monospace);font-size:13px;resize:vertical;}
#ao-form textarea:focus,
#ao-form input[type="text"]:focus{outline:1px solid var(--accent-warm,#b07d3f);border-color:var(--accent-warm,#b07d3f);}

.ao-hint{font-size:12px;color:var(--muted,#6b5d4d);margin:2px 0 0;}
#ao-form .cta{margin-top:18px;align-self:flex-start;}

.ao-status{margin-top:18px;padding:10px 14px;border-radius:8px;
  background:rgba(58,47,36,0.05);font-size:14px;}
.ao-status.ao-error{background:rgba(176,58,58,0.08);color:#8f2f2f;}

.ao-receipt{margin-top:22px;padding:16px 18px;border:1px solid rgba(58,47,36,0.2);
  border-radius:10px;background:rgba(255,255,255,0.55);}
.ao-mono{font-family:var(--mono,ui-monospace,monospace);font-size:12px;word-break:break-all;}

.ao-how{margin-top:40px;}
.ao-how p{line-height:1.55;color:var(--muted,#6b5d4d);}