/* Short labels stay visible; longer notes are readable with a mouse, keyboard or touch. */
.info-note{position:relative;display:inline-flex;vertical-align:middle;text-align:left}
.info-trigger,.info-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--graphite);cursor:pointer;touch-action:manipulation}
.info-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.info-trigger:hover,.info-trigger[aria-expanded="true"]{background:var(--canvas-2);color:var(--ink)}
.info-trigger:focus-visible,.info-close:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.info-panel{position:fixed;z-index:1000;display:block;max-width:380px;max-height:calc(100dvh - 32px);padding:18px 46px 18px 18px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 12px 38px rgba(16,17,20,.16);font:400 13px/1.6 var(--f);color:var(--graphite);text-transform:none;letter-spacing:normal;white-space:normal;box-sizing:border-box}
.info-panel[hidden]{display:none!important}
.info-panel a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.info-close{position:absolute;top:0;right:0;width:44px;height:44px}
.info-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.info-paragraph{display:block}
.info-note:not(.is-ready){display:block}
.info-note:not(.is-ready) .info-trigger,.info-note:not(.is-ready) .info-close{display:none}
.info-note:not(.is-ready) .info-panel{position:static;display:block;max-width:none;max-height:none;margin-top:8px;box-shadow:none}
.pricing-info,.comparison-info,.footer-info,.example-note{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:var(--graphite)}
.pricing-info{justify-content:center;flex-wrap:wrap;margin-top:28px;gap:4px 14px}
.pricing-info a{color:var(--graphite);text-underline-offset:3px}
.comparison-info{justify-content:center;margin-top:14px}
.footer-info{flex-wrap:wrap;margin-bottom:8px;gap:6px 16px}
.footer-info>span,.pricing-info-label,.example-note>span:first-child{display:inline-flex;align-items:center}
.example-note{margin-top:8px;font:400 11px/1.4 var(--fm);flex-wrap:wrap;gap:0}
.example-note .info-trigger{width:44px;height:40px}
.scan-note-heading{display:flex;align-items:center;gap:4px}
.scan-note-heading h3{margin:0}
@media(prefers-reduced-motion:reduce){.info-trigger,.info-panel{transition:none}}