.brgol-tutorial-menu{display:flex;align-items:center;gap:8px}.brgol-tutorial-menu img{width:32px;height:32px;object-fit:contain}
.brgol-tutorial-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(5,20,14,.78);display:flex;align-items:center;justify-content:center;padding:14px;font-family:Arial,sans-serif;color:#17334a}
.brgol-tutorial-dialog{width:min(900px,100%);max-height:min(92vh,900px);overflow:auto;background:#f3faf7;border:3px solid #09883a;border-radius:16px;box-shadow:0 18px 70px #0009;display:flex;flex-direction:column}
.brgol-tutorial-head{position:sticky;top:0;z-index:1;background:repeating-linear-gradient(135deg,#12ad47 0 18px,#078332 18px 36px);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.brgol-tutorial-head img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:9px;padding:3px}.brgol-tutorial-head h2{font-size:clamp(19px,3vw,27px);margin:0;text-shadow:1px 2px 2px #174}.brgol-tutorial-head small{margin-left:auto;font-weight:bold}.brgol-tutorial-body{padding:22px;min-height:300px}.brgol-tutorial-body h3{margin:0 0 9px;color:#087634;font-size:clamp(21px,3vw,29px)}.brgol-tutorial-body p{line-height:1.55;margin:8px 0}.brgol-tutorial-body ul{padding-left:22px;line-height:1.55}.brgol-tutorial-progress{height:8px;background:#d5e8dd}.brgol-tutorial-progress span{height:100%;display:block;background:#0a9b43;transition:width .2s}.brgol-tutorial-footer{border-top:1px solid #c5ddce;padding:14px 18px;display:flex;gap:10px;justify-content:space-between;align-items:center;background:#fff;position:sticky;bottom:0}.brgol-tutorial-footer button{border:0;border-radius:8px;padding:11px 16px;font-weight:bold;font-size:15px;cursor:pointer}.brgol-tutorial-next{background:#07963d;color:#fff}.brgol-tutorial-prev,.brgol-tutorial-later{background:#e7f0ea;color:#22513a}.brgol-tutorial-later{margin-right:auto}.brgol-tutorial-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;margin-top:14px}.brgol-tutorial-item{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #c8dfd0;border-radius:10px;padding:11px;min-height:88px}.brgol-tutorial-item img{width:50px;height:50px;object-fit:contain;flex:none}.brgol-tutorial-item strong{display:block;color:#087634;margin-bottom:4px}.brgol-tutorial-item p{font-size:13px;margin:0;line-height:1.4}.brgol-tutorial-callout{background:#e5f4e9;border-left:4px solid #129544;padding:10px 12px;border-radius:5px;margin-top:12px}.brgol-tutorial-warning{background:#fff4d4;border-left-color:#d59818}.brgol-tutorial-close{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer;line-height:1;margin-left:6px}.brgol-tutorial-error{color:#a32828;font-weight:bold}
@media(max-width:600px){.brgol-tutorial-backdrop{padding:0;align-items:stretch}.brgol-tutorial-dialog{max-height:100vh;border-radius:0;border-width:0}.brgol-tutorial-body{padding:17px;min-height:0}.brgol-tutorial-footer{flex-wrap:wrap}.brgol-tutorial-later{order:3;width:100%;margin:0}.brgol-tutorial-footer button{padding:10px 12px}.brgol-tutorial-head{padding:12px}.brgol-tutorial-item{min-height:70px}}