/* Useful task explanations below the tool, in the existing paper-and-ink style. */
.tool-page h1{font-size:clamp(36px,4.8vw,60px);line-height:1.15}.qr-page h1{font-size:clamp(40px,5.3vw,66px);line-height:1.15}
.seo-section{scroll-margin-top:24px}.seo-section h3{font-size:17px;letter-spacing:-.025em;margin:0 0 9px}.seo-section p{max-width:82ch}.seo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:23px}.seo-steps li{padding-left:4px}.seo-steps li::marker{font:12px var(--mono);color:var(--muted)}.seo-cases,.seo-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.seo-example pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface,#fcfbf7);border:1px solid var(--line);padding:18px;font:13px/1.7 var(--mono);margin:0}.seo-faq details{border-bottom:1px solid var(--line)}.seo-faq summary{cursor:pointer;padding:16px 0;font-size:15px;font-weight:600;line-height:1.5}.seo-faq p{margin:0 0 18px}.seo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-related a{border:1px solid var(--line);padding:16px;font-size:14px;line-height:1.5;text-decoration:none}.seo-related a:hover{border-color:var(--ink);background:var(--yellow)}.seo-related span{white-space:nowrap}
@media(max-width:720px){.seo-steps,.seo-cases,.seo-example,.seo-related{grid-template-columns:1fr;gap:17px}.tool-page h1,.qr-page h1{font-size:clamp(34px,8.8vw,52px)}.seo-faq summary{font-size:14px}}
@media print{.seo-section{display:none!important}}