/* ---------------------------------------------------------------
   Plain pages: /privacy/ and /agents/. Field notes like the rest of
   the site (site.css), script-free: a smaller title, then sections
   with their label in the gutter and the text in the reading column.
   --------------------------------------------------------------- */
.doc{--h1:clamp(2.5rem,1.75rem + 2.6vw,3.75rem)}
.doc .standfirst{color:var(--ink-2)}
.doc main{margin-top:1rem}

.doc-sec{margin-top:2.25rem;padding-top:.95rem;border-top:1px solid var(--rule);align-items:baseline}
.doc-sec>h2{font-family:var(--mono);font-size:.6875rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-right:1rem}
.doc-sec .c-main>*+*{margin-top:.75em}
.doc-sec ul{list-style:disc;padding-left:1.15em}
.doc-sec li+li{margin-top:.3em}
.doc-sec li::marker{color:var(--ink-3)}
.doc-sec code{padding:.08em .3em;background:var(--paper-2);border-radius:2px}
.doc-sec pre{
  margin-top:1em;padding:.9rem 1rem;overflow-x:auto;background:var(--paper-2);border:1px solid var(--rule);border-radius:2px;
  font:400 .8125rem/1.55 var(--mono);color:var(--ink);
}
.doc-sec pre code{padding:0;background:none;font-size:inherit}
blockquote{margin:1em 0 0;padding-left:1.1rem;border-left:2px solid var(--accent);font-style:italic;color:var(--ink-2)}

/* the guestbook form */
form{display:grid;gap:.95rem;margin-top:1.4em;max-width:30rem}
label{display:grid;gap:.3rem;font-family:var(--mono);font-size:.6875rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
input,select,textarea{
  width:100%;padding:.5rem .6rem;font:400 1rem/1.4 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink);
  background:var(--paper);border:1px solid var(--rule-2);border-radius:2px;
}
input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:.7}
textarea{min-height:6rem;resize:vertical}
button{
  justify-self:start;padding:.6rem 1rem .62rem;cursor:pointer;
  font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:2px;
  transition:background-color .15s ease,border-color .15s ease;
}
button:hover{background:var(--accent);border-color:var(--accent)}

@media (max-width: 720px){
  .doc-sec>h2{margin-bottom:.35rem}
}