/* ============================================================
   Mise Books pages on cribinc.com.

   Neutral, matching the parent home page rather than styles.css.
   styles.css is the Bible side's design — mahogany, brass, Cinzel —
   and a bookkeeping app wearing it would be odd for the person who
   arrived here from a finance app's App Store listing.

   These pages exist because the App Store needs a support URL and a
   privacy policy URL a reviewer can open. The path deliberately says
   mise-books: the old /infernobooks/ path was an internal name that
   was never meant to be seen by a customer.
   ============================================================ */
:root{
  --ground:#0C0E11; --ground-hi:#14171C; --panel:rgba(255,255,255,.028);
  --ink:#ECEEF1;
  --ink-70:rgba(236,238,241,.70); --ink-45:rgba(236,238,241,.45);
  --ink-12:rgba(236,238,241,.12); --ink-07:rgba(236,238,241,.07);
  --coral:#FF8A5B;
}
*{box-sizing:border-box;}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:"EB Garamond",Georgia,"Times New Roman",serif;
  font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(90% 60% at 50% -10%, var(--ground-hi) 0%, var(--ground) 62%);
}
.wrap{max-width:720px;margin:0 auto;padding:0 22px;}
a{color:var(--coral);}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:3px;}

.masthead{border-bottom:1px solid var(--ink-07);padding:34px 0 22px;margin-bottom:38px;}
.masthead .home{
  font-size:12px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--ink-45);text-decoration:none;font-family:system-ui,sans-serif;
}
.masthead .home:hover,.masthead .home:focus-visible{color:var(--coral);}
.app{display:flex;align-items:center;gap:16px;margin-top:20px;}
.app img{width:64px;height:64px;border-radius:14px;display:block;}
.app h1{font-size:clamp(28px,6vw,40px);line-height:1.08;margin:0;letter-spacing:-.015em;}
.app p{margin:4px 0 0;color:var(--ink-45);font-size:14px;font-family:system-ui,sans-serif;}

main{padding-bottom:70px;}
h2{font-size:clamp(21px,3.6vw,27px);line-height:1.2;margin:42px 0 12px;letter-spacing:-.01em;}
h3{font-size:15px;margin:26px 0 8px;color:var(--ink);font-family:system-ui,sans-serif;letter-spacing:.01em;}
p,li{color:var(--ink-70);}
li{margin:6px 0;}
strong{color:var(--ink);font-weight:600;}
.lede{font-size:19px;color:var(--ink);}
.updated{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45);
  margin-top:6px;font-family:system-ui,sans-serif;}
.card{background:var(--panel);border:1px solid var(--ink-12);border-radius:10px;
  padding:18px 22px;margin:20px 0;}
.card h3{margin-top:0;}
.contact{display:inline-block;margin-top:6px;padding:12px 20px;border:1px solid var(--coral);
  border-radius:8px;color:var(--coral);text-decoration:none;font-family:system-ui,sans-serif;font-size:15px;}
.contact:hover,.contact:focus-visible{background:var(--coral);color:var(--ground);}
.foot{border-top:1px solid var(--ink-07);margin-top:52px;padding:22px 0 44px;
  font-size:13px;color:var(--ink-45);font-family:system-ui,sans-serif;}
.foot a{color:var(--ink-70);}
.foot p{margin:5px 0;}
@media(prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;}}