/* The geometric poster's language for inner pages: paper instead of white cards, dotted lines,
   a blue half disc behind page titles, red dot grids, big thin numbers. Loaded after each page's own style. */
.mc h1,.legal h1,.order h1,.faq h1,.faq h2,.what h2{position:relative;isolation:isolate}
.mc h1::before,.legal h1::before,.order h1::before,.faq h1::before,.faq h2::before,.what h2::before{content:"";position:absolute;left:-16px;top:-18px;width:64px;height:128px;background:#86A3B8;opacity:.5;border-radius:0 128px 128px 0;z-index:-1}
.mc,.legal,.order{position:relative}
.mc::after,.legal::after{content:"";position:absolute;right:28px;top:34px;width:56px;height:56px;background:radial-gradient(circle,#E0482B 2.6px,transparent 3px) 0 0/11.2px 11.2px;pointer-events:none}
/* my charts */
.list{gap:0;border-top:1.5px solid var(--navy)}
.row{background:transparent;border:0;border-bottom:1px dotted rgba(31,42,68,.35);border-radius:0;padding:14px 4px 14px 0}
.row:hover{box-shadow:none;border-color:rgba(31,42,68,.35)}
.row .nm{text-transform:uppercase;letter-spacing:.01em}
/* questions and facts on the calculator pages and the accuracy page */
.faq{background-image:radial-gradient(circle,rgba(31,42,68,.55) 1px,transparent 1.4px);background-size:10px 4px;background-repeat:repeat-x;background-position:max(28px,calc((100% - 1264px)/2)) 30px}
.proof{border-top:1.5px solid var(--navy)}
.proof div{border-bottom:1px dotted rgba(31,42,68,.35);align-items:baseline}
.proof b{font:300 20px var(--sans);color:var(--char)}
.q{border-bottom:1px dotted rgba(31,42,68,.35)!important}
.qs{border-top:1.5px solid var(--navy)}
/* the small print */
.toc{border-top:1.5px solid var(--navy)}
.toc a[aria-current="true"]{background:transparent;color:var(--red)}
.doc h2{padding-top:26px;background-image:radial-gradient(circle,rgba(31,42,68,.55) 1px,transparent 1.4px);background-size:10px 4px;background-repeat:repeat-x;background-position:0 0}
.mail{background:transparent}
/* the download page */
.bar{background:transparent;border:0;border-top:1.5px solid var(--navy);border-bottom:1px dotted rgba(31,42,68,.35);border-radius:0}
.after{background:transparent;border:0;border-top:1px dotted rgba(31,42,68,.35);border-radius:0}
.order .paid{background:transparent}
.sw,.size{background:transparent}
.keep{border-radius:0}
@media (max-width:560px){.mc::after,.legal::after{right:16px;top:20px;width:34px;height:34px;background-size:8.5px 8.5px}.mc h1::before,.legal h1::before,.order h1::before,.faq h1::before,.faq h2::before,.what h2::before{left:-8px;width:44px;height:88px}}