/* abovance.com, The Dossier.
   Layout: one reading measure with notes in the right margin on wide screens; tables and exhibits may run full width.
   Type: Source Serif 4 (optical sizes) for everything; Work Sans Medium only for the wordmark; IBM Plex Mono only inside code. */
@font-face{font-family:"Abovance Serif";src:url(/assets/fonts/serif.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Abovance Wordmark";src:url(/assets/fonts/wordmark.woff2) format("woff2");font-weight:500;font-display:block}
@font-face{font-family:"Abovance Mono";src:url(/assets/fonts/mono.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  color-scheme:light;
  --paper:#F8F8F5;   /* page */
  --sheet:#FFFFFF;   /* inputs, the phone screen, code */
  --ink:#141513;     /* text and rules that carry weight */
  --ink-2:#4F534B;   /* secondary text */
  --ink-3:#6B6F66;   /* notes, captions */
  --rule:#D9DBD4;    /* hairlines */
  --green:#0E7A66;   /* calls to action and citation marks, nothing else */
  --green-deep:#0A5E4F;
  --green-wash:#E3F0EC;
  --serif:"Abovance Serif","Source Serif 4",Georgia,"Times New Roman",serif;
  --wm:"Abovance Wordmark","Work Sans",system-ui,sans-serif;
  --mono:"Abovance Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;
  --measure:40rem;
  --page:68rem;
  --gutter:clamp(16px,5vw,64px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:1.0625rem;line-height:1.6;font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;font-kerning:normal;font-feature-settings:"kern","liga","onum"}
@media (min-width:760px){body{font-size:1.1875rem}}
img,svg,canvas{max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
p,ul,ol,dl,dd,figure,blockquote{margin:0}
h1,h2,h3{margin:0;font-weight:500;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(2.3rem,5.4vw,4.25rem);line-height:1.04;font-variation-settings:"opsz" 60;letter-spacing:-.018em}
h2{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;font-variation-settings:"opsz" 48;letter-spacing:-.012em}
h3{font-size:1.15em;line-height:1.3;font-weight:600;font-variation-settings:"opsz" 24}
h1 span,h2 span{color:inherit}
strong,b{font-weight:600}
.num,.fig,table{font-variant-numeric:lining-nums tabular-nums}

.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--gutter);top:8px;background:var(--sheet);padding:8px 12px;z-index:9}

/* page frame */
.doc,.wrap{max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}
.measure{max-width:var(--measure)}
.part{padding-block:clamp(48px,7vw,104px);border-top:1px solid var(--ink)}
.part.hero{border-top:0;padding-top:clamp(36px,6vw,88px)}

/* running head */
.head{border-bottom:1px solid var(--ink)}
.head .doc,.nav .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:18px}
.wordmark{font-family:var(--wm);font-weight:500;font-size:1.3rem;letter-spacing:.17em;text-decoration:none;color:var(--ink);line-height:1}
.head nav ul,.nav ul{display:flex;flex-wrap:wrap;gap:6px 24px;list-style:none;margin:0;padding:0;font-size:.95rem}
.head nav a,.nav ul a{text-decoration:none;color:var(--ink-2)}
.head nav a:hover,.nav ul a:hover{color:var(--ink);text-decoration:underline}
@media (max-width:719px){.head .doc,.nav .wrap{gap:10px 20px}.head nav,.nav ul{order:3;width:100%}.head .cta-top,.nav .wrap>.btn{display:none}}

/* buttons: green, square, no motion */
.btn{display:inline-block;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:3px;text-decoration:none;font:inherit;font-size:1rem;font-weight:500;line-height:1.2;padding:.85em 1.2em;cursor:pointer;text-align:center}
.btn:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.btn.accent{background:var(--green)}
.btn[disabled]{opacity:.65;cursor:progress}
.btn.ghost{background:transparent;border-color:transparent;border-radius:0;color:var(--ink);padding-inline:0;text-decoration:underline;text-decoration-color:var(--rule)}
.btn.ghost:hover{text-decoration-color:var(--ink)}
.textlink{font-size:1rem;color:var(--ink)}

/* margin notes. Inline on narrow screens, in the right margin from 1120px */
sup.mark{font-size:.62em;line-height:0;vertical-align:.62em;margin-left:1px;color:var(--green);font-weight:600;font-feature-settings:"lnum"}
sup.mark a{text-decoration:none;color:inherit}
.sn{display:block;margin:.6em 0 .2em;padding-left:.9em;border-left:1px solid var(--rule);font-size:.8125rem;line-height:1.5;color:var(--ink-3)}
.sn .n{color:var(--green);font-weight:600;margin-right:.35em}
@media (max-width:1119px){.has-notes{display:flex;flex-direction:column}.has-notes>.sn{order:2;margin-top:14px}}
@media (min-width:1120px){
  .has-notes{display:flow-root}
  .sn{float:right;clear:right;width:15rem;margin:.25em -18rem 0 0;padding-left:0;border-left:0}
  .sn:target,.sn.lit{color:var(--ink)}
}
.sn:target{background:var(--green-wash)}

/* section heads */
.lede{font-size:1.12em;line-height:1.5;color:var(--ink-2);max-width:var(--measure)}
.sec-title{display:grid;gap:18px;margin-bottom:clamp(28px,4vw,48px);max-width:var(--measure)}

/* ruled tables */
.ruled{width:100%;border-collapse:collapse;font-size:.95em}
.ruled caption{text-align:left;font-size:.85rem;color:var(--ink-3);padding-bottom:10px}
.ruled th,.ruled td{text-align:left;vertical-align:top;padding:16px 20px 16px 0;border-top:1px solid var(--rule)}
.ruled thead th{font-weight:600;font-size:.85rem;color:var(--ink-2);border-top:0;padding-top:0}
.ruled tr:last-child td,.ruled tr:last-child th{border-bottom:1px solid var(--rule)}
.ruled td:last-child,.ruled th:last-child{padding-right:0}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:719px){
  .ruled.stack thead{display:none}
  .ruled.stack tr{display:grid;grid-template-columns:1fr;border-top:1px solid var(--rule);padding:14px 0}
  .ruled.stack tr:last-child{border-bottom:1px solid var(--rule)}
  .ruled.stack td,.ruled.stack th{border:0;padding:2px 0;width:auto!important}
}

/* plain lists */
.plain{list-style:none;padding:0;display:grid;gap:10px}
.plain li{padding-left:1.1em;position:relative}
.plain li::before{content:"";position:absolute;left:0;top:.78em;width:.55em;height:1px;background:var(--ink-2)}
.defs{display:grid;gap:0;border-top:1px solid var(--rule)}
.defs>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:6px 28px;padding:16px 0;border-bottom:1px solid var(--rule)}
.defs dt{font-weight:600}
.defs dd{color:var(--ink-2)}
@media (max-width:640px){.defs>div{grid-template-columns:1fr}}

