.learn-callout{padding:1rem 1.25rem;margin-block:1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--card)}.learn-callout p{margin:0}.learn-video-callout{display:flex;align-items:center;gap:1rem;justify-content:space-between}.learn-video-callout a,#feedback button{display:inline-block;min-height:44px;padding:.7rem 1rem;border:0;border-radius:8px;background:var(--blue-text);color:var(--card)!important;font:inherit;font-weight:700;cursor:pointer}#feedback{padding:1.25rem;margin-block:2rem;border:1px solid var(--border);border-radius:12px;background:var(--card);scroll-margin-top:80px}#feedback form{display:grid;gap:.6rem;max-width:42rem}#feedback label{font-weight:700;margin-top:.5rem}#feedback select,#feedback textarea,#feedback input[type=email],#feedback input[type=text]{display:block;width:100%;min-width:0;min-height:44px;box-sizing:border-box;font:inherit;font-size:16px;padding:.7rem;border:1px solid var(--secondary);border-radius:6px;background:var(--card);color:var(--text)}#feedback textarea{resize:vertical}#feedback :focus-visible,.learn-callout a:focus-visible{outline:3px solid var(--blue-text);outline-offset:3px}#feedback button:disabled{opacity:.65;cursor:wait}#feedback-counter{font-size:.9rem;margin:0}html:has(#feedback){scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:has(#feedback){scroll-behavior:auto}}@media(max-width:700px){.learn-video-callout{display:block}.learn-video-callout a{margin-top:.75rem;text-align:center;box-sizing:border-box;width:100%}#feedback button{width:100%}}
