/* Product surfaces only. The A4 document keeps its own dimensions and typography. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:700px){
 .conversion-home .site-header,.public-page .site-header{padding-inline:max(16px,env(safe-area-inset-left));gap:10px;min-height:72px;height:auto;padding-block:10px}
 .conversion-home .site-header .wordmark,.conversion-home .site-header.is-scrolled .wordmark,.public-page .site-header .wordmark{width:clamp(118px,34vw,160px);max-width:none;flex-shrink:0}
 .conversion-home .site-header .nav-actions,.public-page .site-header .nav-actions{gap:6px;min-width:0}
 .site-header .site-language{gap:0}.site-header .site-language button{min-width:44px;min-height:44px;font-size:13px}.site-header .site-language>span{display:none}
 .conversion-home .site-header .menu-toggle,.public-page .site-header .menu-toggle{min-width:44px;min-height:44px}
 .conversion-home .container,.public-page .container{width:calc(100% - 32px)}
 .conversion-home .hero{padding-top:24px;gap:28px}.conversion-home .hero-copy{min-width:0}
 .conversion-home .hero-copy>p{font-size:16px;line-height:1.7;max-width:none}
 .conversion-home .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}
 .conversion-home .hero-actions .button{width:100%;min-height:54px;font-size:16px}
 .conversion-home .hero-actions .underlined{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;justify-self:center}
 .conversion-home .hero-promises{gap:8px 14px}.conversion-home .hero-promises>span{font-size:12px}
 .conversion-home .live-stage{max-width:440px;width:100%;margin-inline:auto;padding:14px 12px}
 .conversion-home .stage-paper-zone{padding:18px 10px 20px}.conversion-home .stage-heading{font-size:10px;gap:8px;flex-wrap:wrap}.conversion-home .stage-heading>div{max-width:none}.conversion-home .stage-heading>span{font-size:10px}
 .conversion-home .stage-controls{flex-wrap:wrap;gap:8px}.conversion-home .stage-ink{min-width:0}.conversion-home .stage-ink>span{font-size:11px}.conversion-home .ink-swatches{gap:0}.conversion-home .ink-swatches button{width:44px;height:44px;min-width:44px;border-radius:50%;background:radial-gradient(circle,var(--ink-swatch) 0 9px,transparent 10px)}
 .conversion-home .stage-controls .stage-format{font-size:10px}.conversion-home .hero-layout-switch>button{min-height:44px;font-size:12px}
 .conversion-home .floating-create{bottom:calc(12px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));min-height:52px;font-size:15px}
 .conversion-home .footer-bottom{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .mobile-navigation{overflow:auto;padding:20px;overscroll-behavior:contain;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}.mobile-navigation nav>a{font-size:22px;min-height:56px;padding-block:14px}
 .network-status{bottom:calc(76px + env(safe-area-inset-bottom))}
 body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select):not(.cv-page *){font-size:16px}
 body :is(dialog,fieldset,form):not(.cv-page *){min-width:0}
 .device-dialog{padding:24px 20px;overflow:auto}.device-dialog h2{font-size:32px}.device-dialog button{min-height:48px}
 .catalogue-header{flex-wrap:wrap;gap:8px 12px;padding:12px 16px}.catalogue-header>a{flex-shrink:0}.catalogue-header nav{margin-left:auto;gap:8px}.catalogue-header img{width:132px}.catalogue-header .catalogue-primary{font-size:13px;gap:8px}.catalogue-header select{max-width:72px;font-size:16px}
 .catalogue-caption{flex-wrap:wrap;gap:5px 12px}.catalogue-caption>span{font-size:13px}.catalogue-grid{min-width:0}.catalogue-card{min-width:0}.catalogue-primary{max-width:100%;overflow-wrap:anywhere}.catalogue-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-wrap:wrap}
 .studio-page .studio-top{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.studio-top>a img{width:124px}.studio-top>div{gap:4px}
 .studio-page .question-actions{row-gap:12px}.studio-page .question-actions button{min-height:48px}
 .studio-dialog{scroll-padding-block:24px}.studio-dialog .question-actions{position:sticky;bottom:-24px;background:var(--rp-paper);padding-block:12px}
 .studio-page .reveal-facts{font-size:16px;overflow-wrap:anywhere}.studio-page .reveal-facts small{font-size:14px}
}
@media(max-width:360px){.conversion-home .stage-ink{flex-wrap:wrap;gap:4px}.conversion-home .hero-layout-switch>button{font-size:11px}.catalogue-header nav{width:100%;justify-content:space-between}.catalogue-header .catalogue-primary{flex:1;justify-content:center}.studio-top>div{max-width:100%}}
@media(max-width:700px){.conversion-home .footer-main nav a,.conversion-home .footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.conversion-home .footer-main nav{gap:2px 18px}}
@media(max-width:700px){.studio-page .reveal-facts .cv-contact{font-size:14px;line-height:1.7}.studio-page .reveal-facts .cv-section h4{font-size:16px;letter-spacing:.02em;line-height:1.5;color:var(--rp-action)}.studio-page .reveal-facts .cv-section ul{font-size:16px}}

/* The old phone display:block collapsed the hamburger bars into one dash. */
@media(max-width:700px){
 .conversion-home .site-header .menu-toggle,.public-page .site-header .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border:1px solid #31452d26;border-radius:50%;background:#faf8f280;color:#31452d;touch-action:manipulation}
 .site-header .menu-toggle>span{display:block;flex:none;width:18px;height:2px;margin:0;background:currentColor;border-radius:2px}
 .site-header .menu-toggle>span:last-child{width:13px;align-self:auto;margin-left:5px}
 .site-header .menu-toggle:focus-visible{outline:2px solid #31452d;outline-offset:3px}
 .conversion-home .site-header .nav-actions,.public-page .site-header .nav-actions{flex-shrink:0;gap:6px}
 .conversion-home .site-header .wordmark,.public-page .site-header .wordmark{flex-shrink:1;min-width:0}
 .site-header .wordmark img{max-width:100%;height:auto}
 .conversion-home .hero-actions .button{box-sizing:border-box;padding-inline:16px;line-height:1.35}
 .conversion-home .hero-layout-switch{flex-wrap:wrap}.conversion-home .hero-layout-switch>button{flex-basis:calc(50% - 4px)}
 .collection-dialog-body>aside{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
 .collection-dialog #collection-use{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:center}
}

@media(max-width:700px){
 .conversion-home .hero-layout-switch .layout-switch-indicator{display:none}
 .conversion-home .hero-layout-switch>button[aria-pressed=true]{background:var(--rp-paper,#faf8f2);box-shadow:0 1px 4px #31452d18;color:#31452d}
}