/* forms */
label{font-size:.9rem;font-weight:600}
input,select,textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--sheet);border:1px solid var(--ink);border-radius:3px;padding:.75em .85em;width:100%;min-width:0}
textarea{min-height:6.5em;resize:vertical}
input::placeholder,textarea::placeholder{color:#8B8E86}
.field{display:grid;gap:6px}
.fine{font-size:.85rem;color:var(--ink-3)}

/* footer */
.foot{border-top:1px solid var(--ink);padding-block:28px 40px;font-size:.9rem;color:var(--ink-2)}
.foot .doc,footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:baseline}
footer{border-top:1px solid var(--ink);padding-block:28px 40px;font-size:.9rem;color:var(--ink-2)}
.foot a,footer a{color:var(--ink-2)}

/* ---------- subpages (shared markup from the article and service templates) ---------- */
.crumbs{font-size:.85rem;color:var(--ink-3);padding-top:22px;font-family:var(--serif);letter-spacing:0;text-transform:none}
.crumbs a{color:var(--ink-3)}
main>section>.wrap.hero,main>section>.hero{display:grid;gap:22px;padding-block:clamp(32px,6vw,72px) clamp(24px,4vw,48px);max-width:var(--page)}
.hero h1{max-width:18ch}
.hero .lede{max-width:var(--measure)}
.block{display:grid;gap:18px;padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--rule)}
.block>*{max-width:var(--measure)}
.block.narrow{}
.block>.grid,.block>.cards,.block>.stats,.block>table{max-width:none}
main>section{border-top:0;padding-block:0}
.eyebrow,.mono{font-family:var(--serif);font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.price{font-size:1.6rem;font-variation-settings:"opsz" 40;font-weight:500}
.note{font-size:.95rem;color:var(--ink-2)}
.cta-row,.next{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.answer-first,.tldr{font-size:1.08em;line-height:1.55;padding-left:1em;border-left:2px solid var(--ink)}
.byline{font-size:.9rem;color:var(--ink-3)}
.prose{display:grid;gap:1em}
.prose p,.block p{max-width:var(--measure)}
.ticks{list-style:none;padding:0;display:grid;gap:10px}
.ticks li{padding-left:1.1em;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.78em;width:.55em;height:1px;background:var(--ink-2)}
.grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--rule)}
.grid>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 28px;padding:16px 0;border-bottom:1px solid var(--rule)}
.grid>div>.k{grid-row:span 3;font-weight:600;color:var(--ink)}
.grid>div>*:not(.k){grid-column:2}
@media (max-width:640px){.grid>div{grid-template-columns:1fr}.grid>div>*:not(.k){grid-column:1}}
.k{font-family:var(--serif);font-size:1rem;letter-spacing:0;text-transform:none}
.cards{display:grid;border-top:1px solid var(--rule)}
.cards>a{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.cards>a h3{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.2em}
.cards>a:hover h3{text-decoration-color:var(--ink)}
.cards>a p{color:var(--ink-2)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.stats>div{padding:16px 20px 16px 0;display:grid;gap:4px}
.stats b,.stats strong{font-size:2rem;font-weight:500;font-variation-settings:"opsz" 48;font-variant-numeric:lining-nums tabular-nums}
.qa{display:grid;gap:14px}
.qa h2{font-size:clamp(1.4rem,2.4vw,1.85rem)}
.refs{padding-left:1.4em;display:grid;gap:8px;font-size:.9rem;color:var(--ink-2);min-width:0}
.refs li,.refs a{overflow-wrap:anywhere;min-width:0}
.block,.block>*{min-width:0}
.wrap.hero>*{max-width:var(--measure)}
.wrap.hero>h1{max-width:18ch}
.notfor{padding:18px 0 0;border-top:1px solid var(--rule);display:grid;gap:8px}
details{border-top:1px solid var(--rule);padding:14px 0}
details:last-child{border-bottom:1px solid var(--rule)}
summary{cursor:pointer;font-weight:600;list-style-position:outside}
details>p{margin-top:8px;color:var(--ink-2);max-width:var(--measure)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.head nav,.cta-top,#field canvas{display:none}}