/* EDITS - trustededits.com */
:root{
  --paper:#F1F0EC; --surface:#FAFAF8; --ink:#15171B; --slate:#55595F;
  --rule:#D9D7D0; --rule-soft:#E6E4DE;
  --brass:#9A6F1C; --brass-ink:#7C5810; --brass-wash:#EFE7D6;
  --sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"IBM Plex Serif",ui-serif,Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --measure:66ch;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#101216; --surface:#181B21; --ink:#E9E7E1; --slate:#A2A6AE;
    --rule:#2C3037; --rule-soft:#23262C;
    --brass:#D2A44E; --brass-ink:#DDB669; --brass-wash:#241D10;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--brass-ink);text-underline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:.6rem 1rem;z-index:10}

/* ---- chrome ---- */
header.site{border-bottom:1px solid var(--rule)}
.bar,.foot,main{max-width:960px;margin:0 auto;padding-inline:20px}
.bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.5rem;
  padding-block:1.1rem}
.wordmark{font-family:var(--mono);font-weight:500;letter-spacing:.22em;
  font-size:.95rem;color:var(--ink);text-decoration:none;margin-right:auto}
.wordmark.small{font-size:.8rem;color:var(--ink)}
header nav{display:flex;flex-wrap:wrap;gap:1.2rem}
header nav a{font-size:.92rem;color:var(--slate);text-decoration:none}
header nav a:hover,header nav a.here{color:var(--ink)}
header nav a.here{box-shadow:0 2px 0 var(--brass)}

main{padding-block:clamp(2.2rem,5vw,3.6rem) 4rem;
  display:flex;flex-direction:column;gap:clamp(2.2rem,5vw,3.4rem)}

footer.site{border-top:1px solid var(--rule);background:var(--surface)}
.foot{display:flex;flex-wrap:wrap;gap:2rem;padding-block:2rem 1rem}
.foot-col{flex:1 1 210px;display:flex;flex-direction:column;gap:.5rem}
.foot-h{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--slate)}
.fine{font-size:.86rem;color:var(--slate);margin:0;max-width:38ch}
.copyright{max-width:960px;margin:0 auto;padding:0 20px 2rem;font-size:.78rem}

/* ---- type ---- */
h1{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.1;
  font-size:clamp(2rem,5vw,2.9rem);margin:0;text-wrap:balance}
h2.sec-h{font-family:var(--serif);font-weight:600;letter-spacing:-.012em;
  font-size:clamp(1.3rem,2.8vw,1.65rem);margin:0;text-wrap:balance}
h3{font-family:var(--sans);font-weight:600;font-size:1.02rem;margin:0}
p{margin:0;max-width:var(--measure)}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--brass-ink)}
.eyebrow a{text-decoration:none}
.lede{font-size:1.1rem;color:var(--slate)}
.lede.narrow,.narrow{max-width:60ch}
.note{font-size:.92rem;color:var(--slate);border-left:2px solid var(--brass);
  padding-left:.9rem}

.hero,.pagehead,.stack{display:flex;flex-direction:column;gap:1rem}
.hero{gap:1.1rem}

/* ---- buttons ---- */
.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.3rem}
.btn{display:inline-block;font-size:.93rem;font-weight:500;text-decoration:none;
  padding:.62rem 1.1rem;border:1px solid var(--ink);background:var(--ink);
  color:var(--paper);border-radius:2px;cursor:pointer;font-family:var(--sans)}
.btn:hover{opacity:.88}
.btn.ghost{background:transparent;color:var(--brass-ink);border-color:var(--brass)}

/* ---- band ---- */
.band{border-block:1px solid var(--rule);padding-block:1rem}
.credbar{font-family:var(--mono);font-size:.76rem;letter-spacing:.03em;
  color:var(--slate);max-width:none}

