.addwrap{max-width:660px;margin:0 auto;padding:0 var(--gut) 72px}
.addwrap h1{font-size:clamp(28px,5vw,44px);font-variation-settings:var(--wonk);
  margin:26px 0 10px;text-wrap:balance}
.addwrap h1 b{background:var(--amber-vivid);color:var(--on-vivid);
  border:2px solid var(--ink);padding:0 9px 2px;border-radius:4px;
  display:inline-block;transform:rotate(-1.6deg)}
.addwrap .lede{color:var(--ink-2);font-size:17.5px;max-width:52ch;
  margin-bottom:6px}
.addterms{border-left:3px solid var(--amber-vivid);padding:2px 0 2px 14px;
  margin:14px 0 24px;color:var(--ink-2);font-size:15px}
.addterms b{color:var(--ink)}
.fgroup{margin:0 0 16px}
.fgroup label{display:block;font-weight:650;margin-bottom:5px;font-size:15.5px}
.fgroup .hint{color:var(--ink-3);font-weight:400;font-size:14px}
.fgroup input,.fgroup textarea,.fgroup select{width:100%;
  font:inherit;font-size:16px;padding:11px 12px;color:var(--ink);
  background:var(--surface);border:2px solid var(--ink);
  border-radius:var(--rad-sm)}
.fgroup textarea{min-height:96px;resize:vertical}
.fgroup input:focus-visible,.fgroup textarea:focus-visible,
.fgroup select:focus-visible{outline:3px solid var(--amber-vivid);
  outline-offset:2px}
.fgroup.bad input,.fgroup.bad textarea,.fgroup.bad select{
  border-color:var(--brick)}
.fgroup .err{color:var(--brick);font-size:14.5px;margin-top:5px;font-weight:600}
.freq{color:var(--brick);font-weight:700}
.fsplit{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:560px){.fsplit{grid-template-columns:1fr}}
.fgroup.pick{background:var(--amber-soft);border-radius:var(--rad-sm);
  padding:14px 14px 4px;margin-inline:-14px}
.fcheck{display:flex;gap:10px;align-items:flex-start;margin-top:-4px}
.fcheck input{width:20px;height:20px;flex:none;margin-top:2px}
.fcheck label{font-weight:500}
.hpot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.addgo{font:inherit;font-family:var(--display);font-weight:800;font-size:18px;
  padding:14px 26px;background:var(--amber-vivid);color:var(--on-vivid);
  border:2px solid var(--ink);border-radius:var(--rad-sm);cursor:pointer;
  box-shadow:4px 4px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.addgo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.addgo:active{transform:translate(2px,2px);box-shadow:none}
.addgo[disabled]{opacity:.55;cursor:progress}
.addnote{margin-top:14px;font-size:15px;color:var(--ink-2)}
.addok{border:2px solid var(--ink);border-left:6px solid var(--amber-vivid);
  background:var(--surface);padding:20px 22px;border-radius:var(--rad-sm);
  margin-top:8px}
.addok h2{font-size:22px;font-variation-settings:var(--wonk);margin-bottom:6px}
.addfail{color:var(--brick);font-weight:650;margin-top:12px}
