/* The website's styles. tokens.json documents the :root values; a test checks they match. */
:root{--white:#ffffff;--ink:#1b1d22;--ink2:#44474f;--mut:#6b6e76;--pan:#f5f4f1;--line:#e6e4df;--or:#e8693f;--write:#a3300e;--write-bg:#ffe1d5;--improve:#7a5200;--improve-bg:#fff0c2;--covered:#185a3a;--gap:16px;--panel:36px;--panel-sm:32px;--gutter:32px;--gutter-sm:16px;--sec:120px;--sec-sm:84px;--r-panel:24px;--r-menu:18px;--r-inner:14px;--r-control:12px;--f-head:'DM Sans',system-ui,sans-serif;--f-body:'Geist',system-ui,sans-serif;--f-mono:'Geist Mono',ui-monospace,monospace;--bg:#ffffff;--muted:#6b6e76;--line2:#efeae2;--acc:#e8693f;--acc-bg:#fbe9e2;--soft:#f5f4f1;--on-ink:#ffffff}
.d{background:#fff;color:var(--ink);font-family:'Geist',sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
.d *{box-sizing:border-box}
.d a{color:inherit}
.d-w{max-width:1160px;margin:0 auto;padding-left:32px;padding-right:32px}
.d-nav{display:flex;align-items:center;gap:26px;height:72px;margin-top:14px;padding:0 14px 0 20px;background:var(--ink);color:#fff;border-radius:18px;font-size:15px;font-weight:500}
.d-nav a{text-decoration:none;white-space:nowrap}
.d-logo{display:flex;align-items:center;gap:9px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.03em}
.d-sp{flex:1}
.d-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:var(--or);color:var(--ink)!important;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap}
.d-btn.o{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.d-t{text-wrap:balance;font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.06;margin:0}
.d-hero{text-align:center;padding-top:68px}
.d-h1{font-size:clamp(38px,4.4vw,60px);margin:0 auto}
.d-h1 span{display:block}
.d-lead{max-width:640px;margin:20px auto 26px;font-size:19px;color:var(--ink2)}
.d-row{display:flex;gap:10px;flex-wrap:wrap}
.d-hero .d-row{justify-content:center}
.d .d-tr{font-size:14px;color:var(--mut);margin:10px 0 0}
.d-tabs{display:flex;justify-content:center;gap:24px;margin-top:40px;border-bottom:1px solid var(--line);overflow-x:auto}
.d-tabs button{font:inherit;font-size:16px;font-weight:600;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 0;min-height:44px;color:var(--mut);cursor:pointer;white-space:nowrap}
.d-tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.d-big{max-width:1280px;margin:18px auto 0;padding-left:32px;padding-right:32px}
.d-sample{text-align:center;color:var(--mut);font-size:14px;margin:10px 0 0}
/* a chapter: heading, one wide panel, two smaller */
.d-ch{padding-top:120px}
.d-chh{text-align:center;max-width:760px;margin:0 auto 40px}
.d-h2{font-size:clamp(34px,4.1vw,54px)}
.d-chh p{margin:14px 0 0;font-size:19px;color:var(--ink2)}
.d-pw{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;background:var(--pan);border-radius:24px;padding:36px 0 0 36px;overflow:hidden;align-items:start}
.d-pw.r{grid-template-columns:minmax(0,8fr) minmax(0,4fr);padding:36px 36px 0 0}
.d-pw.r>:first-child{order:2}
.d-pw>div:first-child{padding-bottom:36px}
.d-h3{font-size:clamp(24px,2.3vw,30px);letter-spacing:-.03em}
.d-pt{margin:10px 0 0;color:var(--ink2)}
.d-lk{display:inline-block;margin-top:14px;font-weight:600;font-size:16px;text-underline-offset:3px}
.d-chk{list-style:none;margin:16px 0 0;padding:0;font-size:16px}
.d-chk li{padding:9px 0;border-top:1px solid var(--line)}
.d-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.d-p2{background:var(--pan);border-radius:24px;padding:32px 32px 0;overflow:hidden;display:flex;flex-direction:column}
.d-fr{margin-top:26px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;overflow:hidden;flex:1}
.d-pw>.d-fr{margin-top:0;border-right:0;border-radius:14px 0 0 0}
.d-pw.r>.d-fr{border-right:1px solid var(--line);border-left:0;border-radius:0 14px 0 0}
.d-mid{background:var(--ink);color:#fff;border-radius:24px;margin-top:120px;padding:64px 32px;text-align:center}
.d-mid .d-row{justify-content:center;margin-top:24px}
.d-mid p{margin:12px 0 0;color:#D5D6DA}
.d-mid .d-btn.o{background:none;color:#fff!important;box-shadow:inset 0 0 0 1.5px #5A5D66}
.d-scroll{overflow-x:auto}
.d-prt{width:100%;min-width:740px;border-collapse:collapse;font-size:16px}
.d-prt th,.d-prt td{text-align:left;padding:18px 16px 18px 0;border-bottom:1px solid var(--line);font-weight:400}
.d-prt thead th{color:var(--mut);font-size:14px;padding-top:0}
.d-pn{font-family:'DM Sans',sans-serif;font-weight:700;font-size:23px;letter-spacing:-.03em}
.d-pb{font-family:'DM Sans',sans-serif;font-weight:700;font-size:36px;letter-spacing:-.04em}
.d-foot{display:flex;gap:20px;flex-wrap:wrap;padding:48px 0 30px;font-size:14px;color:var(--mut)}
.d :focus-visible{outline:3px solid #2F6FD6;outline-offset:2px}
@media (max-width:900px){
  .d-nl{display:none}
  .d-pw,.d-pw.r{grid-template-columns:minmax(0,1fr);padding:28px 0 0 24px;gap:0}
  .d-pw.r>:first-child{order:0}
  .d-pw>div:first-child{padding:0 24px 24px 0}
  .d-pw.r>.d-fr{border-right:0;border-left:1px solid var(--line);border-radius:14px 0 0 0}
  .d-2{grid-template-columns:minmax(0,1fr)}
  .d-ch{padding-top:84px}
  .d-mid{margin-top:84px}
}
@media (max-width:640px){
  .d-w,.d-big{padding-left:16px;padding-right:16px}
  .d-nav{height:62px;padding:0 8px 0 14px;gap:8px}
  .d-nav .d-btn{padding:0 12px;min-height:44px;font-size:14px}
  .d-hero{padding-top:40px}
  .d-tabs{justify-content:flex-start}
  .d-p2{padding:24px 20px 0}
}

.d .pm{display:none}
@media (max-width:640px){
  .d-prt{min-width:0}
  .d-prt thead{display:none}
  .d-prt,.d-prt tbody{display:block}
  .d-prt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
  .d-prt th,.d-prt td{display:none;border:0;padding:0}
  .d-prt .d-pn,.d-prt .d-pb{display:block}
  .d .d-prt .pm{display:block;grid-column:1 / -1;font-size:16px}
  .d-prt td:last-child{display:block;grid-column:1 / -1;margin-top:8px}
  .d-prt td:last-child a{display:flex}
}

/* pricing: one vertical column per plan */
.d-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.d-plan{background:var(--pan);border-radius:24px;padding:32px;display:flex;flex-direction:column}
.d-plan.dark{background:var(--ink);color:#fff}
.d-pname{font-size:26px}
.d-who{margin:8px 0 22px;color:var(--ink2);font-size:16px;min-height:48px}
.dark .d-who,.dark .d-year{color:#C9CAD0}
.d-price{font-family:'DM Sans',sans-serif;font-weight:700;font-size:60px;letter-spacing:-.05em;line-height:1}
.d-price span{font-family:'Geist',sans-serif;font-weight:400;font-size:16px;letter-spacing:0;margin-left:7px}
.d-year{font-size:14px;color:var(--mut);margin:8px 0 22px}
.d-plan ul{list-style:none;margin:22px 0 0;padding:0;font-size:16px}
.d-plan li{padding:11px 0;border-top:1px solid var(--line)}
.dark li{border-top-color:#3A3D45}
.d-plans+.d-tr{margin-top:18px}
/* footer */
.d-footer{background:var(--ink);color:#fff;margin-top:120px;padding:64px 0 28px}
.d-fg{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(4,minmax(0,1fr));gap:32px}
.d-footer a{text-decoration:none}
.d-fb p{margin:16px 0 20px;color:#C9CAD0;font-size:16px;max-width:300px}
.d-footer h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#AEB0B7}
.d-footer nav a{display:block;padding:6px 0;font-size:15px}
.d-footer nav a:hover{text-decoration:underline}
.d-fl{margin-top:44px;padding-top:20px;font-size:14px;color:#AEB0B7}
.d-fl::before{content:"";display:block;border-top:1px solid #3A3D45;margin-bottom:20px}
@media (max-width:900px){
  .d-plans{grid-template-columns:minmax(0,1fr)}
  .d-who{min-height:0}
  .d-fg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-fb{grid-column:1 / -1}
  .d-footer{margin-top:84px}
}

/* the bar stays in view while the page scrolls */
.d-navw{position:sticky;top:12px;z-index:20}
.d-navw .d-nav{margin-top:0}
.d{padding-top:14px}

.d-faq{max-width:800px;margin:0 auto;border-bottom:1px solid var(--line)}
.d-q{border-top:1px solid var(--line)}
.d-q summary{cursor:pointer;font-weight:600;font-size:18px;padding:18px 0;min-height:44px;list-style-position:outside}
.d-q p{margin:0 0 20px;color:var(--ink2);max-width:680px}
.d-q summary{list-style:none;display:flex;justify-content:space-between;gap:20px}
.d-q summary::-webkit-details-marker{display:none}
.d-q summary::after{content:"+";font-weight:500;font-size:22px;line-height:1;color:var(--mut)}
.d-q[open] summary::after{content:"\2212"}

/* by hand against automated, step by step */
.d-man{list-style:none;margin:0;padding:0;counter-reset:m}
.d-mhead,.d-mr{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,4fr) minmax(0,4.6fr);gap:28px}
.d-mhead{font-size:14px;font-weight:600;color:var(--mut);padding:0 20px 10px}
.d-mr{counter-increment:m;padding:18px 20px;border-top:1px solid var(--line);align-items:baseline}
.d-mt{font-family:'DM Sans',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;margin:0;display:flex;gap:10px}
.d-mt::before{content:counter(m);color:var(--mut);font-weight:500}
.d-mh,.d-ma{margin:0;font-size:16px}
.d-mh{color:var(--mut)}
.d-ma{font-weight:500}
.d-ml{display:none}
.d-man{border-bottom:1px solid var(--line)}
.d-mr>.d-ma{position:relative}
.d-mend{text-align:center;font-family:'DM Sans',sans-serif;font-weight:500;font-size:22px;letter-spacing:-.02em;margin:32px auto 0;max-width:640px}
@media (max-width:760px){
  .d-mhead{display:none}
  .d-mr{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0}
  .d-ml{display:block;font-size:13px;font-weight:600;color:var(--mut)}
}

/* the problem, in order, before the product */
.d-prob{list-style:none;margin:0 0 44px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.d-prob li{border-top:2px solid var(--ink);padding-top:14px;color:var(--ink2);font-size:16px}
.d-prob b{display:block;font-family:'DM Sans',sans-serif;font-size:21px;letter-spacing:-.02em;color:var(--ink);margin-bottom:6px}
@media (max-width:760px){.d-prob{grid-template-columns:minmax(0,1fr);gap:20px}}

/* the head start, as three lanes over time */
.d-lanes{margin:0 0 44px}
.d-lane{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed;font-size:16px}
.d-lane thead th{font-weight:600;font-size:14px;color:var(--mut);text-align:left;padding:0 14px 6px;border-left:1px solid var(--line)}
.d-lane thead td{width:19%}
.d-lane tbody th{text-align:left;font-family:'DM Sans',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.02em;padding-right:14px;line-height:1.2}
.d-lane td{padding:16px 14px;font-weight:500;line-height:1.3;vertical-align:middle}
.d-lane td.t{background:var(--ink);color:#fff}
.d-lane td.t.end{background:#000;background:#34373F}
.d-lane td.n{background:var(--pan);color:var(--mut);font-weight:400}
.d-lane td.n.end{background:#FFD3C2;color:#5C1C07;font-weight:500}
.d-lane td.y{background:var(--or);color:var(--ink)}
.d-tlc{display:none}
@media (max-width:760px){
  .d-lane,.d-lane tbody,.d-lane tr,.d-lane th,.d-lane td{display:block;width:auto}
  .d-lane thead{display:none}
  .d-lane tbody th{padding:16px 0 8px}
  .d-lane td{margin-bottom:4px;padding:12px 14px}
  .d-tlc{display:block;font-size:13px;font-weight:500;opacity:.8}
}

.d-pw+.d-pw{margin-top:16px}

/* V4.2: design changes on top of V4. V4 itself doesn't load this file. */
/* one brand orange for bars in the product screens; verdict text keeps its darker colour so it stays readable */
.e5 .s{--acc:#E8693F}
.e5-gap{margin-top:16px}
/* the app's dark button shares a class name with the page wrapper, so it keeps its own size here */
.e5 .s-btn.d{font-size:13px;padding:6px 12px;line-height:1.4;background:#E8693F;color:#1B1D22}
@media (max-width:640px){
  /* the hero screen stops at this week's pages */
  .e5 .d-big .s-main>.s-day~.s-day,.e5 .d-big .s-main>.s-day~.s-day+.s-card{display:none}
  /* the by-hand table reads as two short lines per step */
  .e5 .d-mr{gap:3px;padding:14px 0}
  .e5 .d-ml{display:none}
  .e5 .d-mt{font-size:18px;margin-bottom:3px}
  .e5 .d-mh,.e5 .d-ma{font-size:15px;line-height:1.35}
  .e5 .d-mh::before{content:"By hand: ";font-weight:600}
  .e5 .d-ma::before{content:"Outpublished: ";font-weight:700}
}
/* the timeline in the page's neutral palette: rules and type, with one grey lane for the point */
.e5 .d-lane{border-spacing:0}
.e5 .d-lane thead th{border-left:0;padding-left:16px}
.e5 .d-lane tbody th,.e5 .d-lane td{border-top:1px solid var(--line)}
.e5 .d-lane tbody tr:last-child th,.e5 .d-lane tbody tr:last-child td{border-bottom:1px solid var(--line)}
.e5 .d-lane td{padding:18px 16px}
.e5 .d-lane td.t,.e5 .d-lane td.t.end{background:none;color:var(--ink2);font-weight:400}
.e5 .d-lane td.n,.e5 .d-lane td.n.end{background:none;color:var(--mut);font-weight:400}
.e5 .d-lane td.y{background:var(--pan);color:var(--ink);font-weight:600}
.e5 .d-lane tbody tr:last-child th{padding-top:18px;padding-bottom:18px}
@media (max-width:760px){
  .e5 .d-lane tbody th,.e5 .d-lane td{border-top:0}
  .e5 .d-lane tbody tr:last-child th,.e5 .d-lane tbody tr:last-child td{border-bottom:0}
  .e5 .d-lane td{padding:9px 0;margin:0;border-top:1px solid var(--line)}
  .e5 .d-lane td.y{padding:9px 12px;border-top:0;margin-bottom:3px}
}
.e5 .d-lane thead td{border:0}
/* beside the open gap: the same page as a keyword list shows it */
.e5-kw{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.e5-kwh{margin:0 0 10px;font-weight:600;font-size:15px}
.e5-kw table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:8px;font-variant-numeric:tabular-nums}
.e5-kw th{text-align:left;font-weight:500;font-size:13px;color:var(--mut);padding:8px 10px;border-bottom:1px solid var(--line)}
.e5-kw td{padding:9px 10px;vertical-align:top}
.e5-kw th+th,.e5-kw td+td{text-align:right;width:58px}
.e5-kwf{margin:12px 0 0;color:var(--ink2);font-size:15px}

/* feature pages and sign-in, on top of V4 and V4.2's styles */
.e5 .d-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.f-big{margin-top:36px}
.f-pw+.f-pw{margin-top:16px}
.f-pw+.d-2,.d-2+.f-pw{margin-top:16px}
.f-tp{grid-template-columns:minmax(0,1fr) 44px 44px 84px}
.f-more{padding-top:96px}
.f-ml{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:18px;border-top:1px solid var(--line)}
.f-mr{display:block;padding:16px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.f-mr b{display:block;font-family:'DM Sans',sans-serif;font-size:19px;letter-spacing:-.02em}
.f-mr span{color:var(--ink2);font-size:16px}
.f-mr:hover b{text-decoration:underline;text-underline-offset:3px}
/* log in and sign up */
.g{padding:0;min-height:800px}
.g-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:800px}
.g-main{padding:28px 40px 40px;display:flex;flex-direction:column}
.g-logo{color:var(--ink);text-decoration:none}
.g-form{width:100%;max-width:400px;margin:auto}
.g-h1{font-size:40px;margin-bottom:24px}
.g-google{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:600;text-decoration:none}
.g-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--mut);font-size:14px}
.g-or::before,.g-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.g-f{display:flex;flex-direction:column;gap:14px}
.g-l{display:block;font-size:15px;font-weight:600}
.g-lr{display:flex;justify-content:space-between;font-weight:600}
.g-lr a{font-weight:500;color:var(--ink2)}
.g-i{display:block;width:100%;height:48px;margin-top:6px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-weight:400;background:#fff;color:var(--ink)}
.g-i:focus{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}
.g-b{width:100%;border:0;cursor:pointer;font-family:inherit;margin-top:4px}
.g-s{margin:0;font-size:14px;color:var(--ink2)}
.g-side{background:var(--pan);padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.g-h2{font-size:clamp(28px,2.6vw,36px);max-width:15em;margin-bottom:24px}
.g-fr{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.g-sam{text-align:left}
.g-facts{list-style:none;margin:0 0 24px;padding:0;font-size:16px;color:var(--ink2)}
.g-facts li{padding:11px 0;border-top:1px solid var(--line)}
.g-facts b{display:block;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px;letter-spacing:-.02em}
@media (max-width:900px){
  .g-grid{grid-template-columns:minmax(0,1fr)}
  .g-main{padding:20px 16px 36px}
  .g-form{margin:36px auto 0}
  .g-side{padding:36px 16px}
  .f-ml{grid-template-columns:minmax(0,1fr)}
  .f-more{padding-top:72px}
}

.f-md{margin-top:14px;font-size:12.5px;line-height:1.7;color:#5C5F68}

/* log in: just the form, centred */
.g-solo{grid-template-columns:minmax(0,1fr)}
.g-solo .g-form{max-width:380px}
@media (max-width:900px){.g-solo .g-form{margin:36px auto 0}}

/* both forms fit the first screen, without scrolling */
.g,.g-grid{min-height:100vh}
.g-main{padding:20px 40px}
.g-form{margin:auto;padding:12px 0}
.g-h1{font-size:32px;margin-bottom:14px}
.g-google{min-height:44px}
.g-or{margin:10px 0}
.g-f{gap:10px}
.g-l{font-size:14px}
.g-i{height:42px;margin-top:4px}
.c .g-b,.g .g-b{min-height:44px;margin-top:2px}
.g-side{padding:32px 56px}
.g-facts{margin:0}
.g-facts li:last-child{border-bottom:1px solid var(--line)}
@media (max-width:900px){
  .g-main{padding:16px 16px 28px}
  .g-form,.g-solo .g-form{margin:20px auto 0;padding:0}
  .g-side{padding:28px 16px}
}

/* pricing, audience pages and documents */
.p-first{padding-top:36px}
.d-faq a,.l-art a{color:inherit;text-underline-offset:3px}
.p-cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:16px}
.p-cmp th,.p-cmp td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);font-weight:400}
.p-cmp thead th{font-family:'DM Sans',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em}
.p-cmp tbody th{color:var(--ink2)}
.p-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:ps}
.p-steps li{border-top:2px solid var(--ink);padding-top:14px;color:var(--ink2);font-size:16px;counter-increment:ps}
.p-steps li::before{content:counter(ps);color:var(--mut);font-weight:500;display:block;margin-bottom:4px}
.p-steps.p-plain li::before{display:none}
.p-steps b{display:block;font-family:'DM Sans',sans-serif;font-size:21px;letter-spacing:-.02em;color:var(--ink);margin-bottom:4px}
.p-box{background:var(--pan);border-radius:24px;padding:36px;max-width:900px;margin:0 auto}
.p-box>.s,.p-box>div{background:#fff;border-radius:14px}
.l-doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;padding-top:64px;align-items:start}
.l-toc{position:sticky;top:96px;font-size:15px;display:flex;flex-direction:column;gap:9px}
.l-toc p{margin:0 0 4px;font-weight:600}
.l-toc a{color:var(--ink2);text-decoration:none}
.l-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.l-art{max-width:720px;font-size:17px;line-height:1.6;color:var(--ink2)}
.l-h1{font-size:clamp(38px,4.4vw,56px);color:var(--ink);margin-bottom:10px}
.l-art h2{font-family:'DM Sans',sans-serif;font-weight:700;font-size:24px;letter-spacing:-.025em;color:var(--ink);margin:40px 0 8px;scroll-margin-top:96px}
.l-art h3{font-family:'DM Sans',sans-serif;font-size:18px;color:var(--ink);margin:24px 0 6px}
.l-art p{margin:0 0 12px}
.l-art ul,.l-art ol{margin:0 0 14px;padding-left:20px}
.l-art li{margin-bottom:6px}
.l-art table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 16px}
.l-art th,.l-art td{text-align:left;padding:9px 10px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.g-p{margin:0 0 14px;color:var(--ink2);font-size:16px}
@media (max-width:900px){
  .l-doc{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:32px}
  .l-toc{display:none}
  .p-steps{grid-template-columns:minmax(0,1fr);gap:20px}
  .p-box{padding:16px}
}
@media (max-width:640px){
  .p-cmp{min-width:0;font-size:14px}
  .p-cmp th,.p-cmp td{padding:10px 8px 10px 0}
  .p-cmp thead th{font-size:15px}
}
.l-up{color:var(--mut);font-size:15px;margin:0 0 28px}
.l-facts{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.l-facts li{padding:12px 0;border-top:1px solid var(--line);font-size:16px}
.l-facts b{display:block;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px;letter-spacing:-.02em}
@media (max-width:640px){.l-facts{grid-template-columns:minmax(0,1fr)}}
.l-h1 em{font-style:normal}
.e5 .s-btn.d{font-size:14px}
.f-md{font-size:14px}
.f-tp{grid-template-columns:minmax(0,1fr) 44px 44px 86px}

/* more from Outpublished: one grey panel, no rules */
.f-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:32px;background:var(--pan);border-radius:24px;padding:36px}
.f-box .f-ml{margin-top:0;border-top:0;gap:0 32px}
.f-box .f-mr{border-bottom:0;padding:0}
@media (max-width:900px){
  .f-box{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}
  .f-box .f-ml{gap:18px}
}

/* sign up: the trial facts in one white block, no rules */
.g-facts{display:grid;gap:18px;background:#fff;border-radius:14px;padding:24px}
.g-facts li,.g-facts li:last-child{border:0;padding:0}

/* steps and facts: one grey panel, no rules */
.p-steps{background:var(--pan);border-radius:24px;padding:36px;gap:32px}
.p-steps li{border-top:0;padding-top:0}
.l-facts{background:var(--pan);border-radius:14px;padding:24px;gap:20px 28px;margin-bottom:16px}
.l-facts li{border-top:0;padding:0}
@media (max-width:900px){.p-steps{padding:24px;gap:20px}}
@media (max-width:640px){.l-facts{gap:16px}}

/* pricing: no lines in the plans or the table */
.d-plan li,.d-plan.d-pro li{border-top:0;padding:7px 0}
.p-cmp{border-collapse:separate;border-spacing:0}
.p-cmp th,.p-cmp td{border-bottom:0;padding:13px 16px}
.p-cmp tbody tr:nth-child(odd) th,.p-cmp tbody tr:nth-child(odd) td{background:var(--pan)}
.p-cmp tbody tr>:first-child{border-radius:12px 0 0 12px}
.p-cmp tbody tr>:last-child{border-radius:0 12px 12px 0}
@media (max-width:640px){.p-cmp th,.p-cmp td{padding:10px 8px}}

/* phones: no lines above or below text. Rows are separated by spacing or sit in grey panels */
@media (max-width:900px){
  .d-tabs{border-bottom:0}
  .e5 .d-man{border-bottom:0;display:grid;gap:10px}
  .e5 .d-mr{border-top:0;background:var(--pan);border-radius:14px;padding:16px;gap:6px}
  .d-faq{border-bottom:0;display:grid;gap:8px}
  .d-q{border-top:0;background:var(--pan);border-radius:14px;padding:0 16px}
  .e5-kw{border-top:0;padding-top:0}
  .e5-kw th{border-bottom:0}
  .d-fl::before{display:none}
  .d-fl{margin-top:28px;padding-top:0}
  .l-art th,.l-art td{border-bottom:0}
  .l-art tbody tr:nth-child(odd)>*{background:var(--pan)}
  .l-art th,.l-art td{padding:9px 10px}
  .d .s-tabs,.d .s-tools,.d .s-head,.d .s-foot{border-top:0;border-bottom:0}
  .d .s-row,.d .s-li,.d .s-nw,.d .s-mini div{border-bottom:0}
  .d .s-o,.d .s-tp{border-top:0}
  .d .s-dl dt,.d .s-dl dd{border-top:0}
  .d .s-dl dt{padding-top:10px}
  .d .s-dl dd{padding-top:2px}
}
@media (max-width:760px){
  .e5 .d-lane td{border-top:0;padding:6px 0}
  .e5 .d-lane td.y{padding:9px 12px}
  .e5 .d-lane tbody th{padding:18px 0 4px}
  .d-prt tr{border-bottom:0}
}

/* phones: the bar runs edge to edge, buttons keep their own width, every panel's text starts at one distance from the edge */
@media (max-width:640px){
  .d{padding-top:0}
  .d-navw{top:0;max-width:none;padding-left:0;padding-right:0;background:var(--ink)}
  .d-nav{border-radius:0;padding:0 8px 0 16px}
  .d-tabs{justify-content:space-between;gap:16px;scrollbar-width:none}
  .d-tabs::-webkit-scrollbar{display:none}
  .d-mid{padding:48px 24px}
  .d-p2{padding:24px 24px 0}
  .d-plan{padding:24px}
  .d-q{padding:0 24px}
  .e5 .d-mr{padding:20px 24px}
}

/* the menu keeps one line between the phone menu and full width */
@media (min-width:901px) and (max-width:1120px){.d-nav{gap:14px;font-size:14px}.d-nav .d-btn{padding:0 16px;font-size:15px}}

/* the Black Friday deal: a notice above the menu, the deal's own page and its plan cards */
.bf-notice{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;align-items:center;margin:-14px 0 14px;padding:13px 20px;background:var(--or);color:var(--ink)!important;font-size:17px;line-height:1.3;text-align:center;text-decoration:none}
.bf-notice b{font:700 19px/1.2 var(--f-head);letter-spacing:-.02em}
.bf-notice time{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bf-notice u{font-weight:700;text-underline-offset:3px;white-space:nowrap}
.bf-email{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.bf-email label,.bf-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bf-email input{min-height:48px;width:340px;max-width:100%;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;font:400 16px var(--f-body);background:#fff;color:var(--ink)}
button.d-btn{border:0;cursor:pointer;font-family:var(--f-body)}
.bf-thanks{font-size:19px;font-weight:600;margin:0}
.bf-deal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:40px;padding:32px 36px;background:var(--ink);color:#fff;border-radius:24px}
.bf-dl{margin:0 0 12px;font-size:15px;color:#C9CAD0}
.bf-ticks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bf-tick{padding:14px 6px 10px;background:#3A3D45;border-radius:14px;text-align:center}
.bf-tick b{display:block;font:700 40px/1 var(--f-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bf-tick span{display:block;margin-top:6px;font-size:14px;color:#C9CAD0}
.bf-seat{margin:0;font:700 40px/1 var(--f-head);letter-spacing:-.03em}
.bf-seat span{margin-left:8px;font:400 17px var(--f-body);letter-spacing:0;color:#C9CAD0}
.bf-bar{height:10px;margin:18px 0 10px;background:#3A3D45;border-radius:5px;overflow:hidden}
.bf-bar i{display:block;height:100%;background:#fff}
.bf-dn{margin:14px 0 0;font-size:14px;color:#C9CAD0}
.bf-bar+.bf-dn{margin-top:0}
.bf-first{padding-top:56px}
.bf-seg{display:flex;gap:4px;width:max-content;max-width:100%;margin:0 auto 24px;padding:4px;background:var(--pan);border-radius:14px}
.bf-seg button{min-height:44px;padding:0 20px;background:none;border:0;border-radius:11px;font:500 16px var(--f-body);color:var(--ink2);cursor:pointer}
.bf-seg button.on{background:#fff;color:var(--ink);font-weight:600}
.bf-was{margin:0 0 6px;font-size:16px;color:var(--mut)}
.dark .bf-was,.dark .bf-yr{color:#C9CAD0}
.bf-saving{margin:12px 0 0;font:700 22px/1.2 var(--f-head);letter-spacing:-.02em}
.bf-yr{margin:6px 0 0;font-size:15px;color:var(--mut)}
.bf-btns{display:grid;gap:8px;margin-top:22px}
.dark .bf-btns .d-btn.o{background:none;color:#fff!important;box-shadow:inset 0 0 0 1.5px #5A5D66}
.bf-why{padding:12px 36px;background:var(--pan);border-radius:24px}
.bf-whyh,.bf-whyr{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);gap:28px}
.bf-whyh{padding:20px 0 4px;font-size:14px;font-weight:600;color:var(--mut)}
.bf-whyr{padding:16px 0;align-items:baseline}
.bf-whyr h3{margin:0;font:700 19px var(--f-head);letter-spacing:-.02em}
.bf-whyr p{margin:0;font-size:16px;color:var(--mut)}
.bf-whyr p+p{color:var(--ink);font-weight:500}
.bf-facts{display:grid;gap:28px;margin-top:16px;padding:32px;background:var(--pan);border-radius:24px}
.bf-f4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bf-f3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.bf-facts h3{margin:0;font:700 19px var(--f-head);letter-spacing:-.02em}
.bf-facts p{margin:6px 0 0;font-size:16px;color:var(--ink2)}
.bf-next{margin-top:0}
.bf-rm{display:flex;flex-direction:column;padding:32px;background:var(--pan);border-radius:24px}
.bf-rm .d-pt{flex:1}
.bf-st{margin:18px 0 0;font-size:15px;font-weight:600}
.bf-buybar{display:none}
@media (max-width:900px){
  .bf-deal{grid-template-columns:minmax(0,1fr);gap:28px}
  .bf-whyh{display:none}
  .bf-whyr{grid-template-columns:minmax(0,1fr);gap:4px}
  .bf-why{padding:12px 24px}
  .bf-f4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .bf-notice{gap:2px 10px;margin:0;padding:10px 16px;font-size:15px}
  .bf-notice b{font-size:17px}
  .bf-deal{padding:24px}
  .bf-tick b{font-size:30px}
  .bf-email input,.bf-email .d-btn{width:100%}
  .bf-seg button{padding:0 14px}
  .bf-facts,.bf-rm{padding:24px}
  .bf-f3,.bf-f4{grid-template-columns:minmax(0,1fr);gap:20px}
  .bf-buybar{display:flex;align-items:center;gap:12px;position:sticky;bottom:0;z-index:21;padding:10px 16px;background:#fff}
  .bf-buybar p{flex:1;margin:0;font-size:14px;line-height:1.3;color:var(--ink2)}
  .bf-buybar .d-btn{padding:0 14px;min-height:44px;font-size:14px}
}

/* live pages: the small things the canvas has no state for */
.g-err{margin:0 0 10px;padding:10px 14px;border-radius:12px;background:var(--write-bg);color:var(--write);font-size:14px}
.g-s a,.g-facts a{color:inherit}
.d-year a{color:inherit;text-decoration:none}
.d-year a:hover{text-decoration:underline;text-underline-offset:3px}
.d-price s{font-weight:400}
.l-art .note{background:var(--pan);border-radius:14px;padding:18px 22px;margin:0 0 20px}
.l-art .note p{margin:0}
.l-art code{font-family:var(--f-mono);font-size:15px}
.l-art pre{background:var(--pan);border-radius:14px;padding:16px;overflow-x:auto;font-family:var(--f-mono);font-size:15px}
.d-logo{color:#fff;text-decoration:none}
.g-logo{color:var(--ink)}