/* The print sheet (interactions audit 9), linked media="print" by every layout, so it never applies or blocks on
   screen. Paper gets the light theme in ink, no chrome, link addresses, the call to action as one line with its URL,
   every FAQ answer and nothing a reveal still hides. Tokens only (tests/theme-tokens.test.mjs). */
@page{margin:16mm 14mm}
html{background:var(--gf-white)!important;--gf-light:1;--gf-only-dark:initial;scroll-behavior:auto}
*,*::before,*::after{color-scheme:light!important;animation:none!important;transition:none!important;text-shadow:none!important}
body{background:var(--gf-white)!important;color:var(--gf-dark)!important;font-size:11pt}

.gf-skip,.gf-nav,.gf-nav-shade,.blog-topband,.gf-floating-booking,frontal-motion,.grafit-motion-variant,.hero-waves,
.gf-cases-hero__glow,.gf-cta-glow,.gp-cta__glow,.gf-blog-hero__glow,.gf-blog-hero__waves,.gp-hero__glow,
.gf-booking,.gf-newsletter,.gf-newsletter-status,.lead-capture,dialog,.gp-lightbox,.cs-video-dialog,
.share-row,.blog-sidebar,.toc-panel,.gf-cs-sidebar,.gf-cs-contents,.qc-arrows,.gf-blog-toolbar,.gp-toolbar,
.gf-footer-top,.gf-footer-middle,.gf-footer-motion,.gf-footer-legal>nav,.gf-footer>.gf-shell::before,
.cs-vplay,.gf-cs-play__text,.gf-story__play,.gf-cs-video,.gf-story__facade,
.gf-bracket-link::before,.gf-bracket-link::after,.gf-button::before,.gf-button::after,
.gp-diagram__hint,.gp-diagram figcaption,.gp-diagram__link::before,.gp-diagram__link::after,
.gf-faq-list::before,.gf-faq-list::after{display:none!important}

/* The page flows on white: no shell hairlines, no screen-height stages. */
.gf-shell{border:0!important;width:auto!important;max-width:none!important}
main,section,header,article,aside,figure,.gf-shell,.notfound,.gf-cs-hero,.gp-hero,.gp-play-hero,.gf-legal__hero,.gf-final-cta>.gf-shell,.gp-cta>.gf-shell{min-height:0!important;height:auto!important;background:none!important}
*{box-shadow:none!important}
main *{background-color:transparent!important}
.blog-layout,.gf-cs-layout{display:block!important}

/* Ink; eyebrows dark grey; body links deep blue. */
.grafit-site :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,blockquote,figcaption,strong,small,label,time),
.blog-body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,blockquote,figcaption,strong,small,label,time),
.retained-site :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,blockquote,figcaption,strong,small,label,time){color:var(--gf-dark)!important}
.gf-eyebrow,.gf-eyebrow *{color:var(--gf-gray-700)!important;opacity:1!important}
main :is(p,li,dd,td,blockquote) a{color:var(--gf-blue-700)!important}
img,svg{max-width:100%!important;filter:none!important}

/* Body links print their address (no-break space: a plain one is trimmed in flex); not in nav, not social profiles. */
main :is(p,li,dd,td,blockquote)>a:is([href^="/"],[href^="http"]):not(.gf-button,.gf-bracket-link,[href*="linkedin.com"],[href*="x.com/"],[href*="twitter.com"],[href*="youtube.com"],[href*="facebook.com"],[href*="instagram.com"])::after{position:static!important;display:inline!important;margin:0;padding:0;border:0;background:none!important;color:var(--gf-gray-500)!important;font:400 .75em/1 var(--gf-sans);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;content:"\a0(" attr(href) ")"}
main :is(p,li,dd,td,blockquote)>a[href^="/"]:not(.gf-button,.gf-bracket-link)::after{content:"\a0(frontal.so" attr(href) ")"}
main nav a::after{content:none!important}

/* A call to action is one plain line with its URL. */
.gf-final-cta,.gp-cta{padding:0!important;border-top:1px solid var(--gf-gray-300)!important;break-inside:avoid}
.gf-final-cta>.gf-shell,.gp-cta>.gf-shell{padding:16pt 0!important;align-items:flex-start!important;text-align:left!important}
.gf-final-cta h2,.gp-cta h2{font-size:20pt!important;max-width:none!important}
.gf-final-cta>.gf-shell::after,.gp-cta>.gf-shell::after{content:"Book a call: https://book.frontal.so";display:block;margin-top:8pt;color:var(--gf-blue-700);font:400 10pt/1.4 var(--gf-mono)}

/* Nothing a reveal or an accordion would still be hiding. */
.gf-sweep .gf-w,[data-reveal],.reveal-arm{opacity:1!important;transform:none!important;translate:none!important}
details::details-content{content-visibility:visible!important;height:auto!important}
.gf-faq-item>.gf-faq-answer{display:block!important;opacity:1!important;transform:none!important}
.gf-faq summary>span{display:none}

/* The footer is its legal line. */
.gf-footer{background:none!important;box-shadow:none!important}
.gf-footer>.gf-shell{min-height:0!important;height:auto!important;padding:12pt 0 0!important;overflow:visible!important}
.gf-footer-legal{display:block!important;margin:0!important;border-top:1px solid var(--gf-gray-300);padding-top:8pt;font-size:9pt}

/* Breaks: a heading stays with what follows; a figure, quote, table or card stays whole; a diagram fits a page. */
h1,h2,h3,h4{break-after:avoid;break-inside:avoid}
.gp-workflow__grid{display:block!important}
.gp-diagram img{width:auto!important;max-height:190mm;margin:0 auto}
:is(figure,img,blockquote,table,pre,.gf-cs-stat,.gf-cs-quote,.gf-case-card,.gp-card,.gf-blog-card,.blog-card,.gp-diagram,.gf-faq-item){break-inside:avoid}
p,li{orphans:3;widows:3}