/* Loaded last on every public page. The navigation never changes with the article. */
.public-site{--paper:#faf9f6;--ink:#252923;--muted:#656961;--line:#e3e4dc;--red:#cc402b;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.public-site *, .public-site *::before,.public-site *::after{animation:none!important}
.public-site>header{display:flex;align-items:center;max-width:1248px;margin:auto;padding:25px 48px;border:0;gap:25px;background:transparent}
.public-site>header .redline-logo{font-size:40px;letter-spacing:-.055em;font-weight:850;line-height:1;margin:0;flex-shrink:0}
.public-site>header>nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.public-site>header nav a{font:500 14px/1.4 Inter,system-ui,sans-serif;text-decoration:none;color:var(--ink);white-space:nowrap}
.public-site>header .nav-cta{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:7px;padding:14px 20px;font:600 13px/1.4 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.public-site .mobile-menu{display:none}
.public-site a:focus-visible,.public-site summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.public-site>footer.wrap{max-width:1248px;margin:auto;padding-inline:48px}.public-site>footer .footer-top{padding-block:38px}.public-site>footer .redline-logo{font-size:38px;font-weight:850;line-height:1;letter-spacing:-.055em}.public-site>footer .footer-top>a:last-child{font-size:14px}.public-site>footer .footer-bottom{font-size:12px;line-height:1.9;gap:16px;padding-bottom:30px}.public-site>footer .footer-bottom a{display:inline-block;padding-block:5px}
.public-site:not(.home) .legal{max-width:840px;margin:auto;padding:55px 40px 80px}.public-site:not(.home) .legal h1{width:auto;max-width:none;font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-2px;color:var(--ink)}
.legal .guide-meta{font-size:13px;color:var(--muted);margin:-22px 0 30px}
.legal .guide-answer{padding:24px 28px;margin:32px 0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px}
.legal .guide-answer h2{margin:0 0 12px}.legal .guide-answer p:last-child{margin-bottom:0}
.legal .guide-toc{padding:20px 24px;margin:30px 0;border-block:1px solid var(--line)}
.legal .guide-toc h2{margin:0 0 10px;font-size:15px}.legal .guide-toc ul{list-style:none;padding:0;columns:2;column-gap:32px;margin:0}
.legal .guide-toc li{break-inside:avoid;font-size:14px;margin:0 0 6px}.legal .guide-toc a{display:inline-block;padding:5px 0}
.legal h2[id]{scroll-margin-top:120px}.legal .guide-figure{margin:32px 0}.legal .guide-figure>a{display:block}
.legal .guide-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.legal .guide-figure figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px}
.legal .guide-table{max-width:100%;overflow:auto;margin:24px 0}.legal .guide-table table{min-width:640px;margin:0}
.legal .guide-table caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:12px}
.legal .guide-table th[scope=row]{font-family:inherit;letter-spacing:0;color:var(--ink);font-size:14px;font-weight:600}
.legal .guide-table td{width:auto;font-size:14px}.legal .guide-table:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:760px){.legal .guide-answer{padding:20px}.legal .guide-toc{padding:20px 0}.legal .guide-toc ul{columns:1}.legal .guide-toc a{min-height:36px;display:inline-flex;align-items:center}}
@media(max-width:1000px){.public-site>header{padding:24px 30px;gap:18px}.public-site>header>nav{gap:16px}.public-site>header nav a{font-size:13px}.public-site>header>nav a[href='/whats-new']{display:none}.public-site>footer.wrap{padding-inline:30px}}
@media(max-width:760px){
 .public-site>header{display:grid;grid-template-columns:1fr auto auto;position:relative;padding:20px 24px;gap:10px}.public-site>header>nav{display:none}.public-site>header .redline-logo{font-size:32px}.public-site>header .nav-cta{font-size:12px;padding:13px 14px}.public-site>header .nav-cta span{display:none}
 .public-site .mobile-menu{display:block;width:auto;min-width:0;margin:0}.public-site .mobile-menu>summary{list-style:none;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:11px 9px;font:500 12px/18px Inter,system-ui,sans-serif;min-height:44px;cursor:pointer}.public-site .mobile-menu>summary::-webkit-details-marker{display:none}.public-site .mobile-menu>summary span{font-size:12px;width:auto;margin:0}
 .public-site .mobile-menu[open]>nav{display:flex;position:absolute;z-index:5;left:24px;right:24px;top:calc(100% - 8px);margin:0;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 25px #25292312;flex-direction:column;gap:0;align-items:stretch}.public-site .mobile-menu nav a{display:block!important;padding:12px;font-size:15px;min-height:44px}
 .public-site>footer.wrap{padding-inline:24px}.public-site>footer .redline-logo{font-size:34px}.public-site>footer .footer-top>a:last-child{font-size:13px}.public-site:not(.home) .legal{padding:35px 24px 60px}
}
@media(max-width:360px){.public-site>header{padding-inline:18px;gap:7px}.public-site>header .redline-logo{font-size:28px}.public-site>header .nav-cta{font-size:11px;padding-inline:10px}.public-site .mobile-menu>summary{font-size:11px;padding-inline:8px}}
/* Site audit, 15 Sep 2026. Text meets WCAG AA contrast against the background it actually sits on, links that
   are not inside running text are at least 24px tall, and the way from the illustration to the real editor is a
   button. */
.home .inspector .panel-heading{font-weight:550}
.home .trial-facts span{color:var(--muted)}
.home .inspector dt,.home .inspector-foot,.home .quantity,.home .trial-note,.home .trial-note a{color:#5b6653}
.home .price-top>span{color:#b8381f}
.home .faq summary span{color:var(--muted)}
.home .product-proof a,.home .pricing-links a,.home .trial-note a,.footer-top>a,main.legal p.small a{display:inline-block;padding-block:4px}
.home .demo-note a.demo-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}
.home .demo-note a.demo-link:hover{border-color:var(--red);color:var(--red)}
.home .demo-note a.demo-link span{color:var(--red)}
.testimonials{padding-block:70px;border-top:1px solid var(--line)}
.testimonials h2{margin:8px 0 32px}
.testimonial-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.testimonial-list figure{margin:0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px}
.testimonial-list blockquote{margin:0;font-size:17px;line-height:1.55}
.testimonial-list figcaption{margin-top:18px;font-size:13px;color:var(--muted)}
.testimonial-list figcaption strong{display:block;color:var(--ink)}
/* Phones. Text is at least 12 px, and links that stand on their own are at least 44 px tall to tap; links inside
   running text keep their size. The footer's link lists become two columns with no separators. The illustration of
   the editor on the home page keeps its miniature labels. */
@media(max-width:760px){
 .public-site>header .redline-logo{padding-block:6px}
 .public-site>footer .footer-top>a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}
 .public-site>footer.wrap .footer-bottom>span:has(a){display:flex;flex-wrap:wrap;gap:0;flex:1 1 100%;font-size:0;letter-spacing:0}
 .public-site>footer.wrap .footer-bottom>span:has(a) a{display:flex;align-items:center;flex:0 0 50%;box-sizing:border-box;min-height:44px;padding:0 16px 0 0;font-size:13px;line-height:1.35;letter-spacing:.4px}
 .public-site main.legal p.small a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}
 .public-site.home .eyebrow,.public-site.home .feature-label,.public-site.home .price-top>span,.public-site.home .billing label span,.public-site.home .billing-note,.public-site.home .demo-bar small,.public-site.home .modes label{font-size:12px}
 .public-site.home .hero>.eyebrow{display:block;max-width:none;text-align:center;text-wrap:balance;font-size:12px;letter-spacing:.6px}
 .public-site.home .hero>.eyebrow .status-dot{display:inline-block;vertical-align:1px;margin-right:9px}
 .public-site.home .trial-facts{font-size:13px}
 .public-site.home .product-proof>div>a{display:inline-flex;align-items:center;min-height:44px;margin-top:0;padding-block:0}
 .public-site.home .pricing-links{gap:0 18px}
 .public-site.home .pricing-links a{display:flex;align-items:center;min-height:44px;padding-block:0}
 .public-site.home .trial-note a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}
}