/* hq125: the public visit card. Tokens and fonts come from gallery.css; styleguide: Rubik + Golos Text, dark teal, logo on teal. 390 px first. */
body.vc{margin:0;background:#fff;color:#1E2A2B;font-family:"Golos Text","PT Sans",sans-serif;font-size:19px;line-height:1.55}
.vc-wrap{max-width:860px;margin:0 auto;padding:0 16px}
.vc-top{background:#01545A}
.vc-top .vc-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5em 1em;padding-top:10px;padding-bottom:10px}
.vc-acct{display:flex;gap:.5em}
.vc-hero{background:#01545A;color:#fff;padding:1.2em 0 2em}
.vc-hero h1{font-family:Rubik,"Arial Rounded MT Bold",Arial,sans-serif;font-weight:800;font-size:1.9rem;line-height:1.15;margin:.2em 0 .5em}
.vc-lead{color:#D4E3E3;margin:0;font-size:1.05rem}
.vc-block{padding:1.2em 0;border-bottom:1px solid #D4E3E3}
.vc-block h2,.vc-join h2{font-family:Rubik,Arial,sans-serif;font-weight:700;font-size:1.4rem;color:#01545A;margin:0 0 .5em}
.vc-block p{margin:.4em 0}
.vc-block a,.vc-join a{color:#295859;text-decoration:underline}
.vc-note{background:#D4E3E3;color:#1E2A2B;padding:.7em .9em;border-radius:8px}
.vc-src{display:inline-block;font-size:.8rem;color:#295859;margin-left:.3em;white-space:nowrap}
.vc-names,.vc-facts,.vc-timeline{padding-left:1.2em;margin:.4em 0}
.vc-names li,.vc-facts li,.vc-timeline li{margin:.3em 0}
.vc-timeline{list-style:none;padding-left:0;border-left:3px solid #397172;padding-left:1em}
.vc-timeline strong{font-family:Rubik,Arial,sans-serif;color:#01545A;margin-right:.4em}
.vc-sources ol{font-size:.9rem;padding-left:1.4em}
.vc-sources li{margin:.3em 0;overflow-wrap:anywhere}
.vc-join{padding:1.4em 0 2em}
.vc-foot{background:#01545A;color:#fff;padding:1.2em 0;font-size:.95rem}
.vc-foot p{margin:.3em 0}
.vc-foot .motto{font-family:Rubik,Arial,sans-serif;font-weight:700;color:#D4E3E3}
.vc-lang{color:#D4E3E3}
@media (min-width:700px){.vc-hero h1{font-size:2.8rem}.vc-wrap{padding:0 24px}}
body.vc main{margin:0;padding:0;max-width:none}
.vc-hero h1{color:#fff}
.vc-acct a{display:inline-block;min-height:44px;line-height:44px;padding:0 14px;border:2px solid #fff;border-radius:10px;color:#fff;text-decoration:none;font-weight:600}
.vc-acct a:hover{background:#295859}
.vc-foot a{color:#fff}
.embedplay{display:flex;align-items:center;justify-content:center;gap:.6em;width:100%;max-width:480px;min-height:200px;padding:1em;border:2px solid #397172;border-radius:.8em;background:#D4E3E3;color:#01545A;font:inherit;font-weight:700;cursor:pointer}
.embedplay:hover,.embedplay:focus-visible{background:#BFD6D6}
.embedplay:focus-visible{outline:3px solid #01545A;outline-offset:2px}
.embedplay-icon{display:inline-block;min-width:2.4em;height:2.4em;line-height:2.4em;border-radius:50%;background:#01545A;color:#fff;text-align:center}
.embedframe{display:block;width:100%;max-width:480px;border:0;border-radius:.8em}
.embed-video{aspect-ratio:16/9}
.embed-fb{height:500px;max-width:340px}
.vc-extlinks{padding-left:1.2em;margin:.6em 0 0}
.vc-extlink{margin:.6em 0 0}
