/* VCO school-owner tutorial pill + modal */
.vco-tut-wrap{text-align:center;margin:10px auto;padding:0 12px;max-width:100%}
.vco-tut-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:100%;padding:6px 16px;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:#fff;color:#333;font:500 14px/1.3 "Oswald",Arial,sans-serif;letter-spacing:.2px;cursor:pointer;white-space:normal;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.vco-tut-pill:hover,.vco-tut-pill:focus{border-color:#d9534f;color:#d9534f;outline:none}
.vco-tut-pill .fa{font-size:16px;color:#d9534f}
.vco-tut-pill.is-locked .fa{color:#888}
.vco-tut-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:12px}
.vco-tut-modal[hidden]{display:none}
.vco-tut-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.vco-tut-box{position:relative;background:#fff;border-radius:6px;width:100%;max-width:820px;padding:18px 18px 16px;box-shadow:0 8px 30px rgba(0,0,0,.35);box-sizing:border-box}
.vco-tut-box h4{margin:0 30px 12px 0;font-family:"Oswald",Arial,sans-serif;font-size:20px}
.vco-tut-x{position:absolute;top:6px;right:8px;width:36px;height:36px;border:0;background:none;font-size:28px;line-height:1;color:#555;cursor:pointer}
.vco-tut-frame{position:relative;width:100%;padding-top:56.25%;background:#000}
.vco-tut-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vco-tut-msg{font-size:15px;color:#444;margin:0 0 14px}
.vco-tut-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.vco-tut-btn{display:inline-block;min-height:36px;line-height:36px;padding:0 16px;background:#d9534f;color:#fff!important;border-radius:4px;text-decoration:none!important}
.vco-tut-link{display:inline-block;min-height:36px;line-height:36px;color:#d9534f}
.vco-tut-box{max-width:min(820px,100%)}
.vco-tut-box:has(.vco-tut-msg){max-width:440px}
@media (max-width:480px){.vco-tut-pill{font-size:13px;padding:6px 12px}.vco-tut-box{padding:14px}}