/* ---- services ---- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.svc{background:var(--surface);padding:1.1rem 1.15rem;display:flex;
  flex-direction:column;gap:.35rem}
.svc h3 a{text-decoration:none;color:var(--ink)}
.svc h3 a:hover{color:var(--brass-ink)}
.svc-line{font-size:.9rem;color:var(--brass-ink)}
.svc-line.big{font-size:1.05rem;font-family:var(--serif)}
.svc-body{font-size:.9rem;color:var(--slate)}
.svc-full{border-top:1px solid var(--rule);padding-top:1.4rem;scroll-margin-top:1rem}
.getbox{border:1px solid var(--rule);background:var(--surface);
  padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;max-width:var(--measure)}
.getbox-h{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brass-ink)}
.getbox ul{margin:0;padding-left:1.1rem;font-size:.94rem;
  display:flex;flex-direction:column;gap:.25rem}

.process{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.process li{display:grid;grid-template-columns:2rem 1fr;gap:.8rem}
.p-n{font-family:var(--mono);color:var(--brass);font-size:.95rem;padding-top:.1rem}
.process div{display:flex;flex-direction:column;gap:.2rem}

/* ---- tips ---- */
.lib{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.lib-col{display:flex;flex-direction:column;gap:.6rem}
.lib-h{font-family:var(--serif);font-weight:600;font-size:1.2rem;margin:0;
  border-bottom:1px solid var(--rule);padding-bottom:.4rem}
.tip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.tip-list li{display:flex;flex-direction:column;gap:.1rem}
.tip-list a{font-weight:500;text-decoration:none;color:var(--ink)}
.tip-list a:hover{color:var(--brass-ink);text-decoration:underline}
.tip-blurb{font-size:.88rem;color:var(--slate)}
.more{font-family:var(--mono);font-size:.82rem;letter-spacing:.03em;text-decoration:none}
.more:hover{text-decoration:underline}

.tip{display:flex;flex-direction:column;gap:1rem}
.box{border:1px solid var(--rule);background:var(--surface);padding:1rem 1.15rem;
  display:flex;flex-direction:column;gap:.5rem;max-width:var(--measure)}
.box.do{border-left:3px solid var(--brass)}
.box-h{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brass-ink)}
.box ol{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem}
.tip-cta{font-size:.95rem;border-top:1px solid var(--rule);padding-top:1rem}
.stamp{font-family:var(--mono);font-size:.72rem;color:var(--slate);letter-spacing:.03em}
.pagenav{max-width:960px;margin:0 auto;padding:1.4rem 20px 0;
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--rule)}
.pn{text-decoration:none;color:var(--ink);font-size:.95rem;font-weight:500;
  display:flex;flex-direction:column;gap:.15rem}
.pn span{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--slate)}
.pn.next{text-align:right}
.pn:hover{color:var(--brass-ink)}

/* ---- quotes ---- */
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.quotes.three{grid-template-columns:repeat(3,1fr)}
blockquote{margin:0;border-left:2px solid var(--rule);padding-left:1rem;
  display:flex;flex-direction:column;gap:.5rem}
blockquote p{font-size:.94rem;font-style:italic;color:var(--ink)}
cite{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;
  color:var(--slate);font-style:normal}
blockquote.pull{border-left:3px solid var(--brass);max-width:var(--measure)}
blockquote.pull p{font-size:1.02rem}

/* ---- forms ---- */
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:2.2rem;align-items:start}
form{display:flex;flex-direction:column;gap:1rem;max-width:34rem}
.field{display:flex;flex-direction:column;gap:.3rem}
label{font-size:.86rem;font-weight:500}
input,textarea{font-family:var(--sans);font-size:1rem;color:var(--ink);
  background:var(--surface);border:1px solid var(--rule);border-radius:2px;
  padding:.55rem .7rem;width:100%}
textarea{resize:vertical}
button.btn{align-self:flex-start}
.hp{position:absolute;left:-9999px}
.aside{display:flex;flex-direction:column;gap:.4rem;border-left:1px solid var(--rule);
  padding-left:1.4rem}
.aside p{font-size:.94rem;margin-bottom:.5rem}

@media (max-width:760px){
  .svc-grid,.lib,.quotes,.quotes.three,.two-col,.pagenav{grid-template-columns:1fr}
  .aside{border-left:0;border-top:1px solid var(--rule);padding-left:0;padding-top:1.2rem}
  .pn.next{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}