/* The Boutique Accounting Limited - stationery stylesheet */
:root{
  --canvas:#e8e3d9; --sheet:#fbf8f1; --ink:#22201d; --ink-soft:#3d3a34;
  --accent:#5c1f22; --rule:#c9c0ae;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--canvas);color:var(--ink);
  font:18px/1.62 Georgia,"Times New Roman",serif;}
img{max-width:100%;height:auto;}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:#3f1517;}
a:focus-visible,.skip:focus{outline:2px solid var(--accent);outline-offset:2px;}
.skip{position:absolute;left:-9999px;top:0;background:var(--sheet);color:var(--ink);
  padding:8px 12px;font:12px/1.4 Arial,Helvetica,sans-serif;z-index:5;}
.skip:focus{left:8px;top:8px;}

.sheet{max-width:880px;margin:48px auto;background:var(--sheet);
  padding:48px 48px 32px;border:1px solid var(--rule);border-radius:0;box-shadow:none;}

.nameplate{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  padding-bottom:12px;border-bottom:1px solid var(--rule);}
.brand{margin:0;font-size:34px;line-height:1.15;font-weight:400;
  font-variant:small-caps;letter-spacing:.06em;color:var(--ink);}
.tagline{margin:4px 0 0;font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-soft);}
.nameplate-facts{text-align:right;flex:0 0 auto;white-space:nowrap;}
.nameplate-facts p{margin:0;font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--ink-soft);}
.principal{font-weight:700;}

.pagelinks{padding:12px 0;border-bottom:1px solid var(--rule);
  font:12px/2 Arial,Helvetica,sans-serif;}
.pagelinks a,.pagelinks .here{margin-right:16px;white-space:nowrap;display:inline-block;}
.pagelinks .here{color:var(--ink);font-weight:700;text-decoration:none;
  border-bottom:2px solid var(--accent);}

.cols{display:grid;grid-template-columns:190px 1px 1fr;column-gap:32px;
  align-items:stretch;padding-top:32px;}
.colrule{border:0;border-left:1px solid var(--rule);
  margin:0;width:1px;align-self:stretch;justify-self:center;}
.rail{align-self:start;}
.rail{font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--ink-soft);}
.railfact{padding:8px 0;border-bottom:1px solid var(--rule);}
.railfact:last-child{border-bottom:0;}
.rl{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#6d685e;}
.rv{display:block;margin-top:2px;overflow-wrap:anywhere;}

.column{min-width:0;}
.proposition{margin:0 0 24px;font-size:44px;line-height:1.12;font-weight:400;
  letter-spacing:-.01em;}
.letter p,.prose p,.mod p{max-width:66ch;}
.letter p{margin:0 0 16px;}
.signoff{margin-top:32px;padding-top:12px;border-top:1px solid var(--rule);}
.sig{font-size:24px;font-style:italic;color:var(--accent);}
.sigrole{font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--ink-soft);}

.mod{margin-top:48px;}
.mod h2{margin:0 0 16px;font-size:21px;font-weight:400;letter-spacing:.01em;
  padding-bottom:8px;border-bottom:1px solid var(--rule);}
.mod h3.sched-head{margin:24px 0 8px;font-size:12px;font-weight:700;
  font-family:Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);}
.sched-list{list-style:none;margin:0;padding:0;}
.sched-list li{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--rule);}
.sched-list li:last-child{border-bottom:0;}
.ord{flex:0 0 32px;text-align:right;color:var(--accent);
  font:12px/1.9 Arial,Helvetica,sans-serif;font-weight:700;}
.svc{font-size:17px;}

.casenote{padding:12px 0;border-bottom:1px solid var(--rule);}
.casenote:last-child{border-bottom:0;}
.cn-cat{margin:0 0 4px;font:11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);}
.cn-body{margin:0;}

.bibrows{margin:0;}
.bibrow{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 0;
  border-bottom:1px solid var(--rule);}
.bibrow:last-child{border-bottom:0;}
.bibrow dt{font:11px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-soft);}
.bibrow dd{margin:0;font-size:17px;}

.plainlist{margin:0;padding:0;list-style:none;}
.plainlist li{padding:8px 0;border-bottom:1px solid var(--rule);}
.plainlist li:last-child{border-bottom:0;}
.contactfacts{font:13px/1.8 Arial,Helvetica,sans-serif;color:var(--ink-soft);}
.backhome{font:12px/1.8 Arial,Helvetica,sans-serif;}

.doctitle{margin:0;font-size:30px;font-weight:400;line-height:1.2;}
.docsub{margin:8px 0 0;font:12px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-soft);max-width:66ch;}
.doc{padding-bottom:16px;border-bottom:1px solid var(--rule);}
.prose{margin-top:32px;}
.prose p{margin:0 0 16px;}
.returnline{border-top:1px solid var(--rule);padding-top:16px;}

.docfooter{margin-top:48px;padding-top:12px;border-top:1px solid var(--rule);}
.foot-brand{margin:0;font-variant:small-caps;letter-spacing:.06em;font-size:16px;}
.foot-links{margin:8px 0;font:11px/1.9 Arial,Helvetica,sans-serif;}
.foot-copy{margin:0;font:11px/1.7 Arial,Helvetica,sans-serif;color:var(--ink-soft);}

@media (max-width:900px){
  .sheet{margin:24px 16px;padding:32px 24px 24px;}
  .cols{grid-template-columns:160px 1px 1fr;column-gap:24px;}
}
@media (max-width:700px){
  .sheet{margin:0;padding:24px 16px;border-left:0;border-right:0;border-top:0;}
  .nameplate{display:block;padding-bottom:8px;}
  .nameplate-facts{text-align:left;margin-top:8px;white-space:normal;
    display:flex;flex-wrap:wrap;gap:4px 16px;}
  .brand{font-size:24px;}
  .pagelinks{line-height:1.4;}
  .pagelinks a,.pagelinks .here{padding:12px 0;min-height:44px;line-height:20px;
    margin-right:16px;}
  .cols{display:flex;flex-direction:column;padding-top:24px;}
  .colrule{display:block;height:1px;min-height:0;width:100%;align-self:stretch;
    border-left:0;border-top:1px solid var(--rule);margin:32px 0;order:2;}
  .column{order:1;}
  .rail{order:3;align-self:stretch;}
  .proposition{font-size:27px;}
  body{font-size:17px;}
  .bibrow{grid-template-columns:1fr;gap:4px;}
  .svc{font-size:17px;}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
