/* Agreement page — template placeholders rendered as fill-in lines.
   Scoped to .agr (agreement/index.html only). Reuses existing theme-v2.css
   tokens only (no new colours/fonts). Auto-adapts to the dark room since
   every value below is a var() that theme-v2.css already redefines under
   html[data-room="dark"]. Linked only from /agreement/. */

/* Field-row / signature blank: a full-width line to sign or fill by hand,
   with the placeholder's original hint kept as small muted caption text
   directly beneath it — so no wording from the template is lost. */
.agr-blank{
  display:block;
  width:100%;
  height:1.3em;
  border-bottom:1px solid var(--hairline);
}
.agr-blank + .agr-hint{ margin-top:var(--r1); }

/* Inline blank: a short fill-in space in the flow of a sentence, sized
   like a printed contract's "________" underline rather than a block. */
.agr-blank--inline{
  display:inline-block;
  min-width:12ch;
  height:1px;
  border-bottom:1px solid var(--hairline);
  vertical-align:baseline;
  margin:0 .2em;
  transform:translateY(-.2em);
}
.agr-blank--inline + .agr-hint--inline{ margin-left:.3em; }

/* Hint captions — small muted label-style text, matching the site's
   existing caption/meta size (.agr-note already uses --fs-small). */
.agr-hint{
  display:block;
  font-family:var(--face);
  font-size:var(--fs-small);
  font-style:italic;
  line-height:1.4;
  color:var(--grey-1);
}
.agr-hint--inline{
  display:inline;
  font-family:var(--face);
  font-size:var(--fs-small);
  font-style:italic;
  color:var(--grey-1);
}

/* Block-level blank standing in for a whole sentence/list-item worth of
   placeholder copy (e.g. "[describe production scope — e.g. ...]"):
   the blank line first, its hint directly under it. */
.agr-blank-wrap{ display:block; margin:var(--r1) 0; }
.agr-blank-wrap .agr-blank{ margin-bottom:var(--r1); }

@media (max-width:640px){
  .agr-blank--inline{ min-width:9ch; }
}