/* The public library at /answers: the site's document layout (help, security), with a shape for
   one answer: the question, the direct answer, the detail, the date it was last checked. */
:root{
  --em:#1F9460; --em-deep:#136B43; --ink:#0A0A0B; --paper:#F4F2EE; --paper2:#FAF8F4;
  --disp:'Sora', system-ui, sans-serif; --body:'Sora', system-ui, sans-serif;
  --gutter:var(--sb-gutter, 64px); --max:1312px; --col:720px;
}
body{ --bg:#F4F2EE; --tx:#1A1A1F; --tx2:#3A3A40; --tx3:#6B6B72; --line:#E7E4DE; --line-soft:#EDEAE4; }
*{ box-sizing:border-box; margin:0; }
body{ background:var(--bg); color:var(--tx); font-family:var(--body); font-weight:300; font-size:16px;
  line-height:1.65; -webkit-font-smoothing:antialiased; }
.wrap{ max-width:calc(var(--max) + 2 * var(--gutter)); margin:0 auto; padding-left:var(--gutter); padding-right:var(--gutter); }
.wrap > *{ max-width:var(--col); }
.pagehead{ padding:72px 0 40px; border-bottom:1px solid var(--line-soft); }
.crumbs{ font-size:14px; color:var(--tx3); margin-bottom:18px; }
.crumbs a{ color:var(--em-deep); text-decoration:none; }
.crumbs a:hover{ text-decoration:underline; }
.pagehead h1{ font-family:var(--disp); font-size:clamp(34px,4.2vw,54px); font-weight:300; letter-spacing:-.035em;
  line-height:1.08; color:var(--tx); }
.pagehead .lead{ margin-top:16px; font-size:clamp(18px,1.4vw,20px); font-weight:300; line-height:1.55; color:var(--tx2); }
.library{ padding-top:40px; padding-bottom:72px; }
.library a{ color:var(--em-deep); }
.topic-toc{ list-style:none; padding:0; }
.topic-toc li + li{ margin-top:6px; }
.topic-toc a{ font-size:15px; text-decoration:none; }
.topic-toc a:hover{ text-decoration:underline; }
.answer{ margin-top:44px; padding-top:32px; border-top:1px solid var(--line-soft); scroll-margin-top:90px; }
.answer h2{ font-family:var(--disp); font-size:24px; font-weight:500; letter-spacing:-.015em; line-height:1.3; color:var(--tx); }
.answer h2 a{ color:inherit; text-decoration:none; }
.answer h2 a:hover{ text-decoration:underline; }
.answer .direct{ margin-top:14px; font-size:18px; font-weight:400; line-height:1.6; color:var(--tx); }
.answer p, .answer ul, .answer ol{ font-size:16px; line-height:1.65; color:var(--tx2); }
.answer p{ margin-top:14px; }
.answer .direct{ font-size:18px; color:var(--tx); }
.answer b{ color:var(--tx); font-weight:600; }
.answer ul, .answer ol{ margin-top:12px; padding-left:22px; }
.answer li + li{ margin-top:6px; }
.answer code{ font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.875em; background:#FFFFFF;
  border:1px solid var(--line); border-radius:6px; padding:.1em .4em; color:var(--tx); overflow-wrap:anywhere; }
.answer pre{ margin-top:14px; background:var(--ink); color:#F5F4F2; border-radius:12px; padding:16px 18px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:14px; line-height:1.6;
  white-space:pre-wrap; overflow-wrap:anywhere; }
.answer pre code{ font-size:inherit; background:none; border:0; padding:0; color:inherit; }
.answer .table{ margin-top:14px; overflow-x:auto; }
.answer table{ width:100%; border-collapse:collapse; font-size:15px; color:var(--tx2); background:#FFFFFF;
  border:1px solid var(--line); }
.answer caption{ text-align:left; font-size:14px; color:var(--tx3); padding-bottom:6px; }
.answer th, .answer td{ text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line-soft); }
.answer th{ font-weight:500; color:var(--tx); }
.answer .checked{ margin-top:16px; font-size:13px; color:var(--tx3); }
.related, .next{ margin-top:56px; padding-top:32px; border-top:1px solid var(--line-soft); }
.related h2, .next h2, .group h2{ font-family:var(--disp); font-size:22px; font-weight:500; letter-spacing:-.015em; color:var(--tx); }
.related ul{ list-style:none; padding:0; margin-top:12px; }
.related li + li{ margin-top:6px; }
.next p{ margin-top:10px; color:var(--tx2); }
.next .actions{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; margin-top:18px; }
.next .btn{ display:inline-block; padding:11px 22px; border-radius:999px; background:var(--ink); color:#FFFFFF;
  text-decoration:none; font-size:15px; font-weight:400; }
.next .btn.quiet{ background:transparent; color:var(--tx); border:1px solid var(--line); }
.next .trial-line{ font-size:14px; color:var(--tx3); }
.group{ margin-top:48px; }
.group:first-child{ margin-top:0; }
.topic-card{ margin-top:24px; }
.topic-card h3{ font-family:var(--disp); font-size:18px; font-weight:500; line-height:1.4; }
.topic-card h3 a{ text-decoration:none; }
.topic-card h3 a:hover{ text-decoration:underline; }
.topic-card p{ margin-top:6px; color:var(--tx2); }
.topic-card ul{ margin-top:8px; padding-left:20px; font-size:15px; color:var(--tx2); }
@media (max-width:980px){
  .pagehead{ padding:48px 0 32px; }
  .library{ padding-top:32px; padding-bottom:48px; }
  .answer{ margin-top:36px; padding-top:28px; }
}